@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

._container_1kvag_3 {
  padding: 10px 33px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}

._tabContainer_1kvag_9 {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.875rem 0 0;
  color: #00325e;
  gap: 1rem;
  max-width: 100%;
  text-align: left;
  font-size: 0.775rem;
  font-family: Inter;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  margin-top: 1rem;
}

._tableHeader_1kvag_30 {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}

._headerControls_1kvag_41 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  flex: 1;
  justify-content: space-between;
  gap: 1.25rem;
}

._mainTitle_1kvag_51 {
  gap: 10px;
  display: flex;
}

._ml5_1kvag_56 {
  margin-left: 5px;
}

._mt5_1kvag_59 {
  margin-top: 5px;
}

._subTitle_1kvag_63 {
  font-family: Inter;
  font-size: 0.9em;
  font-weight: 400;
  text-align: left;
  opacity: 60%;
  color: black;
}

._subContentContainer_1kvag_72 {
  padding: 10px 0px 10px 20px !important;
}

._borderStyle_1kvag_76 {
  border-right: 1px solid rgb(0 0 0 / 8%)
}

._cardStyle_1kvag_81 {
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px #0000001A;
}

._balanceNumber_1kvag_87 {
  font-family: Inter;
  font-size: 24px !important;
  text-align: left;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px !important;
}

._button_1kvag_96{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  padding: 8px 10px;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  font-size: 0.9em;
}

._primaryButton_1kvag_110 {
  background-color: var(--primary-blue);
  color: var(--white);
}

._secondaryButton_1kvag_115 {
  background-color: var(--white);
  color: #000;
  box-shadow: 0px 2px 0px 0px #00000005;
  border: 1px solid #00000026
}

._primaryButton_1kvag_110:disabled, ._secondaryButton_1kvag_115:disabled{
  cursor: not-allowed;
  border: 1px solid #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

._topSection_1kvag_130 {
  height: 170px;
}

._fontSize18_1kvag_134 {
  font-size: 1.1em;
}

._bottomPara_1kvag_138 {
  font-size: 0.9em;
  font-weight: 600;
  gap: 4px;
}

._dFlex_1kvag_144 {
  display: flex;
}

._cardStyleFrame_1kvag_148 {
  border: 1px solid #CBD2DE;
  padding: 24px 48px;
}

._gradientBox_1kvag_153 {
  height: 8vh;
  width: 4.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-blend-mode: overlay, normal;
}

._starterFrame_1kvag_162 {
  ._cardStyleFrame_1kvag_148 {
    border-bottom: 3px solid #855D42;
  }
  ._gradientBox_1kvag_153 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.00) -7.15%, rgba(255, 255, 255, 0.60) 75%, rgba(255, 255, 255, 0.00) 125.79%), #855D42;
  }
 }

._customFrame_1kvag_171 {
  ._cardStyleFrame_1kvag_148 {
    border-bottom: 3px solid #004B8D;
  }
  ._gradientBox_1kvag_153 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.00) -7.15%, rgba(255, 255, 255, 0.60) 75%, rgba(255, 255, 255, 0.00) 125.79%), #004B8D;
  }
 }

._enterpriseFrame_1kvag_180 {
  ._cardStyleFrame_1kvag_148 {
    border-bottom: 3px solid #F09819;
  }
  ._gradientBox_1kvag_153 {
    background: linear-gradient(135deg, rgba(237, 222, 93, 0.00) 35.4%, rgba(237, 222, 93, 0.90) 75%, rgba(237, 222, 93, 0.00) 125.79%), #F09819;
  }
 }

._growthFrame_1kvag_189 {
  ._cardStyleFrame_1kvag_148 {
    border-bottom: 3px solid #767899;
  }
  ._gradientBox_1kvag_153 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.00) -7.15%, rgba(255, 255, 255, 0.60) 75%, rgba(255, 255, 255, 0.00) 125.79%), #767899;
  }
 }

/* details */

._detailsCardStyle_1kvag_199{
  padding: 0px;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px #0000001A;

  /* .ant-card-body {
    padding: 0px !important
  } */
}

._dividerStyle_1kvag_209{
  margin: 15px 0px;
}

._container_1kvag_3 {
  padding: 10px 33px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}

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

._backIcon_1kvag_226 {
  display: flex;
  align-items: center;
  /* height: 16px; */
  cursor: pointer;

  svg {
    path {
      fill: var(--primary-blue);
    }
  }
}

._headerWrapper_1kvag_239 {
  display: flex;
  flex-direction: column;
}

._headerDescription_1kvag_243 {
  color: var(--Text2, rgba(0, 0, 0, 0.45));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._headerTitle_1kvag_251 {
  display: flex;
  gap: 8px;
  align-items: start;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 88.889% */
}

._headerButtons_1kvag_262 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._transparentButton_1kvag_268 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}

._newTemplate_1kvag_287 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._iconsContainer_1kvag_305 {
  display: flex;
  gap: 8px;
}

._icon_1kvag_305 {
  cursor: pointer;
}

._textGreen_1kvag_314 {
  color: #14992a;
}

._balanceDiv_1kvag_318 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 20vh; 
}

._balanceDivElem1_1kvag_325 {
  align-self: flex-start;
}

._balanceDivElem2_1kvag_329 {
  align-self: flex-end;
}

@media (max-width: 991px) {
  ._balanceDiv_1kvag_318 {
    height: 18vh; 
  }
}

._billNotiTable_1kvag_339 {
  table{
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
  }
  th {
    padding: 8px 16px !important;
    font-size: 0.9em !important;
  }
  td {
    font-size: 0.9em !important;
  }
}

._addBillingUserForm_1kvag_353 {
  input {
    border-color: #d9d9d9 !important;
    box-shadow: none !important;
  }
  select {
    border-color: #d9d9d9 !important;
    box-shadow: none !important;
  }
  label {
    font-size: 0.9em !important;
  }
}

._circle_1kvag_367 {
  width: 10px;
  height: 10px;
  background-color: #555;
  border-radius: 50%;
  margin-right: 5px;
}

._billingIcon_1kvag_375 {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1.15px solid rgba(22, 119, 255, 0.88);
  background: rgba(22, 119, 255, 0.08);
}

._tagCss_1kvag_387 {
  color: var(--colorText, rgba(0, 0, 0, 0.88)) !important;
  font-weight: 400;
  margin-left: 5px;
}

._tagCssGreen_1kvag_393{
  border: 1px solid rgba(68, 145, 68, 0.35) !important;
  background: rgba(68, 145, 68, 0.10) !important;
}

._tagCssOrange_1kvag_397{
  border: 1px solid rgba(240, 152, 25, 0.60) !important;
  background: rgba(240, 152, 25, 0.10) !important;
}

._tagCssRed_1kvag_401{
  border: 1px solid rgba(240, 89, 25, 0.6) !important;
  background: rgba(188, 99, 75, 0.1) !important;
}

._dailySpendCss_1kvag_406 {
    ._ant-table-cell_1kvag_407 {
      content: "";
      position: absolute;
      top: 25%;
      bottom: 25%;
      right: 0;
      width: 1px;
      background: rgba(0, 0, 0, 0.1);
  }
}

._businessDescription_1kvag_418 {
  ._ant-descriptions_1kvag_419 ._ant-descriptions-item-container_1kvag_419 ._ant-descriptions-item-label_1kvag_419 {
    display: inline-block !important;
    width: 100px !important;
  }
}

._navButton_1kvag_425 {
  border-radius: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 14px;
  box-sizing: border-box;
  gap: 8px;
  cursor: pointer;
  font-weight: 500;
}

._navButtonCurrent_1kvag_438 {
  background-color: rgba(97, 181, 255, 0.2);
  color: #00325e;
}

._navButtonNegative_1kvag_442 {
  background: rgba(255, 77, 79, 0.20);
  color: #FF4D4F;
}

._navButtonLow_1kvag_446 {
  background: rgba(240, 152, 25, 0.20);
  color: #F09819;
}

._navButtonZero_1kvag_450 {
  background: rgba(115, 115, 115, 0.20);
  color: #737373
}

._addBillingDetailsForm_1kvag_455{
  label {
    font-size: 0.8em !important;
  }
}

._textCenter_1kvag_461 {
  text-align: center !important;
}

._noBorderBottom_1kvag_465 {
  border-bottom: 0px !important;
}

._alertBanner_1kvag_469 {
  width: 5vw;
  font-size: 2em;
  color: #C14A4A;
  justify-content: center;
  margin: unset;
}
._container_vrkvw_2 {
  min-height: 100vh;
  background-color: var(--blue-body-color);
  padding: 10px 25px;
  font-family: Inter;
}
._header_vrkvw_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;

  text-decoration: none;
  position: relative;
  font-weight: 600;
  margin-right: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: start;
  height: 28px;
}
._title_vrkvw_25 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
._titleText_vrkvw_32 {
  text-decoration: none;
  position: relative;
  line-height: 28px;
  font-size: 18px;
  font-family: Inter;
  font-weight: 600;
  display: inline-block;
  color:#000000E0;
  width:100%;
}
._content_vrkvw_44 {
  font: 400 14px/22px Inter;
  color: rgba(0, 0, 0, 0.45);
}
._actionWrapper_vrkvw_49 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_vrkvw_56 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}
._tableContainer_vrkvw_65 {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
._tableHeader_vrkvw_73 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}
._tableHeaderText_vrkvw_79{
  font:500 14px/22px Inter;
}
._tableFilters_vrkvw_83 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}
._filtersTag_vrkvw_90 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}
._resetFilterTag_vrkvw_98 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}
._paginationDiv_vrkvw_108 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  height: 45px;
}
._filterWrapper_vrkvw_116 {
  position: relative;
}
._dropdownMenu_vrkvw_120 {
  position: absolute;
  top: 40px; /* Adjust this value as needed */
  left: 0;
  z-index: 1000;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._headerButtons_vrkvw_130 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._uploadList_vrkvw_136 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;  
}
._list_name_vrkvw_154 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
}
._iconsContainer_vrkvw_162{
    display: flex;
    gap: 8px;
}
._icon_vrkvw_162{
    cursor: pointer;
}
._template_name_vrkvw_171 {
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}
._customContainer_vrkvw_178{
    width: 100%;
}
._customInputContainer_vrkvw_182{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}
._buttonWrapper_vrkvw_188{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    margin-top: 20px;
  }
._cancelButton_vrkvw_196{
    display: flex;
    padding: 5px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    transition: all 0.2s ease;
  }
._cancelButton_vrkvw_196:hover{
    background: #f5f5f5;
    border-color: rgba(0, 0, 0, 0.25);
  }
._updateButton_vrkvw_219{
    display: flex;
    padding: 5px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    background: var(--primary-blue);
    color: #FFF;
    transition: all 0.2s ease;
  }
._updateButton_vrkvw_219:hover{
    background: #0056b3;
    border-color: #0056b3;
  }
._buttonContainer_vrkvw_243{
    width: 100%;
  }
._iconContainer_vrkvw_246{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
._description_vrkvw_252{
    font-size: 10px;
    font-family: Inter;
    margin-top: 5px;
    margin-bottom: 10px;
  }
/* Payload Modal  */
._payloadContainer_vrkvw_267 {
  width: 770px;
  margin: 0 auto;
  font-family: sans-serif;
}
._card_vrkvw_273 {
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
._payloadHeader_vrkvw_280 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  border-bottom: 1px solid #dee2e6;
  background-color: #f1f3f5;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
._payloadTitle_vrkvw_291 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #343a40;
}
._copyButton_vrkvw_298 {
  padding: 6px 12px;
  font-size: 14px;
  background-color: #0d6efd;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}
._copySuccess_vrkvw_309 {
  background-color: #28a745;
}
._pre_vrkvw_313 {
  padding: 16px;
  margin: 0;
  overflow: auto;
  max-height: 400px;
  font-size: 14px;
  background-color: #f8f9fa;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
._code_vrkvw_324 {
  font-family: monospace;
  white-space: pre-wrap;
  color: #212529;
}
._generateButton_vrkvw_330 {
  padding: 6px 12px;
  font-size: 14px;
  background-color: #6c757d;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}
._buttonGroup_vrkvw_341 {
  display: flex;
  align-items: center;
}
/* Payload Modal ends */
/* Sandbox Phone Input - Full Width with higher specificity */
._phoneInputWrapper_vrkvw_350 {
  width: 100% !important;
  display: block !important;
  padding-top: 5px;
  padding-bottom: 25px;
}
._phoneInputWrapper_vrkvw_350 > div {
  width: 100% !important;
}
._phoneInputWrapper_vrkvw_350 input {
  width: 100% !important;
  min-width: 100% !important;
  height: 40px !important;
  font-size: 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px !important;
}
._phoneInputWrapper_vrkvw_350 ._flag-dropdown_vrkvw_370 {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 6px 0 0 6px !important;
  background-color: #fff !important;
  height: 40px !important;
}
._phoneInputWrapper_vrkvw_350 ._selected-flag_vrkvw_377 {
  height: 40px !important;
}
._sandboxPadding_vrkvw_381 {
  margin: 14px 16px;
}
/* Error message styling */
._errorMessage_vrkvw_386 {
  color: #ff4d4f;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
  padding-left: 2px;
  display: flex;
  align-items: center;
  gap: 4px;
}
._errorMessage_vrkvw_386::before {
  content: "⚠";
  font-size: 12px;
}
/* Table container with margin */
._tableContainerWithMargin_vrkvw_405 {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
  margin-top: 20px;
  padding: 20px;
}
/* Tab Container - remove weird styling */
._tabContainer_vrkvw_415 {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  background-color: transparent;
}
._tabButtonsContainer_vrkvw_421 {
  margin-top: 10px;
  display: flex;
  gap: 0;
}
._tabButton_vrkvw_421 {
  padding: 12px 24px;
  border: none;
  border-radius: 0 !important;
  background-color: transparent !important;
  border-bottom: 2px solid transparent;
  color: #666 !important;
  font-weight: 400;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.2s ease;
  box-shadow: none !important;
  height: auto;
}
._tabButton_vrkvw_421:hover {
  color: var(--primary-blue) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
._tabButton_vrkvw_421:focus {
  color: var(--primary-blue) !important;
  background-color: transparent !important;
  border-radius: 0 !important;
}
._tabButtonActive_vrkvw_454 {
  background-color: transparent !important;
  border-bottom: 2px solid var(--primary-blue);
  border-radius: 0 !important;
  color: var(--primary-blue) !important;
  font-weight: 600;
}
._tabButtonActive_vrkvw_454:hover {
  background-color: transparent !important;
  color: var(--primary-blue) !important;
  border-radius: 0 !important;
}
._tabButtonActive_vrkvw_454:focus {
  background-color: transparent !important;
  color: var(--primary-blue) !important;
  border-radius: 0 !important;
}
/* Campaign-style tabs */
._tabs_vrkvw_475 {
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1.25rem 0 0;
  row-gap: 20px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  max-width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
._tabItemBasic_vrkvw_489 {
  border-bottom: 2px solid #004b8d;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 1rem 0.625rem 2px;
  gap: 0.75rem;
  color: #004b8d;
  cursor: pointer;
  font-size: 13px;
}
._tabTitle_vrkvw_502 {
  text-decoration: none;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  color: inherit;
  display: inline-block;
  min-width: 18px;
}
._tabItemBasic1_vrkvw_512 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 1rem 0.625rem 2px;
  gap: 0.75rem;
  cursor: pointer;
  font-size: 13px;
}
._tabTitle1_vrkvw_523 {
  text-decoration: none;
  position: relative;
  line-height: 22px;
  color: inherit;
  display: inline-block;
}
._container_o3h39_1{
    padding: 10px 25px;
    background-color: var(--blue-body-color);
    min-height: calc(100vh - 64px);
}

._header_o3h39_7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
    line-height: 16px;
    font-weight: 600;
    color: inherit;
    display: inlineBlock;
    margin-right: 5px;
    margin: 0px;
    margin-top: 10px;
    align-items: start;
    height: 28px;
}

._backIcon_o3h39_25{
    display: flex;
    align-items: center;
    /* height: 16px; */
    cursor: pointer;

    svg{
        path{
            fill: var(--primary-blue);
        }
    }
}

._headerWrapper_o3h39_38{
    display: flex;
    flex-direction: column;
}
._headerDescription_o3h39_42{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

._headerTitle_o3h39_50{
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 88.889% */
}


._headerButtons_o3h39_62{
    display: flex;
    gap: 8px;
    align-items: center;
}

._transparentButton_o3h39_68{
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;

}

._newTemplate_o3h39_88{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #FFF);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;

}

._iconsContainer_o3h39_107{
    display: flex;
    gap: 8px;
}

._icon_o3h39_107{
    cursor: pointer;
}

._textGreen_o3h39_116{
    color: #14992A;
}

._containerV2_o3h39_120 {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    background: #fff;
}
  
  ._Button1_o3h39_127 {
    align-self: stretch;
    border-radius: 4px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
    text-transform: capitalize;
  }
  
  ._Button1_o3h39_127:hover {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
    cursor: pointer;
  }
  ._Selected_o3h39_145 {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
  }
  
  ._headerV2_o3h39_151 {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
  }
  
  ._ButtonParent_o3h39_157 {
    border-radius: 4px;
    background-color: #f5f7f9;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    gap: 3px;
    width: 310px;
  }
  
  ._Text_o3h39_171 {
    position: relative;
    line-height: 22px;
    font-weight: 500;
    font-size: 12px;
  }
  
  ._actionWrapper_o3h39_178 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: end;
    gap: 8px;
  }
  ._actionWrapperFilter_o3h39_185 {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 8px;
    padding-bottom: 0px;
    border-radius: 6px;
    background-color: white;
    cursor: pointer;
  }
  
  ._transparentButton_o3h39_68 {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--primary-blue);
    background: var(--colorBgContainer, #fff);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--primary-blue);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
  }
  
  ._tableFilters_o3h39_214 {
    margin: 5px;
    margin-top: 0px;
    padding: 5px 3px;
    padding-top: 0px;
    display: flex;
    justify-content: end;
  }
  
  ._filtersTag_o3h39_223 {
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: #627f99;
    color: white;
  }
  
  ._resetFilterTag_o3h39_231 {
    border-radius: 6px;
    color: #004b8d;
    padding: 4px 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    margin-left: 2px;
    cursor: pointer;
    margin-right: 0px;
  }
  
  /* Preview Styles */
  
  ._previewContainer_o3h39_243 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
  }
  
  ._details_o3h39_250 {
    width: 50%;
    display: flex;
    padding: 16px;
    flex-direction: column;
  
    border-radius: 8px;
    border: 1px solid #cbd2de;
    background: #fff;
  }
  
  ._phoneContainer_o3h39_261 {
    border-radius: 40px;
    background: var(--Light-Theme-Primary-Surface, #f3f4f9);
    width: 50%;
    display: flex;
    flex-direction: column;
    height: 600px;
    border: 1px solid #cbd2de;
  }
  
  ._notificationBar_o3h39_271 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 40px;
    padding: 10px 24px;
    div {
      color: #1f1f1f;
      font-variant-numeric: lining-nums proportional-nums;
      font-feature-settings: 'dlig' on, 'ss02' on;
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 500;
      line-height: 20px; /* 142.857% */
      letter-spacing: 0.14px;
    }
    span {
      display: flex;
      gap: 4px;
    }
  }
  
  ._whatsappBar_o3h39_294 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #085b53;
    padding: 10px 12px;
    width: 100%;
    color: white;
    span {
      display: flex;
      align-items: center;
      gap: 5px;
    }
  }
  
  ._whatsappBackground_o3h39_309 {
    background-image: url('./whatsapp-bg.png');
    background-size: contain;
    height: 515px;
    display: flex;
    flex-direction: column;
    border-bottom-left-radius : 40px;
    border-bottom-right-radius : 40px;
  }
  
  ._messageContent_o3h39_319 {
    width: 90%;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
  
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
    white-space: pre-line;
  
    span {
      margin-top: 8px;
      display: block;
      color: #9da3a7;
      text-align: right;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
  }
  
  ._whatsappContent_o3h39_345 {
    height: 465px;
    overflow: scroll;
    padding: 8px;
  
    :-webkit-scrollbar {
      display: none;
    }
    
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  
  ._filledButton_o3h39_358 {
    display: grid;
    column-gap: 10px;
    width: 90%;
    grid-template-columns: 1fr 1fr;
  
    button {
      margin-top: 5px;
      padding: 5px 10px;
      flex-shrink: 0;
      border-radius: 6px;
      border: none;
      background: var(--primary-blue);
      color: var(--colorTextLightSolid, #fff);
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      gap: 10px;
      line-height: 22px; /* 157.143% */
    }
  }
  
  ._footer_o3h39_381 {
    display: flex;
    gap: 5px;
    padding: 0px 10px;
    margin-bottom: 10px;
  }
  
  ._textbox_o3h39_388 {
    display: flex;
    width: 88%;
    padding: 8px;
    justify-content: space-between;
    align-items: center;
    border-radius: 36px;
    background: #fff;
  
    color: #9da3a7;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  
  ._mic_o3h39_405 {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 32px;
    background: #00927c;
  }
  
  ._footerBar_o3h39_416 {
    display: flex;
    justify-content: center;
    height: 3px;
    span {
      width: 30%;
      height: 3px;
      background: black;
    }
  }
  
  ._detailsTitle_o3h39_427 {
    color: var(--Brand-Old-Blue, #00325e);
    font-size: 14px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
    margin-bottom: 16px;
  }
  
  ._detailsContent_o3h39_437 {
    padding: var(--Spacing-Pixel-3, 12px) 0px;
    border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
    display: flex;
    justify-content: space-between;
  
    div {
      color: rgba(0, 0, 0, 0.5);
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      line-height: 22px; /* 157.143% */
      text-transform: capitalize;
    }
  
    span {
      color: rgba(0, 0, 0, 0.88);
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 600;
      line-height: 22px; /* 157.143% */
    }
  }
  
  ._detailsButtons_o3h39_463 {
    button {
      width: 100%;
      padding: 5px 10px;
      flex-shrink: 0;
      border-radius: 6px;
      border: none;
      background: var(--primary-blue);
      color: var(--colorTextLightSolid, #fff);
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      gap: 10px;
      line-height: 22px; /* 157.143% */
    }
  }
  
  ._template_name_o3h39_481 {
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
  }
  
  ._qrButtonType_o3h39_489 {
    padding: 5px 0px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }
  
  ._ctaButtons_o3h39_499 {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 2px 0px;
  
    span {
      display: flex;
      padding: 0px var(--Spacing-Pixel-3, 12px);
      align-items: center;
      gap: 10px;
      width: 68%;
      flex-shrink: 0;
      align-self: stretch;
      border-radius: 6px;
      border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
      background: rgba(255, 255, 255, 0.04);
      color: rgba(0, 0, 0, 0.88);
      font-size: 12px;
      font-family: Inter;
      font-style: normal;
      font-weight: 400;
      overflow: scroll;
      line-height: 22px; /* 157.143% */
  
      :-webkit-scrollbar {
        display: none;
      }
  
      -ms-overflow-style: none; /* IE and Edge */
      scrollbar-width: none; /* Firefox */
    }
  }
  
  ._qrButtons_o3h39_533 {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 2px 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
  }
  
  ._buttonWrapper_o3h39_543{
    text-align: center;
    max-width: 312px;
    button{
      border: 0;
      color: #5ac2ff;
      margin-bottom: 0;
      font-weight: 600;
      padding: 5px;
      font-size: 12px;
    }
  
    div{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
  }
  
  ._headerTemplate_o3h39_563{
    font-size: 12px;
    font-weight: 700;
    font-family: Inter;
    display: block;
    margin-bottom: 5px;
  }
  
  ._footerText_o3h39_571{
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-family: Inter;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 5px;
  }
  
  ._multiCtaDrawer_o3h39_580{
    position: absolute;
    bottom: 1px;
    width: 100%;
    background-color: white;
    border-bottom-left-radius: 42px;
    border-bottom-right-radius: 42px;
    transition: height 0.2s;
    display: flex;
    justify-content: center;
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
  }
  
  ._actionContainer_o3h39_594{
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
  }
  
  ._buttonClose_o3h39_601{
    display: flex;
    margin-top: 10px;
    justify-content: space-between !important;
    font-size: 12px;
    padding: 0px 5px;
    font-family: Inter;
  }
  
  ._dropDown_o3h39_610{
    display: flex;
    align-items: center;
  }

  ._hoverIconWrapper_o3h39_615 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
  }
  
  ._hoverIcon_o3h39_615 {
    margin-left: 8px;
    transition: opacity 0.2s;
  }


  ._list_name_o3h39_629 {
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
  }


  ._blinkingDot_o3h39_638 {
    display: inline-block;
    margin-left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1890ff; /* Ant Design blue */
    animation: _blink_o3h39_638 1s infinite;
    vertical-align: middle;
  }
  
  @keyframes _blink_o3h39_638 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.2; }
  }

  ._webhookModal_o3h39_654 {
    width: 100%;
    padding: 5px;
    padding-top: 0px;
  }

  ._webhookModalTitle_o3h39_660{
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 500;
    font-family: Inter;
  }

  ._webhookCopy_o3h39_667{
    display: flex;
    gap: 8px;
  }

  ._webhookCopyIcon_o3h39_672{
    transform: scale(1.5);
  }

  ._connectionModal_o3h39_676 {
    width: 100%;
    padding: 5px;
    padding-top: 0px;
  }

  ._connectionModalTitle_o3h39_682 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    font-family: Inter;
    color: rgba(0, 0, 0, 0.88);
  }

  ._connectionModalText_o3h39_690 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    font-family: Inter;
    color: rgba(0, 0, 0, 0.65);
    line-height: 22px;
  }

  ._connectionModalButtons_o3h39_699 {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
  }

  ._connectButton_o3h39_705 {
    padding: 6px 16px;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: #fff;
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    cursor: pointer;
  }

  ._cancelButton_o3h39_717 {
    padding: 6px 16px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    cursor: pointer;
  }._CardWrapper_ldfzn_1 {
    border-radius: 6px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
      0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(245, 245, 245, 1);
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  
  ._CardHeader_ldfzn_12 {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    display: flex;
    gap: 10px;
    width: 100%;
  }
  
  ._StatusList_ldfzn_19 {
    background-color: #fff;
    gap: 5px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    white-space: nowrap;
    width: 180px;
    min-height: 150px;
  }
  
  ._StatusText_ldfzn_31 {
    font-family: Inter, sans-serif;
    flex: 1;
  }
  
  ._Divider_ldfzn_36 {
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    width: 1px;
  }
  
  ._CardContent_ldfzn_41 {
    border-radius: 0px 6px 6px 0px;
    border-left: none;
    display: flex;
    padding-bottom: 8px;
    flex-direction: column;
    flex: 1;
    width: 180px;
    gap: 10px;
    font-size: 12px;
  }
  
  ._CheckboxList_ldfzn_53 {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 5px 70px 5px 12px;
  }
  
  ._CheckboxItem_ldfzn_60 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
  }
  
  ._CheckboxLabel_ldfzn_67 {
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    font: 400 14px/157% Inter, sans-serif;
  }
  
  ._TagList_ldfzn_72 {
    border-top: 1px solid rgba(245, 245, 245, 1);
    background-color: #fff;
    display: flex;
    gap: 8px;
    font-size: 12px;
    color: var(--Brand-Old-Blue, #00325e);
    font-weight: 400;
    white-space: nowrap;
    line-height: 167%;
    padding: 8px 0;
    width: 100%;
    flex-wrap: wrap;
  }
  
  ._TagItem_ldfzn_87 {
    border-radius: 4px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    gap: 4px;
    padding: 1px 8px;
    align-items: center;
  }
  
  ._TagLabel_ldfzn_96 {
    font-family: Inter, sans-serif;
    color: #00325e;
    font-size: 10px;
  }
  
  ._CardFooter_ldfzn_102 {
    border-radius: 0px 0px 7px 7px;
    border-top: 1px solid rgba(240, 240, 240, 1);
    background-color: #fff;
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    line-height: 22px;
    justify-content: center;
    padding: 8px;
  }
  
  ._FooterButtonList_ldfzn_117 {
    justify-content: center;
    display: flex;
    gap: 16px;
  }
  
  ._ResetButton_ldfzn_123 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: var(--colorBgContainer, #fff);
    color: var(--Brand-Old-Blue, #00325e);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  ._ApplyButton_ldfzn_138 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 50, 94, 1);
    background-color: var(--Brand-Old-Blue, #00325e);
    color: var(--colorTextLightSolid, #fff);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  ._CardContent_ldfzn_41 {
    
  }
  
  ._SearchBar_ldfzn_157 {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._ScrollableList_ldfzn_163 {
    max-height: 200px;
    overflow-y: auto;
  }
  
  ._CheckboxList_ldfzn_53 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  ._CursorPointer_ldfzn_174 {
    cursor: pointer;
  }
  ._ScrollableList_ldfzn_163 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  ._OptionItem_ldfzn_183 {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    /* background-color: ${({ isSelected }) => (isSelected ? 'rgba(0, 0, 0, 0.04)' : 'transparent')}; */
    &:hover {
      background-color: #f0f0f0;
    }
    border-radius: 4px;
  }
  
  ._OptionItem_ldfzn_183 input[type="checkbox"] {
    margin-right: 10px; /* Space between the checkbox and label */
  }
  
  ._OptionItem_ldfzn_183 input[type="checkbox"]:hover {
    cursor: pointer; /* Ensure cursor shows pointer for checkbox */
  }
  .react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}._container_15mwa_1 {
    width: 770px;
    margin: 0 auto;
    font-family: sans-serif;
  }
  
  ._card_15mwa_7 {
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  
  ._header_15mwa_14 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    border-bottom: 1px solid #dee2e6;
    background-color: #f1f3f5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  
  ._title_15mwa_25 {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #343a40;
  }
  
  ._copyButton_15mwa_32 {
    padding: 6px 12px;
    font-size: 14px;
    background-color: #0d6efd;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
  }
  
  ._copySuccess_15mwa_43 {
    background-color: #28a745;
  }
  
  ._pre_15mwa_47 {
    padding: 16px;
    margin: 0;
    overflow: auto;
    max-height: 400px;
    font-size: 14px;
    background-color: #f8f9fa;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  
  ._code_15mwa_58 {
    font-family: monospace;
    white-space: pre-wrap;
    color: #212529;
  }
  
  ._generateButton_15mwa_64 {
    padding: 6px 12px;
    font-size: 14px;
    background-color: #6c757d;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
  }
  
  ._buttonGroup_15mwa_75 {
    display: flex;
    align-items: center;
  }/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}
.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.react-flow__pane {
  z-index: 1;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__pane.selection {
    cursor: pointer;
  }
.react-flow__pane.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}
.react-flow__renderer {
  z-index: 4;
}
.react-flow__selection {
  z-index: 6;
}
.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}
.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}
.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}
.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}
.react-flow__edge.animated path {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__edge.animated path.react-flow__edge-interaction {
    stroke-dasharray: none;
    -webkit-animation: none;
            animation: none;
  }
.react-flow__edge.inactive {
    pointer-events: none;
  }
.react-flow__edge.selected,
  .react-flow__edge:focus,
  .react-flow__edge:focus-visible {
    outline: none;
  }
.react-flow__edge.selected .react-flow__edge-path,
  .react-flow__edge:focus .react-flow__edge-path,
  .react-flow__edge:focus-visible .react-flow__edge-path {
    stroke: #555;
  }
.react-flow__edge-textwrapper {
    pointer-events: all;
  }
.react-flow__edge-textbg {
    fill: white;
  }
.react-flow__edge .react-flow__edge-text {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
.react-flow__connection {
  pointer-events: none;
}
.react-flow__connection .animated {
    stroke-dasharray: 5;
    -webkit-animation: dashdraw 0.5s linear infinite;
            animation: dashdraw 0.5s linear infinite;
  }
.react-flow__connectionline {
  z-index: 1001;
}
.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}
.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: -webkit-grab;
  cursor: grab;
}
.react-flow__node.dragging {
    cursor: -webkit-grabbing;
    cursor: grabbing;
  }
.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}
.react-flow__nodesselection-rect {
    position: absolute;
    pointer-events: all;
    cursor: -webkit-grab;
    cursor: grab;
  }
.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}
.react-flow__handle.connectionindicator {
    pointer-events: all;
    cursor: crosshair;
  }
.react-flow__handle-bottom {
    top: auto;
    left: 50%;
    bottom: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-top {
    left: 50%;
    top: -4px;
    transform: translate(-50%, 0);
  }
.react-flow__handle-left {
    top: 50%;
    left: -4px;
    transform: translate(0, -50%);
  }
.react-flow__handle-right {
    right: -4px;
    top: 50%;
    transform: translate(0, -50%);
  }
.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}
.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}
.react-flow__panel.top {
    top: 0;
  }
.react-flow__panel.bottom {
    bottom: 0;
  }
.react-flow__panel.left {
    left: 0;
  }
.react-flow__panel.right {
    right: 0;
  }
.react-flow__panel.center {
    left: 50%;
    transform: translateX(-50%);
  }
.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}
.react-flow__attribution a {
    text-decoration: none;
    color: #999;
  }
@-webkit-keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.react-flow__edge.updating .react-flow__edge-path {
      stroke: #777;
    }
.react-flow__edge-text {
    font-size: 10px;
  }
.react-flow__node.selectable:focus,
  .react-flow__node.selectable:focus-visible {
    outline: none;
  }
.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}
.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
      box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
    }
.react-flow__node-default.selectable.selected,
    .react-flow__node-default.selectable:focus,
    .react-flow__node-default.selectable:focus-visible,
    .react-flow__node-input.selectable.selected,
    .react-flow__node-input.selectable:focus,
    .react-flow__node-input.selectable:focus-visible,
    .react-flow__node-output.selectable.selected,
    .react-flow__node-output.selectable:focus,
    .react-flow__node-output.selectable:focus-visible,
    .react-flow__node-group.selectable.selected,
    .react-flow__node-group.selectable:focus,
    .react-flow__node-group.selectable:focus-visible {
      box-shadow: 0 0 0 0.5px #1a192b;
    }
.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}
.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}
.react-flow__nodesselection-rect:focus,
  .react-flow__nodesselection-rect:focus-visible,
  .react-flow__selection:focus,
  .react-flow__selection:focus-visible {
    outline: none;
  }
.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}
.react-flow__controls-button {
    border: none;
    background: #fefefe;
    border-bottom: 1px solid #eee;
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    padding: 5px;
  }
.react-flow__controls-button:hover {
      background: #f4f4f4;
    }
.react-flow__controls-button svg {
      width: 100%;
      max-width: 12px;
      max-height: 12px;
    }
.react-flow__controls-button:disabled {
      pointer-events: none;
    }
.react-flow__controls-button:disabled svg {
        fill-opacity: 0.4;
      }
.react-flow__minimap {
  background-color: #fff;
}
.react-flow__minimap svg {
  display: block;
}
.react-flow__resize-control {
  position: absolute;
}
.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}
.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}
.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}
.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}
/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}
.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}
.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}
.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}
.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}
.react-flow__resize-control.handle.top.left {
  left: 0;
}
.react-flow__resize-control.handle.bottom.left {
  left: 0;
}
.react-flow__resize-control.handle.top.right {
  left: 100%;
}
.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}
/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}
.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}
.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}
.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}
.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}
.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}
.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}
._containerMainBody_1iyyv_1{
    padding: 5px 8px;
    border-top: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
}

._topWrapper_1iyyv_11{
    display: flex;
    padding: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

._titleWrapper_1iyyv_20{
    display: flex;
    align-items: center;
    gap: 8px;
}

._iconWrapper_1iyyv_26{
    display: flex;
    width: 35px;
    height: 35px;
    padding: 5px;
    align-items: center;
    gap: 12.5px;
    border-radius: 10px;
    background: #F7FAFE;
}

._icon_1iyyv_26{
    display: flex;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
}

._nodeTitleWrapper_1iyyv_47{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

._title_1iyyv_20{
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px; /* 157.143% */
}

._description_1iyyv_62{
    color: #627F99;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 183.333% */
    word-break: break-all;   
    text-transform: capitalize;
}

._moreIcon_1iyyv_72{
    display: flex;
    align-items: center;
    height: 35px;
}

._analyticsContainer_1iyyv_78{
    display: flex;
    padding: 8px 12px;
    justify-content: space-around;
    align-items: center;
    background: rgba(0, 75, 141, 0.12);
    border-top: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
}

._analyticsItem_1iyyv_87{
    color: #627F99;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 183.333% */
    span{
        color: #000;
        font-style: normal;
        font-weight: 600;
    }
}

._bold500_1iyyv_100{
    font-weight: 500;
}

._highlightedMessageContent_1iyyv_104 {
    color: rgba(0,0,0,0.88);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 157.143% */
    padding: 6px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.15);
}
._highlightedMessageContentWhatsapp_1iyyv_114 {
    color: rgba(0,0,0,0.88);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 157.143% */
    padding: 6px;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0.15);
    span{
       color: var(--colorPrimaryBase, #1677FF);
       padding: 1px 5px;
       background: #E6EBF2;
     }
}

._filledButton_1iyyv_130{
    display: flex;
    padding: 5px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    background: var(--primary-blue);
    color: #FFF
  }

._botAnalyticsBadges_1iyyv_148 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px;
  border-top: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
}

._analyticsBadge_1iyyv_156 {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: default;
  transition: all 0.2s ease;
  max-width: 100%;
  flex-wrap: wrap;
}

._analyticsBadge_1iyyv_156:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
._filterContainer_3hdzo_2 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    border-top: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    background: var(--White, #FFF);
    font-size: 12px;
}

._filterList_3hdzo_13{
    font-size: 12px;
    margin-left: 45px;
    padding: 5px;
    color: rgba(0,0,0,0.88)
}.messageContentWhatsapp {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */

  span{
      color: var(--colorPrimaryBase, #1677FF);
      padding: 1px 5px;
      background: #E6EBF2;
    }
}

.videoContainer {
  position: relative;
  width: 182px;
  height: 92px;
  margin-bottom: 5px;
  max-height:130px;
  max-width:130px
}
.playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 8px 16px;
  border-radius: 50%;
  cursor: pointer;
}
.documentContainer {
  width: 182px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  background: rgba(225, 225, 225, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.fileIcon {
  width: 41px;
  height: 30px;
  flex-shrink: 0;
}

.buttonWrapper {
border-radius: 5px;
border-top: 1px solid #004B8D;
justify-content: space-between;
display: flex;
padding-left: 10px;
padding-right: 10px;
}

.interactive-list-container{
  border: 1px solid #D2D6DB;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  width: 75%;
  margin: 0 auto;
}

.interactive-header{
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.001em;
}

.interactive-body{
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: -0.001em;
  overflow-wrap: break-word;
}


.interactive-footer{
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.001em;
  color: #9B9B9B;  
}

.interactive-option{
  border-top: 1px solid #D2D6DB;
  border-radius: 5px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: black;
}

.interactive-see-options{
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.001em;
}
.messageContentWhatsapp span{
    color: #004B8D;
    padding: 1px 5px;
    background: rgba(0, 75, 141, 0.30);
}

.template-container{
    background-color: white;
    opacity: 0.25;
}

.analytics-container-wa {
  display: flex;
  background-color: #eeeeee;
  justify-content: space-evenly;
  padding-top: 3px;
  font-size: 12px;
}

.analytics-item{
  display: flex;
  flex-direction: column;
  align-items: center;
}
._attachmentContainer_sfmyc_1{
    width: 100%;
    height: 150px;
    overflow: hidden;
    text-align: center;
    background-color: aliceblue;
    margin-bottom: 10px;
    border-radius: 6px;
}

._attachmentFile_sfmyc_11{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
}

._playButton_sfmyc_19{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 8px 16px;
    border-radius: 50%;
    cursor: pointer;
}

._aiContentSummary_sfmyc_31 {
    width: 100%;
    justify-content: center;
    padding:  0px 43px;
}

  ._metaRow_sfmyc_37 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #1747d1;
    font-size: 12px;
    font-family: Inter;
  }
  
  ._separator_sfmyc_47 {
    color: rgba(0, 0, 0, 0.15);
  }
  
  ._approved_sfmyc_51 {
    color: green;
  }
  
  ._rejected_sfmyc_55 {
    color: red;
  }
  
  ._pending_sfmyc_59 {
    color: orange;
  }
._container_ey64x_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_ey64x_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  text-transform: capitalize;
}

._Button1_ey64x_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_ey64x_26 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_ey64x_32 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}
._headerTitle_ey64x_37 {
  font: 600 14px/20px Inter;
}
._ButtonParent_ey64x_40 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  
}

._Text_ey64x_54 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_ey64x_61 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_ey64x_67 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  border-radius: 6px;
  height: 32px;
  background-color: white;
}

._transparentButton_ey64x_75 {
  display: flex;
  height: 32px;
  padding: 0px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);

  color: var(--colorText, rgba(0, 0, 0, 0.88));

  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

._tableFilters_ey64x_96 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_ey64x_103 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_ey64x_111 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}

._CursorPointer_ey64x_121 {
  cursor: pointer;
}
.MuiDialog-root {
    z-index:1000 !important;
}._container_1bg2i_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_1bg2i_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
}

._Button1_1bg2i_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1bg2i_25 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1bg2i_31 {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

._ButtonParent_1bg2i_37 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 320px;
}

._Text_1bg2i_51 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_1bg2i_58 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_1bg2i_64 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._transparentButton_1bg2i_73 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

/* Preview Styles */

._previewContainer_1bg2i_93 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

._details_1bg2i_100 {
  width: 50%;
  display: flex;
  padding: 16px;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
}

._phoneContainer_1bg2i_111 {
  border-radius: 40px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  width: 50%;
  display: flex;
  flex-direction: column;
  height: 600px;
}

._notificationBar_1bg2i_120 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}

._whatsappBar_1bg2i_143 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #085b53;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}

._smsBar_1bg2i_160 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f4f9;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._emailBar_1bg2i_176 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fcfcfe;
  padding: 16px;
  width: 100%;
  color: black;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 25px;
  }
  ._span2_1bg2i_191 {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  ._sender_1bg2i_196 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  ._senderIcon_1bg2i_203 {
    background-color: #7986cc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  ._senderDetails_1bg2i_213 {
    font: 400 10px/20px Inter;
  }

  ._senderName_1bg2i_217 {
    font: 500 14px/24px Inter;
  }

  ._senderToMe_1bg2i_221 {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._whatsappBackground_1bg2i_227 {
  background-image: url('./whatsapp-bg.png');
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 5px;
}

._smsBackground_1bg2i_237 {
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._timeLabel_1bg2i_244 {
  color: black;
  display: flex;
  justify-content: center;
  font-size: 10px;
}
._smsMessageHeader_1bg2i_250 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; /* Corrected from 'end' */
  gap: 5px;
}
._smsNameIconWrapper_1bg2i_256 {
  display: flex;
  align-content: flex-end; /* Corrected from 'end' */
  justify-content: start;
}

._emailBackground_1bg2i_262 {
  background-size: contain;
  background-color: #fcfcfe;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

._messageContent_1bg2i_271 {
  width: 90%;
  padding: 20px 8px;
  border-radius: 12px;
  background: #fff;

  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._contentDiv_1bg2i_297 {
  height: 400px;
  overflow: scroll;
  padding: 8px;
}

._filledButton_1bg2i_303 {
  display: grid;
  column-gap: 10px;
  width: 90%;
  grid-template-columns: 1fr 1fr;

  button {
    margin-top: 5px;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._footer_1bg2i_326 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 0px;
}
._emailFooter_1bg2i_333 {
  background-color: #e7eef4;
  padding: 5px 20%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._textbox_1bg2i_340 {
  display: flex;
  width: 88%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  background: #fff;

  color: #9da3a7;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

._mic_1bg2i_357 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 32px;
  background: #00927c;
}

._footerBar_1bg2i_368 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._detailsTitle_1bg2i_380 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_1bg2i_390 {
  padding: var(--Spacing-Pixel-3, 5px) 0px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}

._detailsButtons_1bg2i_415 {
  button {
    width: 100%;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._template_name_1bg2i_433 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}
._phoneContainer_14zuc_1 {
  border-radius: 40px;
  /* background: var(--Light-Theme-Primary-Surface, #f3f4f9); */
  background: grey;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 600px;
  border: 2px solid black;
}

._notificationBar_14zuc_12 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 10px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}

._phoneBackground_14zuc_35 {
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._contentDiv_14zuc_42 {
  height: 400px;
  overflow: scroll;
  padding: 8px;
}
._messageWrapper_14zuc_47 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
._timeText_14zuc_54 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

._popUpDiv_14zuc_61 {
  height: 80px;
  width: 100%;
  background-color: white;
  border-radius: 20px;
  padding: 10px;
  font-size: 10px;
  overflow: hidden;
  margin-top: 20px;
  transition: height 0.3s ease-in-out;
}
._popUpHeader_14zuc_72 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._leftHeader_14zuc_77 {
  width: 90%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  font: 300 10px/14px Inter;
  color: grey;
}
._leftHeaderdiv_14zuc_86 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}
._smallDot_14zuc_92 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: black;
}
._popUpDivExpanded_14zuc_98 {
  max-height: 250px; /* Maximum height of the element */
  height: auto; /* Automatically adjusts to fit content */
}
._description_14zuc_102 {
  font: 300 10px/14px Inter;
  color: grey;
  white-space: nowrap; /* Prevents wrapping */
  overflow: hidden; /* Hides overflow content */
  text-overflow: ellipsis; /* Adds ellipsis (…) to indicate truncated content */
  transition: white-space 0.3s ease-in-out; /* Smooth transition */
}

._popUpDivExpanded_14zuc_98 ._description_14zuc_102 {
  white-space: normal !important; /* Allows wrapping in expanded mode */
  overflow: visible; /* Shows the full content */
}

._iconHeader_14zuc_116 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: red;
}

._popUpContent_14zuc_123 {
  color: black;
  padding: 5px 10px 0px 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
._buttonContainer_14zuc_130 {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative; /* Needed for absolute centering */
}

._buttonStyle_14zuc_137 {
  color: grey;
  font: 500 10px/14px Inter;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
}

/* First button: Align left */
._buttonContainer_14zuc_130 a:nth-child(1) {
  margin-right: auto;
}

/* Second button: Center it properly */
._buttonContainer_14zuc_130 a:nth-child(2) {
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
}

/* Third button: Align right */
._buttonContainer_14zuc_130 a:nth-child(3) {
  position: absolute;
  left: 70%;
  transform: translateX(-50%);
}
._senderNameIcon_14zuc_165 {
  display: flex;
  justify-content: start;
  align-items: center;
}
._messageContent_14zuc_170 {
  width: 90%;
  padding: 20px 8px;
  border-radius: 12px;
  background: #fff;

  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._footer_14zuc_196 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 0px;
}

._footerBar_14zuc_204 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._rightHeader_14zuc_216 {
  display: flex;
  justify-content: flex-end;
  align-items: start;
  gap: 10px;
  font: 300 10px/16px Inter;
  color: grey;
}

._highlightedMessageContentWhatsapp_14zuc_225 {
  font: 300 10px / 14px Inter;
  color: grey;
  line-height: 18px; /* 157.143% */
  span{
     color: var(--colorPrimaryBase, #1677FF);
     padding: 1px 5px;
     background: #E6EBF2;
   }
}/* Ios Preview */
._phoneContainerIos_g3k2j_2 {
  border-radius: 40px;
  /* background: var(--Light-Theme-Primary-Surface, #f3f4f9); */
  background: grey;
  /* background-color: #171717; */
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 600px;
  border: 2px solid black;
}
._notificationBar_g3k2j_13 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}
._phoneBackground_g3k2j_35 {
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._contentDiv_g3k2j_42 {
  height: 400px;
  overflow: scroll;
  padding: 8px;
}
._messageWrapper_g3k2j_47 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
._timeText_g3k2j_54 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
._popUpDivIos_g3k2j_60 {
  height: 60px;
  width: 100%;
  /* background-color: #171717; */
  background-color: white;
  border-radius: 20px;
  font-size: 14px;
  overflow: hidden;
  margin-top: 20px;
  transition: height 0.3s ease-in-out;
}

._popUpHeaderIos_g3k2j_72 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  font: 300 12px/16px Inter;
  color: black;
  padding: 10px;
  padding-bottom: 0px;
}

._middleDivIos_g3k2j_84 {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 2px;
  padding-left: 2px;
}

._popUpDivExpanded_g3k2j_94 {
  max-height: 225px; /* Maximum height of the element */
  height: auto; /* Automatically adjusts to fit content */
}
._descriptionIos_g3k2j_98 {
  font: 300 10px/14px Inter;
  color: black;
  white-space: nowrap; /* Prevents wrapping */
  overflow: hidden; /* Hides overflow content */
  text-overflow: ellipsis; /* Adds ellipsis (…) to indicate truncated content */
  transition: white-space 0.3s ease-in-out; /* Smooth transition */
}

._popUpDivExpanded_g3k2j_94 ._descriptionIos_g3k2j_98 {
  white-space: normal !important; /* Allows wrapping in expanded mode */
  overflow: visible; /* Shows the full content */
}

._iconHeader_g3k2j_112 {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: red;
}

._popUpContentIos_g3k2j_119 {
  color: white;
  width: 100%;
}

._buttonContainerIos_g3k2j_124 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  margin-top: 10px;
}

._buttonStyleIos_g3k2j_133 {
  background-color: white;
  padding: 4px 0px;
  text-align: center;
  width: 200px;
  color: black;
  font: 400 12px/18px Inter;
  border-radius: 5px;
}

._highlightedMessageContentWhatsapp_g3k2j_143 {
  font: 300 10px / 14px Inter;
  color: grey;
  line-height: 18px; /* 157.143% */
  span{
     color: var(--colorPrimaryBase, #1677FF);
     padding: 1px 5px;
     background: #E6EBF2;
   }
}._CardWrapper_1qqti_1 {
  border-radius: 6px;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(245, 245, 245, 1);
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 10px;
}

._CardHeader_1qqti_12 {
  border-bottom: 1px solid rgba(240, 240, 240, 1);
  display: flex;
  gap: 10px;
  width: 100%;
}

._StatusList_1qqti_19 {
  background-color: #fff;
  gap: 5px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
  white-space: nowrap;
  width: 180px;
  min-height: 150px;
}

._StatusText_1qqti_31 {
  font-family: Inter, sans-serif;
  flex: 1;
}

._Divider_1qqti_36 {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  width: 1px;
}

._CardContent_1qqti_41 {
  border-radius: 0px 6px 6px 0px;
  border-left: none;
  display: flex;
  padding-bottom: 8px;
  flex-direction: column;
  flex: 1;
  width: 230px !important;
}

._CheckboxList_1qqti_51 {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 5px 70px 5px 12px;
}

._CheckboxItem_1qqti_58 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

._CheckboxLabel_1qqti_65 {
  color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
  font: 400 14px/157% Inter, sans-serif;
}

._TagList_1qqti_70 {
  border-top: 1px solid rgba(245, 245, 245, 1);
  background-color: #fff;
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: var(--Brand-Old-Blue, #00325e);
  font-weight: 400;
  white-space: nowrap;
  line-height: 167%;
  padding: 8px 0;
  width: 100%;
  flex-wrap: wrap;
}

._TagItem_1qqti_85 {
  border-radius: 4px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  gap: 4px;
  padding: 1px 8px;
  align-items: center;
}

._TagLabel_1qqti_94 {
  font-family: Inter, sans-serif;
  color: #00325e;
  font-size: 10px;
}

._CardFooter_1qqti_100 {
  border-radius: 0px 0px 7px 7px;
  border-top: 1px solid rgba(240, 240, 240, 1);
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 22px;
  justify-content: center;
  padding: 8px;
}

._FooterButtonList_1qqti_115 {
  justify-content: center;
  display: flex;
  gap: 16px;
}

._ResetButton_1qqti_121 {
  font-family: Inter, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: var(--colorBgContainer, #fff);
  color: var(--Brand-Old-Blue, #00325e);
  flex: 1;
  padding: 5px 16px;
  cursor: pointer;
}

._ApplyButton_1qqti_136 {
  font-family: Inter, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 50, 94, 1);
  background-color: var(--Brand-Old-Blue, #00325e);
  color: var(--colorTextLightSolid, #fff);
  flex: 1;
  padding: 5px 16px;
  cursor: pointer;
}

._CardContent_1qqti_41 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-size: 12px;
}

._SearchBar_1qqti_159 {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

._ScrollableList_1qqti_165 {
  max-height: 200px;
  overflow-y: auto;
}

._CheckboxList_1qqti_51 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._CursorPointer_1qqti_176 {
  cursor: pointer;
}
._checkboxContainer_10wto_1{
   display: grid;
   grid-template-columns: 1fr 1fr;
   column-gap: 20px;
}

._label_10wto_7 {
    font-size: 10px;
    font-family: Inter;
    font-weight: 400;
    line-height: 18px;
    padding: 0px 5px;
    display: block;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
  
    span{
      color: rgba(0, 0, 0, 0.5)
    }
}


._lineContainer_10wto_22 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin-top: 10px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    line-height: 18px;
  }

  ._lineContainer_10wto_22::before,
  ._lineContainer_10wto_22::after {
    content: "";
    flex: 1;
    height: 0.5px;
    background: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    margin: 0 5px;
  }

  ._phonePreviewDiv_10wto_45 {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  ._Button1_10wto_52 {
    align-self: stretch;
    border-radius: 4px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
  }
  
  ._Button1_10wto_52:hover {
    background-color: grey;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
    cursor: pointer;
  }

  ._ButtonParent_10wto_70 {
    border-radius: 4px;
    background-color: #f5f7f9;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    gap: 3px;
    /* width: 50%; */
  }
  
  ._OsIcon_10wto_84 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px; /* Adjust size if needed */
    color: inherit; /* Use parent color or specify */
  }
  
  ._Selected_10wto_92 {
    background-color: grey;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
  }.edgebutton {
  padding: 2px 7px;
  background: #627F99;
  color:white;
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  line-height: 16px; /* 145.455% */
  letter-spacing: -0.011px;
}

.edgebutton:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}
._tagsContainer_16l6t_1 {
  margin-bottom: 5px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;

  ._tag_16l6t_1 {
    border: 1px solid var(--primary-black);
    border-radius: 22px;
    padding: 2px 6px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

._inputTag_16l6t_19 {
  background-color: transparent;
  padding: 4px 2px;
  border: none;
  outline: none;
}
._btnTag_16l6t_25 {
  border-radius: 5px;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  background-color: #4B4B4B;
  color: white;
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01px;
  border: none;
  outline: none;
  margin-bottom: 10px;
}

._btntagDelete_16l6t_41 {
  background-color: transparent;
  padding: 2px 4px;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 10px;
}._defaultText_pnhqf_1 {
  color: #4b4b4b;
  font-family: Inter;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.011px;
  color: 'red';
}
._lineContainer_wucv9_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    margin-top: 10px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    font-size: 12px;
    font-family: Inter;
    font-weight: 400;
    line-height: 18px;
  }

  /* .lineContainer::before {
    content: "";
    flex: 1;
    height: 0.5px;
    background: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    margin: 0 5px;
  } */.product-linker-post-card{
    display: grid;
    grid-template-columns: 0.5fr 2.2fr 0.3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }
  
  .product-linker-post-card .photoWrapper{

    margin-top: 2px;
    display: flex;
    height: 100%;
    align-items: center;
  }
  .photo {
    width: 35px;
    height: 35px;
  }
  .product-linker-badge .not-linked{
    background-color: #ffcbd1;
    color: #c30010;
    border-radius: 7px;
    font-size: 10px;
    padding: 2px 10px;
  }
  
  .product-linker-badge .linked{
    background-color: #cce7c9;
    color: #276221;
    border-radius: 7px;
    font-size: 10px;
    padding: 2px 10px;
  }._filterContainer_1vitj_1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 4px;
    span{
        color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }
    div{
        cursor: pointer;
    }
}

._filledButton_1vitj_18{
    display: flex;
    width: 100%;
    margin-top: 10px;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #fff);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; 
}

._filterToggleButtonContainer_1vitj_39{
    display: flex;
    justify-content: end;
    align-items: center;
    button {
        background-color: transparent;
        border: 1px solid var(--primary-blue);
        color: var(--primary-blue);
        padding: 4px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 12px;
        cursor: pointer;
        border-radius: 4px;
        margin-top: 10px;
        font-family: Inter;
        transition: all 0.2s;
      
        svg {
          width: 14px;
          height: 14px;
        }
    }
}

._orTextContainer_1vitj_66{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 10px;
}

._orText_1vitj_66{
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border: 1px solid var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
    padding: 0px 10px;
    border-radius: 4px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}._checkboxCustom_ytyfy_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    position: relative;
    outline: none;
    background-color: white;
    display: flex;
    align-items: center;
}

._checkboxCustom_ytyfy_1:checked {
    background-color: #004b8d;
    border-color: #004b8d;
}

._checkboxCustom_ytyfy_1:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

._checkboxCustom_ytyfy_1:hover {
    border-color: #004b8d;
}
.phoneInputContainer-dropdown {
  background-color: aquamarine;
}

.phoneInputContainer {
  font-size: 11px;
  position: relative;
  border-bottom: none;
}

.select-publication-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: 'flex-start';
  justify-content: flex-start;
  margin-top: 14px;
  background: var(--background-color);
  padding: 25px 32px;
}

.select-pulication-image {
  background-size: contain;
  width: 100%;
  aspect-ratio: 1;
}

.select-publication-card {
  border: 1px solid #b5b5b5;
  border-radius: 10px;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

.select-publication-card:hover{
  box-shadow: 0 0 10px 3px #b5b5b5;
}


.select-pulication-preview {
  display: flex;
  padding: 5px;
  align-items: center;
}

.select-pulication-img {
  width: 25%;
  height: 50px;
  /* background-size:contain; */
}

.product-linker-post-card{
  display: grid;
  grid-template-columns: 0.5fr 2fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}

.product-linker-post-card .photo{
  width: 35px;
  height: 35px;
}

.product-linker-badge .not-linked{
  background-color: #ffcbd1;
  color: #c30010;
  border-radius: 7px;
  font-size: 10px;
  padding: 2px 10px;
}

.product-linker-badge .linked{
  background-color: #cce7c9;
  color: #276221;
  border-radius: 7px;
  font-size: 10px;
  padding: 2px 10px;
}

/* .iconSelect{
  width: 30px;
} */

/* .iconSelect .css-4xgw5l-IndicatorsContainer2 {
  display: none !important;
} */

.button-extended-black-button{
  position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: auto;
    width: auto;
    background-color: var(--primary-blue);
    color: var(--white);
    padding: 8px 14px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
}._container_168xr_1{
}

._topBar_168xr_4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    font-family: Inter;
    padding: 16px 0px;
    margin-left: 32px;
    border-bottom: 1.5px solid black;
    background-color: white;
}

._leftContainer_168xr_17{
    display: flex;
    gap: 10px;
    align-items: center;
}

._rightContainer_168xr_23{
    display: flex;
    gap: 10px;
}
._filledButton_168xr_27{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 6px 10px;
    background-color: var(--primary-blue);
    color: white;
    font-size: 12px;
    font-family: Inter;
    min-width: 150px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}


._bottomContainer_168xr_44{
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    margin: 15px 32px;
}

._intentRow_168xr_50{
    display: flex;
    border-bottom: 1px solid #E7E7E7;
    height: 40px;
    cursor: pointer;
}
._circle_168xr_56{
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #E7E7E7;
    div{
        width: 10px;
        border: 1px solid #E7E7E7;
        height: 10px;
        border-radius: 50%;
    }
}
._intentName_168xr_69{
    width: 80%;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
._deleteIntent_168xr_76{
    width: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #627F99;
}

._paginationDiv_168xr_85{
    display: flex;
    justify-content: end;
    padding: 0px 32px;
}

._createContainer_168xr_91{
    border: 1px solid #E7E7E7;
    padding: 10px;
    border-radius: 8px;
    background-color: white;

    label{
        color: rgba(0,0,0,0.80);
        font-size: 12px;
        margin-bottom: 5px;
        display: block;
        line-height: 14px;
    }
}

._trainingLabel_168xr_106{
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
    align-items: center;
}

._yellowBox_168xr_113{
    background-color:rgba(240,152,26, 0.1);
    padding: 10px;
    font-size: 12px;
    border-left: 2px solid #CF7F0C;
    margin-bottom: 10px;
}

._endCorner_168xr_121{
    display: flex;
    justify-content: end;
    margin-top: 10px;
}

._intentPhrase_168xr_127{
    position: relative;;
}

._deleteIcon_168xr_131{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
._loader_168xr_137{
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    height: 50px;
}

._label_168xr_145{
    color: rgba(0,0,0,0.88);
    font-size: 12px;
    display: block;
    line-height: 14px;
    margin-bottom: 0px;
}.messageContent{
    width: 100%;
    height: auto;
    outline: 'none';
    overflow: scroll;
    line-height: 18px;
    word-wrap: break-word;
    /* max-width: 27ch; */
    background: 'transparent';
    border: 'none'; 
}
/* Hide scrollbar for Chrome, Safari and Opera */
.messageContent::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .messageContent {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

.messageContent span{
    color: var(--colorPrimaryBase, #1677FF);
    padding: 1px 5px;
    background: #E6EBF2;
}

.imageUpload{
    width: 100%;
    font-size: 12px;
    display: inline-block;
    padding:5px;
    
    padding-top:0px ;
    cursor: pointer;
}
.imageUploadFieldset {
    padding: 0px !important;
}

input[type='file']{
    width: 100%;
    font-size: 11px;
    font-family: Poppins;
}

input[type='file']::file-selector-button{
    display: none;
}

._varDelete_gv3mi_1{
    position: absolute;
    right: 0px;
    top: 5px;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
    z-index: 10;
}

._error_gv3mi_12{
    font-size: 10px;
    color: red;
    position: absolute;
    top: 60px;
}

._label_gv3mi_19{
    position: relative;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    padding: 0px 5px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}

._utmContainer_gv3mi_29{
    background-color: #f4f4f4;
    padding: 12px;
    border-radius: 8px;
    margin-top: 10px;
}

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

    label{
        margin: 0px;
    }
}

._generateAiButton_gv3mi_46 {
    background: linear-gradient(90deg, #8B5CF6 0%, #3B82F6 100%) !important;
    border-color: transparent !important;
    transition: all 0.3s ease !important;
}
._generateAiButton_gv3mi_46:hover {
    background: linear-gradient(90deg, #7C3AED 0%, #2563EB 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

._phoneContainer_gv3mi_57 {
    border-radius: 40px;
    background: var(--Light-Theme-Primary-Surface, #f3f4f9);
    display: flex;
    flex-direction: column;
    height: 600px;
    width: 27%;
    border: 1px solid #cbd2de
}

._aiGenerateBtn_gv3mi_67 {
    width: 100%;
    margin-left: 0%;
    background: linear-gradient(90deg, #8B5CF6 0%, #3B82F6 100%);
    border: 1px solid transparent;
    transition: all 0.3s ease;
    cursor: pointer;

    color: white;
    font-size: 12px;
    border-radius: 4px;
    outline: none;
    border: none;
    margin-top: 10px;
    padding: 10px 16px;
}
._aiGenerateBtn_gv3mi_67:hover {
    background: linear-gradient(90deg, #7C3AED 0%, #2563EB 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._aiGenerateBtn_gv3mi_67:disabled {
    background: linear-gradient(90deg, #d1d5db 0%, #9ca3af 100%);
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
    color: rgba(0, 0, 0, 0.65);
    opacity: 0.7;
}



  ._container_gv3mi_100 {
    display: flex;
    flex-direction: column;
  }
  
  ._section_gv3mi_105 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  ._card_gv3mi_111 {
    padding: 8px;
    background-color: #eff6ff; /* blue-50 */
    border: 1px solid #bfdbfe; /* blue-200 */
    border-radius: 8px;
  }
  
  ._cardHeader_gv3mi_118 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }
  
  ._icon_gv3mi_125 {
    width: 16px;
    height: 16px;
    color: var(--primary-blue); /* blue-600 */
  }
  
  ._cardTitle_gv3mi_131 {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-blue); /* blue-700 */
  }
  
  ._description_gv3mi_137 {
    font-size: 12px;
    color: var(--primary-blue); /* blue-600 */
    margin-bottom: 12px;
  }
  
  ._aiButton_gv3mi_143 {
    width: 100%;
    background-color: var(--primary-blue); /* blue-600 */
    color: #fff;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
  }
  

  ._aiButton_gv3mi_143:disabled {
    background: linear-gradient(90deg, #d1d5db 0%, #9ca3af 100%);
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
    color: rgba(0, 0, 0, 0.65);
    opacity: 0.7;
}
  
  ._iconSmall_gv3mi_169 {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  
  ._preApprovedButton_gv3mi_175 {
    width: 100%;
    border: 1px solid #d1d5db; /* gray-300 */
    color: #374151; /* gray-700 */
    background-color: transparent;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: background-color 0.2s ease;
  }
  
  ._preApprovedButton_gv3mi_175:hover {
    background-color: #f9fafb; /* gray-50 */
  }
  
  ._header_gv3mi_192 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
  }
  
  ._badge_gv3mi_199 {
    background-color: #dbeafe; /* blue-100 */
    color: var(--primary-blue); /* blue-700 */
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 6px;
  }
  
  ._editButton_gv3mi_208 {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-family: Inter;
    color: var(--primary-blue); /* blue-600 */
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: color 0.2s ease;
  }
  
  ._editButton_gv3mi_208:hover {
    color: #1d4ed8; /* blue-700 */
  }
  
  ._editButton_gv3mi_208:disabled {
    color: rgba(0, 0, 0, 0.65);
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
    opacity: 0.7;
  }
  ._summary_gv3mi_233 {
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    color: #374151; /* gray-700 */
  }
  
._customFieldsetWrapper_1rhyq_1 {
    border-top: 1px dashed #000;
  }
  
  /* Remove default fieldset border */
  ._customFieldsetWrapper_1rhyq_1 fieldset {
    border: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
  }

  ._error_1rhyq_13 {
    color: #EC2700;
    font-size: 8px;
    margin-top: 5px;
  }

  ._errorBlack_1rhyq_19 {
    color:#9B9B9B;
    font-size: 8px;
    font-weight: 500;
  }

  ._varDeleteBtn_1rhyq_25{
    font-size: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    width: 15%;
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 15px 5px;
  }

  ._newSectionButton_1rhyq_38{
    border: 1px dashed rgba(0,0,0,0.35);
    border-spacing: 2px;
    border-radius: 6px;
    padding: 5.5px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    margin-top: 10px;
    color: rgba(0,0,0,0.88);
    font-size: 12px;
    font-family: Inter;
    gap: 10px;
    svg path{
      fill: black
    }
  }._container_13ttg_1 {
  width: 100%;
  padding: 20px 25px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}

._createTemplateContainer_13ttg_8 {
  display: flex;
  gap: 30px;
}

._createTemplateInput_13ttg_13 {
  width: 70%;
  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
  padding: 16px;
  padding-top: 5px;
}

._preview_13ttg_22 {
  width: 30%;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #cbd2de;
}

._categoryWrapper_13ttg_30 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 10px;
}

._phoneContainer_13ttg_36 {
  border-radius: 40px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  display: flex;
  flex-direction: column;
  height: 600px;
  width: 27%;
  border: 1px solid #cbd2de
}

._dropFileText_13ttg_46 {
  color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 173.333% */
}

._dragDrop_13ttg_56 {
  border-radius: 4px;
  border: 1px dashed rgba(98, 127, 153, 0.5);

  background: rgba(230, 237, 243, 0.25);
}

._documentUploader_13ttg_63 {
  border-radius: 8px;
  border: 1px dashed rgba(98, 127, 153, 0.5);
  background: rgba(230, 237, 243, 0.25);
  margin-top: 5px;

  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

  cursor: pointer;
  min-height: 150px;
  &._active_13ttg_78 {
    border-color: #6dc24b;
  }

  ._uploadInfo_13ttg_82 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;

    svg {
      font-size: 36px;
      margin-right: 1rem;
    }

    div {
      p {
        margin: 0;
        font-size: 14px;
        font-family: Inter;
      }

      p:first-child {
        font-weight: bold;
      }
    }
  }

  ._fileList_13ttg_105 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    &__container {
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }

  ._fileItem_13ttg_117 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;

    ._fileInfo_13ttg_125 {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      flex: 1;

      p {
        margin: 0;
        font-size: 10px;
        font-family: Inter;
        color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
        color: #333;
      }
    }

    ._fileActions_13ttg_140 {
      cursor: pointer;

      svg {
        font-size: 16px;
        font-family: Inter;
        color: #888;
      }

      &:hover {
        svg {
          color: #d44;
        }
      }
    }
  }

  ._browseBtn_13ttg_157 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--primary-color);
    &:hover {
      background-color: transparent;
    }
  }

  ._successFile_13ttg_171 {
    display: flex;
    align-items: center;
    color: #6dc24b;

    p {
      margin: 0;
      font-size: 12px;
      font-family: Inter;
      font-weight: bold;
    }
  }

  input[type='file'] {
    display: none;
  }
}

._attachmentContainer_13ttg_189 {
  width: 100%;
  height: 120px;
  overflow: hidden;
  text-align: center;
  background-color: white;
  margin-bottom: 10px;
}

._attachmentFile_13ttg_198 {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

._playButton_13ttg_206 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 8px 16px;
  border-radius: 50%;
  cursor: pointer;
}

._label_13ttg_218 {
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  padding: 0px 5px;
  display: block;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

  span{
    color: rgba(0, 0, 0, 0.5)
  }
}

._labelWrapper_13ttg_232 {
  display: flex;
  justify-content: space-between;
}

._error_13ttg_237 {
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  padding: 0px 5px;
  color: red;
}

._radio_13ttg_245 {
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  padding: 0px 5px;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}

._ctaFieldWrapper_13ttg_254 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 10px;
}

._sampleInput_13ttg_260 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

._mediaBody_13ttg_266 {
  width: 100%;
  height: 220px;
}

._submitButton_13ttg_271 {
  display: flex;
  width: 100%;
  justify-content: end;
  margin-top: 10px;
  gap:10px;

  button {
    width: 25%;
    padding: 10px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #fff);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }
}

._singleCardContainer_13ttg_294{
  position: relative;
}

._deleteIcon_13ttg_298{
  position: absolute;
  right: 8px;
  cursor: pointer;

  svg {
    path {
      fill: red;
    }
  }
}

._switch_13ttg_310{
  display: flex !important;
  align-items: center;
  gap: 5px;
  margin: 5px 0px;

  width: 155px;
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  padding: 0px 5px;
  display: block;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

  b {
    font-size: 11px;
  }
}

._singleFileContainer_13ttg_330{
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #d9d9d9;
  align-items: center;
  border-radius: 6px;
}

._fileLeft_13ttg_340{
  display: flex;
  align-items: center;
}

._link_13ttg_345{
  height: 15px;
  cursor: pointer;
}

._fileName_13ttg_350{
  font-size: 12px;
  font-family: Inter;
  color: var(--primary-blue);
  font-weight: 600;
  margin: 0px 10px;
}

._remove_13ttg_358{
  border: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-blue);
  cursor: pointer;
}

._fileSize_13ttg_367{
  margin: 0px 8px;
  color: #00000073;
  font-size: 12px;
}

._headerTemplate_13ttg_373{
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
}


._transitionContainer_13ttg_380 {
  display: flex;
  flex-direction: column;
  transition: all 0.5s ease-in-out;
}

._orderCtaFirst_13ttg_386 ._component_13ttg_386:nth-child(1) {
  order: 1;
}

._orderCtaFirst_13ttg_386 ._component_13ttg_386:nth-child(2) {
  order: 2;
}

._orderQrFirst_13ttg_394 ._component_13ttg_386:nth-child(1) {
  order: 2;
}

._orderQrFirst_13ttg_394 ._component_13ttg_386:nth-child(2) {
  order: 1;
}

._component_13ttg_386 {
  opacity: 0;
  transform: translateY(20px);
  animation: _fadeIn_13ttg_1 0.5s forwards;
}

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

._drawerContent_1xk00_1 {
  height: 100%;
  padding: 4px 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  position: relative;
}

._customDrawer_1xk00_11 {
  position: absolute;
}

._customDrawer_1xk00_11 .ant-drawer-header {
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
}

._customDrawer_1xk00_11 .ant-drawer-title {
  font-size: 16px;
  font-weight: 500;
}

._customDrawer_1xk00_11 .ant-drawer-body {
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Make Tabs consume height so inner content can scroll independently */
._drawerContent_1xk00_1 .ant-tabs {
  height: 100%;
  display: flex;
  flex-direction: column;
}
._drawerContent_1xk00_1 .ant-tabs-content-holder {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
._drawerContent_1xk00_1 .ant-tabs-content {
  height: 100%;
}
._drawerContent_1xk00_1 .ant-tabs-tabpane {
  height: 100%;
}

._closeBtn_1xk00_51 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 2;
}._container_jclsi_1 {
    display: flex;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

._leftPanel_jclsi_8 {
    width: 40%;
    border-right: 1px solid #e8e8e8;
    padding-right: 8px;
    height: 90vh;
    min-height: 0;
    overflow-y: auto;
}

._productBox_jclsi_17 {
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fff;
    overflow: hidden; /* Add this */
}

._searchBox_jclsi_24 {
    padding: 8px 12px;
    padding-top: 0px;
    border-bottom: 1px solid #e8e8e8;
}

._productList_jclsi_30 {
    flex: 1;
    overflow-y: auto;
}

._productItem_jclsi_35 {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    gap: 12px;
    border-bottom: 1px solid #f0f0f0;
    height: 60px; /* Fixed height for consistent sizing */
}

._productItem_jclsi_35:last-child {
    border-bottom: none;
}

._productImage_jclsi_48 {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15),
}

._productInfo_jclsi_56 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

._productName_jclsi_62 {
    font-size: 12px;
    font-family: Inter;
    font-weight: 500;
    color: #333;
}

._productPrice_jclsi_69 {
    font-size: 12px;
    font-family: Inter;
    color: #666;
}

._rightPanel_jclsi_75 {
    flex: 1;
    padding-left: 16px;
    width: 60%;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
}

/* Custom scrollbar */
._productList_jclsi_30::-webkit-scrollbar {
    width: 4px;
}

._productList_jclsi_30::-webkit-scrollbar-track {
    background: #f1f1f1;
}

._productList_jclsi_30::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

._productList_jclsi_30::-webkit-scrollbar-thumb:hover {
    background: #999;
}

._boxHeader_jclsi_102 {
    cursor: pointer;
    user-select: none;
}

._headerContent_jclsi_107 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
}

._boxTitle_jclsi_114 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    font-family: Inter;
    display: flex;
    align-items: center;
    gap: 8px;
}

._selectedCount_jclsi_124 {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

._boxContent_jclsi_130 {
    display: flex;
    flex-direction: column;
    min-height: auto;
    max-height: calc(352px - 52px); /* Total height minus header height */
    transition: height 0.3s ease;
    overflow: hidden;
}

._boxContent_jclsi_130._collapsed_jclsi_139 {
    height: 0;
}

._listsContainer_jclsi_143 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

._listSeparator_jclsi_149 {
    height: 1px;
    background-color: #e8e8e8;
    margin: 8px 0;
}








/* Add to your existing styles */

._configCard_jclsi_164 {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 16px;
}

._formRow_jclsi_172 {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    align-items: flex-end; 
    position: relative;
}

._formField_jclsi_180 {
    width: 50%; /* Set exact width to 50% */
    min-width: 0; /* Prevent flex items from overflowing */
    display: flex;
    flex-direction: column;
    gap: 4px;

    label {
        font-size: 12px;
        font-family: Inter;
        font-weight: 500;
        color: #333;
    }
}

/* Ensure Select components take full width of their container */
._select_jclsi_124 {
    width: 100% !important; /* Important to override any antd default widths */
}

/* Ensure Input takes full width of its container */
._formField_jclsi_180 .ant-input {
    width: 100%;
    font-size: 12px;
    height: 32px;
}

._cardHeader_jclsi_207 {
    margin-bottom: 10px;
}

._cardTitle_jclsi_211 {
    font-size: 14px;
    font-family: Inter;
    font-weight: 600;
    color: #333;    
}

._cardDescription_jclsi_218 {
    font-size: 12px;
    font-family: Inter;
    color: #666;
    margin: 0;
}


._headerWithToggle_jclsi_226 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

._addButton_jclsi_232 {
    width: 100%;
    margin-top: 4px;
}

/* Style the Switch component */
._headerWithToggle_jclsi_226 .ant-switch {
    min-width: 40px;
    height: 22px;
}

._headerWithToggle_jclsi_226 .ant-switch-handle {
    height: 18px;
    width: 18px;
}

._deleteIcon_jclsi_248 {
    cursor: pointer;
    margin-bottom: 8px;
    transition: color 0.3s;
}

._generateButton_jclsi_254 {
    background: var(--primary-blue);
    border: none;
    transition: all 0.3s ease;
}

._generateButton_jclsi_254:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

/* Tabs Styles */
._customTabs_jclsi_266 .ant-tabs-nav {
    margin-bottom: 8px;
}

._customTabs_jclsi_266 .ant-tabs-tab {
    flex: 1;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
}

._customTabs_jclsi_266 .ant-tabs-nav-list {
    width: 50%;
    display: flex;
}

._customTabs_jclsi_266 .ant-tabs-tab + .ant-tabs-tab {
    margin-left: 0 !important;
}

._customTabs_jclsi_266 .ant-tabs-ink-bar {
    width: 50% !important;
}

/* Rest of existing styles ... */


/* Rest of your existing styles remain the same *//* Container and Layout */
._container_1styl_2 {
    display: flex;
    height: 100%;
    width: 100%;
}

/* Card Styles */
._configCard_1styl_9 {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 16px;
}

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

._cardHeader_1styl_17 h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

._Button1_1styl_30 {
    align-self: stretch;
    border-radius: 4px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
    text-transform: capitalize;
  }
  
  ._Button1_1styl_30:hover {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
    cursor: pointer;
  }
  ._Selected_1styl_48 {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
  }
  
  ._ButtonParent_1styl_54 {
    border-radius: 4px;
    background-color: #f5f7f9;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    gap: 3px;
    width: 177px;
  }


._generateButton_1styl_69 {
    background: var(--primary-blue);
    border: none;
    transition: all 0.3s ease;
}

._generateButton_1styl_69:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

._regenerateButton_1styl_80 {
    font-size: 12px;
    padding: 4px 8px;
    background: var(--primary-blue);
    border-color: transparent;
    transition: all 0.3s ease;
}

/* Templates Container */
._cardsContainer_1styl_89 {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 78vh;
    overflow-y: auto;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 8px;
}

._itemCard_1styl_101 {
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 8px 16px;
}

._templatesContainer_1styl_108 {
    width: 100%;
    position: relative;
}

._radioGroup_1styl_113 {
    display: flex !important;
    width: 100%;
}

._templateOption_1styl_118 {
    flex: 1;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

._templatePreview_1styl_127 {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 16px;
    background: #f9fafb;
    min-height: 300px;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

._templateName_1styl_139 {
    position: absolute;
    top: 16px;
    left: 16px;
}

._templateName_1styl_139 p {
    margin: 0;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

/* Selection state */
._radioGroup_1styl_113 .ant-radio-wrapper-checked + ._templatePreview_1styl_127 {
    border-color: var(--primary-blue);
    background: #f0f7ff;
}

._radioGroup_1styl_113 .ant-radio-wrapper-checked + ._templatePreview_1styl_127 ._templateName_1styl_139 p {
    color: var(--primary-blue);
}

/* Form Fields */
._formRow_1styl_164 {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

._formField_1styl_170 {
    width: 50%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

._formField_1styl_170 label {
    font-size: 14px;
    color: #666;
}

/* Select and Input Styles */
._select_1styl_184 {
    width: 100% !important;
}

._formField_1styl_170 .ant-input {
    width: 100%;
}

._formField_1styl_170 .ant-select {
    width: 100% !important;
}

/* Delete Icon */
._deleteIcon_1styl_197 {
    color: #ff4d4f;
    font-size: 16px;
    cursor: pointer;
    padding: 8px;
    margin-bottom: 4px;
    transition: color 0.3s;
}

._deleteIcon_1styl_197:hover {
    color: #ff7875;
}

/* Add Button */
._addButton_1styl_211 {
    width: 100%;
    margin-top: 16px;
}

/* Custom Scrollbar */
._productList_1styl_217::-webkit-scrollbar {
    width: 4px;
}

._productList_1styl_217::-webkit-scrollbar-track {
    background: #f1f1f1;
}

._productList_1styl_217::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 2px;
}

._productList_1styl_217::-webkit-scrollbar-thumb:hover {
    background: #999;
}


._radioWithTag_1styl_235 {
    display: flex;
    align-items: center;
}

._approvedTag_1styl_240 {
    background-color: #52c41a;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

._whatsappBackground_1styl_250 {
    background-image: url('/assets/whatsapp-bg-fc0a1849.png');
    background-size: contain;
    height: 315px;
    display: flex;
    flex-direction: column;
  }

  ._transparentButton_1styl_258 {
    display: flex;
    padding: 6px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--primary-blue);
    background: var(--colorBgContainer, #fff);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--primary-blue);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
  }

  ._buttonContainer_1styl_277{
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

._previewContainer_1styl_283{
    max-width: 100% !important;
    display: flex;
    justify-content: center;

    img{
        height: 200px !important;
    }
}

._previewContainer_1styl_283 .preview-media{
    padding: 0 !important;
}

._productTitle_1styl_297{
    font-size: 14px !important;
    font-family: Inter !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}




._emptyContainer_1styl_307 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 16rem; /* h-64 */
    color: #6b7280; /* text-gray-500 */
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 16px;
    height: 78vh;
  }
  
  ._emptyContainer_1styl_307 ._inner_1styl_320 {
    text-align: center;
  }
  
  ._emptyContainer_1styl_307 ._icon_1styl_324 {
    width: 3rem;   /* w-12 */
    height: 3rem;  /* h-12 */
    margin: 0 auto 1rem auto; /* mx-auto mb-4 */
    color: #d1d5db; /* text-gray-300 */
  }
  
  ._emptyContainer_1styl_307 ._text_1styl_331 {
    font-size: 1rem; /* text-sm */
  }

  ._buttonWrapper_1styl_335{
    text-align: center;
    max-width: none;
    button{
      border: 0;
      color: #5ac2ff;
      margin-bottom: 0 !important;
      font-weight: 600;
      padding: 5px;
      font-size: 12px;
    }
  
    div{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
  }
  ._container_1fsh5_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_1fsh5_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  text-transform: capitalize;
}

._Button1_1fsh5_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1fsh5_26 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1fsh5_32 {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

._ButtonParent_1fsh5_38 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 310px;
}

._Text_1fsh5_52 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_1fsh5_59 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_1fsh5_65 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._transparentButton_1fsh5_74 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--primary-blue);
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--primary-blue);
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  cursor: pointer;
}

._tableFilters_1fsh5_94 {
  margin: 5px;
  margin-top: 0px;
  padding: 5px 3px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_1fsh5_103 {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_1fsh5_111 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  cursor: pointer;
  margin-right: 0px;
}

/* Preview Styles */

._previewContainer_1fsh5_123 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

._details_1fsh5_130 {
  width: 50%;
  display: flex;
  padding: 16px;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
}

._phoneContainer_1fsh5_141 {
  border-radius: 40px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  width: 50%;
  display: flex;
  flex-direction: column;
  height: 600px;
  border: 1px solid #cbd2de;
}

._notificationBar_1fsh5_151 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}

._whatsappBar_1fsh5_174 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #085b53;
  padding: 10px 12px;
  width: 100%;
  color: white;
  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}

._whatsappBackground_1fsh5_189 {
  background-image: url('/assets/whatsapp-bg-fc0a1849.png');
  background-size: contain;
  height: 515px;
  display: flex;
  flex-direction: column;
  border-bottom-left-radius : 40px;
  border-bottom-right-radius : 40px;
}

._messageContent_1fsh5_199 {
  width: 90%;
  padding: 8px;
  border-radius: 4px;
  background: #fff;

  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._whatsappContent_1fsh5_225 {
  height: 465px;
  overflow: scroll;
  padding: 8px;

  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

._filledButton_1fsh5_238 {
  display: grid;
  column-gap: 10px;
  width: 90%;
  grid-template-columns: 1fr 1fr;

  button {
    margin-top: 5px;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._footer_1fsh5_261 {
  display: flex;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 10px;
}

._textbox_1fsh5_268 {
  display: flex;
  width: 88%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  background: #fff;

  color: #9da3a7;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

._mic_1fsh5_285 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 32px;
  background: #00927c;
}

._footerBar_1fsh5_296 {
  display: flex;
  justify-content: center;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._detailsTitle_1fsh5_307 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_1fsh5_317 {
  padding: 5px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}

._detailsButtons_1fsh5_343 {
  button {
    width: 100%;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._template_name_1fsh5_361 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
}

._qrButtonType_1fsh5_369 {
  padding: 5px 0px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

._ctaButtons_1fsh5_379 {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 2px 0px;

  span {
    display: flex;
    padding: 0px var(--Spacing-Pixel-3, 12px);
    align-items: center;
    gap: 10px;
    width: 68%;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: rgba(255, 255, 255, 0.04);
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    overflow: scroll;
    line-height: 22px; /* 157.143% */

    :-webkit-scrollbar {
      display: none;
    }

    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

._qrButtons_1fsh5_413 {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 2px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

._buttonWrapper_1fsh5_423{
  text-align: center;
  max-width: 312px;
  button{
    border: 0;
    color: #5ac2ff;
    margin-bottom: 0;
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
  }

  div{
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
  }
}

._headerTemplate_1fsh5_443{
  font-size: 12px;
  font-weight: 700;
  font-family: Inter;
  display: block;
  margin-bottom: 5px;
}

._footerText_1fsh5_451{
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: Inter;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px;
}

._multiCtaDrawer_1fsh5_460{
  position: absolute;
  bottom: 1px;
  width: 100%;
  background-color: white;
  border-bottom-left-radius: 42px;
  border-bottom-right-radius: 42px;
  transition: height 0.2s;
  display: flex;
  justify-content: center;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

._actionContainer_1fsh5_474{
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}

._buttonClose_1fsh5_481{
  display: flex;
  margin-top: 10px;
  justify-content: space-between !important;
  font-size: 12px;
  padding: 0px 5px;
  font-family: Inter;
}

._dropDown_1fsh5_490{
  display: flex;
  align-items: center;
}/* src/components/common/StatsSummaryCard/StatsSummaryCard.module.css */
._card_1yd8b_2 {
    background: #f3f8ff;
    border: 1px solid #cfe2ff;
    border-radius: 8px;
    padding: 4px 12px;
    margin-bottom: 8px;
  }
  
  ._titleRow_1yd8b_10 {
    display: flex;
    align-items: baseline;
    gap: 6px;
  }
  
  ._title_1yd8b_10 {
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 14px;
    font-family: Inter;
  }
  
  ._total_1yd8b_23 {
    color: var(--primary-blue);
    font-weight: 600;
    font-size: 14px;
    font-family: Inter;
  }
  
  ._metaRow_1yd8b_30 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--primary-blue);
    font-size: 12px;
    font-family: Inter;
  }
  
  ._separator_1yd8b_40 {
    color: #7aa3ff;
  }
  
  ._approved_1yd8b_44 {
    color: var(--primary-blue);
  }
  
  ._rejected_1yd8b_48 {
    color: var(--primary-blue);
  }
  
  ._pending_1yd8b_52 {
    color: var(--primary-blue);
  }.custom-carousel {
    position: relative;
    .carousel-slide {
      position: relative;
      /* padding: 0 20%; */
    }
    .carousel-card {
      width: 100%;
      padding: 16px;
      box-sizing: border-box;
      /* text-align: center; */
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .carousel-card-text {
      font-size: 16px;
      color: #333;
      margin: 16px 0;
    }
    .carousel-card-actions {
      margin-top: 16px;
    }
    .carousel-arrow {
      font-size: 24px;
      color: #333;
      z-index: 1;
    }
    .left-arrow {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
    .right-arrow {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
    .ant-carousel .slick-slide {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .ant-carousel .slick-slide > div {
      width: 100%;
      overflow: hidden;
    }
    .ant-carousel .slick-dots {
      bottom: 10px;
    }
  }

  /* .carousel-card{
    background: #f0f0f0 !important;
  } */

  .ant-carousel .slick-dots li button{
    background: #000 !important;
  }

.ant-carousel .slick-dots-bottom {
    bottom: -20px;
}
  .line {
    background: transparent;
    border: none;
    width: 5%;
    display: flex;
    flex-direction: column;
    background-image: linear-gradient(black 50%, rgba(255,255,255,0) 0%);
    background-position: left;  
    background-size: 1px 5px;
    background-repeat: repeat-y;
    margin-left: 10px;
}
.row-line{
    height: 43px;
    background-image: linear-gradient(to right, black 50%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
   /* border-bottom: dashed 1px black; */
}
.description-line{
    height: 60px;
    background-image: linear-gradient(to right, black 50%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x
   /* border-bottom: dashed 1px black; */
}
.wrapper-section{
    display: flex;
}

._utmContainer_15lbw_1{
    background-color: #f4f4f4;
    padding: 12px;
    border-radius: 8px;
    margin-top: 10px;
}

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

    label{
        margin: 0px;
    }
}


._label_15lbw_19{
    position: relative;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    padding: 0px 5px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}._varDeleteBtn_bs6r9_1{
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  width: 15%;
  display: flex;
  align-items: end;
  justify-content: end;
  padding: 15px 5px;
}._varDeleteBtn_wnt72_1{
    font-size: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    width: 15%;
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 15px 5px;
  }

._label_lryz4_2{
    position: relative;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    margin-top: 10px;
    padding: 0px 5px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}

._utmContainer_lryz4_12{
    background-color: #f4f4f4;
    padding: 12px;
    border-radius: 8px;
    margin-top: 10px;
}

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

    label{
        margin: 0px;
    }
}._varDeleteBtn_18wn1_1{
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  width: 15%;
  display: flex;
  align-items: end;
  justify-content: end;
  padding: 15px 5px;
}
._label_4pgzk_1{
    font-size: 12px;
    line-height: 12px !important;
    font-family: Inter;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    padding: 0px 5px;
    margin-top: 10px;
}

._selectedButton_4pgzk_11{
    background: var(--primary-blue);
    color: white;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #cbd4de;
    margin-top: 5px;
    border-radius: 6px;
    font-size: 12px;
    font-family: Inter;
}

._emptyButton_4pgzk_23{
    background: transparent;
    color: black;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #cbd4de;
    margin-top: 5px;
    border-radius: 6px;
    font-size: 12px;
    font-family: Inter;
}._label_1t2s1_1{
    font-size: 12px;
    line-height: 12px !important;
    font-family: Inter;
    font-weight: 400;
    color: rgba(0,0,0,0.65);
    padding: 0px 5px;
    margin-top: 10px;
}

._selectedButton_1t2s1_11{
    background: var(--primary-blue);
    color: white;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #cbd4de;
    margin-top: 5px;
    border-radius: 6px;
    font-size: 12px;
    font-family: Inter;
}

._emptyButton_1t2s1_23{
    background: transparent;
    color: black;
    padding: 6px 12px;
    width: 100%;
    border: 1px solid #cbd4de;
    margin-top: 5px;
    border-radius: 6px;
    font-size: 12px;
    font-family: Inter;
}

._addNewButton_1t2s1_35{
    padding: 8px 20px;
    border: 1px dashed #E0E0E0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    border-radius: 6px;
    cursor: pointer;
}

._newCondition_1t2s1_46{
    color: rgba(0,0,0,0.65);
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
._deleteCondition_1t2s1_55{
    padding: 8px 20px;
    border: 1px dashed red;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    border-radius: 6px;
    cursor: pointer;
}

._deleteConditionButton_1t2s1_66{
    color: rgba(0,0,0,0.65);
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    color: red;
    svg{
        path{
            fill: red;
        }   
    }
}

._conditionTypeContainer_1t2s1_82{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 10px 0px;
    span{
        font-size: 12px;
        font-family: Inter;
        padding: 3px 8px;
        border-radius: 4px;
        cursor: pointer;
    }

}
._active_1t2s1_96{
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
    font-weight: 600;
}
._inactive_1t2s1_101{
    border: 1px solid rgba(0,0,0,0.65)
}

._conditionContainer_1t2s1_105{
    background-color: #cbd4de;
    padding: 10px;
    border-radius: 6px;
}._branchContainer_zuuai_1 {
    width: 100%;
    margin-bottom: 10px;
  }
  
  ._branchRow_zuuai_6 {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
  }
  
  ._branchNameInput_zuuai_12 {
    width: 100%;
  }
  
  ._distributionInputWrapper_zuuai_16 {
    position: relative;
    width: 100%;
  }
  
  ._distributionInput_zuuai_16 {
    width: 100%;
    padding-right: 20px;
  }
  
  ._percentSign_zuuai_26 {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.45);
    z-index: 1;
  }

  ._addBranchButton_zuuai_35 {
    margin-top: 10px;
    margin-bottom: 20px;
  }._AgentDescriptionDiv_1jwm3_1 {
  width: auto;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  background-color:#fafafa;
  font: 400 12px/14px Inter;
  margin: 10px 0px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
  color: rgba(0, 0, 0, 0.65);

}
._agentName_1jwm3_17 {
  margin-bottom: 0px;
  font: 500 12px/16px Inter;
}
._agentDescriptionTitle_1jwm3_21 {
  margin-bottom: 5px;
  font: 500 12px/14px Inter;
}

._agentDescription_1jwm3_21 {
  font: 400 12px/14px Inter;
  color: grey;
}
._analyticsItem_2fu8o_1{
    display: flex;
    align-items: center; 
}

._itemValue_2fu8o_6{
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

._item_2fu8o_6{
    width: 30%;
    color: rgba(0, 0, 0, 0.50);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}

._icon_2fu8o_24{
    display: flex;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    background-color: rgb(240, 152, 25);
}

._title_2fu8o_35{
    display: flex;
    gap: 30px;
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
}

._analyticsContainer_2fu8o_46{
    display: flex;
    flex-direction:column;
    gap: 5px;
    background-color:transparent;
    padding: 10px 0px;
}._container_yfcr3_1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  ._header_yfcr3_7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  ._createButton_yfcr3_13 {
    background-color: #004B8D;
  }
  
  ._searchInput_yfcr3_17 {
    width: 100%;
  }
  
  ._statusSelect_yfcr3_21 {
    width: 100%;
    font-size: 11px;
  }
  
  ._flowList_yfcr3_26 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  
  ._flowCard_yfcr3_32 {
    border: 1px solid lightgrey;
    padding: 8px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
  }
  
  ._flowHeader_yfcr3_42 {
    display: flex;
    justify-content: space-between;
  }
  
  ._flowName_yfcr3_47 {
    font-size: 12px;
    font-weight: 500;
  }
  
  ._statusBadge_yfcr3_52 {
    font-size: 10px;
    font-weight: 600;
    border: 0px solid black;
    padding: 2px 6px;
    border-radius: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
  
  ._flowFooter_yfcr3_61 {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
  }
  
  ._loadMoreButton_yfcr3_67 {
    padding: 10px;
    font-size: 10px;
  }._flowNameContainer_1lm9x_1{
  display: flex;
  padding: 12px 16px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-bottom: 1px solid #E7E7E7;
  background: #FFF;
}

._flowInputWrapper_1lm9x_11{
  display: flex;
  align-items: center;
  gap: 16px;
  height: 32px;
}
._frequencyCappingWrapper_1lm9x_17{
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  font:500 14px/16px Inter;
  color:#004B8D;
  cursor: pointer;
}

._flowName_1lm9x_1{
  min-width: 250px;
  max-width: 450px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px; /* 88.889% */
  outline: none;
  border: none;

  :hover{
    border: 1px solid #004B8D;
    outline: none;
  }
}

._roundBorder_1lm9x_44{
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1.15px solid rgba(0, 0, 0, 0.40);
  background: #FFF;
  cursor: pointer;
}

._flowSaveWrapper_1lm9x_57{
  display: flex;
  align-items: center;
  gap: 40px;
}

._flowRedo_1lm9x_63{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

._squareBorder_1lm9x_69{
  display: flex;
  cursor: pointer;
  width: 32px;
  height: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  /* border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15)); */
  padding: 0px 20px;
  text-align: center;
  background: #FFF;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}

._flowSave_1lm9x_57{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

._flowSavePurpleButton_1lm9x_93{
  display: flex;
  padding: 6px 10px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #004B8D;
  background: #004B8D;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorTextLightSolid, #FFF);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  height: 32px;
  align-items: center;
  cursor: pointer;
  font-family: Inter;
}

._flowDisabled_1lm9x_111{
  opacity: 0.5;
}

._analyticsSwitch_1lm9x_115{
  color: var(--Style, #004B8D);
  border-radius: 16px; 
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 157.143% */
  display: flex;
  align-items: center;
  gap: 8px;
}

._iconContainer_1lm9x_127{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

._description_1lm9x_133{
  font-size: 10px;
  font-family: Inter;
  margin-top: 5px;
  margin-bottom: 10px;
}

._buttonWrapper_1lm9x_140{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
._cancelButton_1lm9x_147{
  display: flex;
  padding: 5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #FFF);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  cursor: pointer;

  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
._updateButton_1lm9x_164{
  display: flex;
  padding: 5px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  background: var(--primary-blue);
  color: #FFF
}._container_1799t_1 {
  background: white;
  padding: 5px 10px 10px 10px;   
  width: 100%;
}

._title_1799t_7 {
  font:600 16px/22px Inter;
  color: #262626;
  margin: 0 0 10px 0;
}

._settingItem_1799t_13 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 2px 10px 10px;
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  margin-top: 2px;
  margin-left: 20px;
}

._settingItem1_1799t_25 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 2px 10px 10px; /* Changed to match settingItem padding exactly */
}

._settingItem_1799t_13:last-child {
  margin-bottom: 0;
}

._settingContent_1799t_36 {
  flex: 1;
  margin-right: 10px;
}

._settingTitle_1799t_41 {
  font:500 14px/22px Inter;
  color: #262626;
}

._settingDescription_1799t_46 {
  font:400 12px/14px Inter;
  color: #8c8c8c;
}

._warningText_1799t_51 {
  font:400 12px/14px Inter;
  color: #8c8c8c;
  margin-top: 10px;
  text-align: center;
  background: #f8f9fa;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 10px;
}
._infoList_1799t_61 {
  margin-top: 2px;
 
  /* list-style: none; */
}

._infoList_1799t_61 li {
  font: 400 12px/14px Inter;
  margin-bottom: 4px;
  position: relative;
}


._infoDescription_1799t_74 {
  font: 400 14px/16px Inter;
  margin-left: 20px;
 
}


._warningCard_1799t_81 {
  background: #fff8e1;
  border: 1px solid #ffc107;
  border-radius: 12px;
  padding: 20px 10px;
  margin: 20px 0px 10px 0px;
}

._header_1799t_89 {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

._warningIcon_1799t_95 {
  width: 24px;
  height: 24px;
  background: #ff9800;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}

._warningTitle_1799t_110 {
  color: #e65100;
  font: 500 14px/16px Inter;
}

._warningDescription_1799t_115 {
  color: #bf360c;
  font: 400 12px/14px Inter;
  margin-left: 25px;
  margin-top: 2px;
}


._setupLink_1799t_123 {
  color: #1890ff;
  text-decoration: underline;
  font-weight: 500;
}

._setupLink_1799t_123:hover {
  color: #40a9ff;
  text-decoration: underline;
}

._inlineNote_1799t_134 {
  margin-top: 12px;
  margin-bottom: 16px;
  padding-left: 30px;
}

._inlineNoteText_1799t_140 {
  font: 400 12px/18px Inter;
  color: #595959;
  margin: 0;
  font-style: italic;
}._predefindFlowCategory_ylu46_1{
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 100% */
    margin: 10px 0px;
}

._predefinedContainer_ylu46_10{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items:  'flex-start';
    justify-content: flex-start;   
}

._predefinedFlow_ylu46_20{
    display: flex;
    padding: 8px var(--Spacing-Pixel-3, 12px);
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
    gap: 10px;
    align-self: stretch;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #EDEDED;
    background: #FBFBFB;
    box-shadow: 37px 50px 17px 0px rgba(209, 209, 209, 0.00), 24px 32px 16px 0px rgba(209, 209, 209, 0.02), 13px 18px 13px 0px rgba(209, 209, 209, 0.06), 6px 8px 10px 0px rgba(209, 209, 209, 0.10), 1px 2px 5px 0px rgba(209, 209, 209, 0.11);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

._predefinedFlow_ylu46_20:hover {
    box-shadow: 37px 50px 17px 0px rgba(209, 209, 209, 0.05), 
                24px 32px 16px 0px rgba(209, 209, 209, 0.15), 
                13px 18px 13px 0px rgba(209, 209, 209, 0.20), 
                6px 8px 10px 0px rgba(209, 209, 209, 0.30), 
                1px 2px 5px 0px rgba(209, 209, 209, 0.35);
    transform: translateY(-2px);
}

._predefinedIcon_ylu46_45{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
}

._titleWrapper_ylu46_54{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

._title_ylu46_54{
    color: var(--Text, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
}

._description_ylu46_69{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}

._iconWrapper_ylu46_78{
    display: flex;
    align-items: center;
    gap: 8px;
}

._iconSquare_ylu46_84{
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 32px;
    border: 1px solid #EFF4F6;
    background: var(--ffffff, #FFF);

    /* Drop Shadow */
    box-shadow: 0px 1px 1px 0px rgba(20, 21, 23, 0.06);
}

._editWrapper_ylu46_98{
    display: flex;
    align-items: center;
}

._editButton_ylu46_103{
    display: flex;
    padding: 4px 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    font-size: 10px;
    font-weight: 500;
}

._container_ylu46_118{
    padding: 10px 25px;
    background-color: var(--blue-body-color);
}

._header_ylu46_123{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  line-height: 16px;
  font-weight: 600;
  color: inherit;
  display: inlineBlock;
  margin-right: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: start;
  height: 28px
}

._headerWrapper_ylu46_141{
    display: flex;
    flex-direction: column;
}
._headerDescription_ylu46_145{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

._headerTitle_ylu46_153{
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 88.889% */
}


._headerButtons_ylu46_165{
    display: flex;
    gap: 8px;
    align-items: center;
}

._newTemplate_ylu46_171{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #FFF);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}.videoContainer {
    position: relative;
    width: 182px;
    height: 92px;
    margin-bottom: 5px;
    max-height:130px;
    max-width:130px;
    margin-top: 10px;
  }
  .MuiFormControlLabel-root span{
    font-size: 12px;
  }

.iphone-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f0f0f0;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 421px ; 
    height: 750px  
    /* as per 360*640 */
}

.iphone {
  position: relative;
  width: 375px;
  height: 812px;
  border: 16px solid #000;
  border-radius: 36px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.phone-content {
  width: 100%;
  height: 100%;
  margin-top: 15px;
}

.iphone:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 30px;
  background-color: #000;
  border-radius: 0 0 20px 20px;
}

.varDeleteBtn{
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: end;
}._inputEmail_1sy2q_1 {
  background-color: transparent;
  padding: 4px 2px;
  border: none;
  outline: none;
  width: 100%;
}

._addBtn_1sy2q_9 {
  border-radius: 5px;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  background-color: #4b4b4b;
  color: white;
  font-family: Poppins;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.01px;
}
._emailsContainer_1sy2q_21 {
  margin-top: 5px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
._emailChip_1sy2q_28 {
  border: 1px solid black;
  border-radius: 4px;
  padding: 2px 6px;
  background-color: whitesmoke;
  display: flex;
  align-items: center;
  justify-content: center;
}
._btnEmailDelete_1sy2q_37 {
  background-color: transparent;
  padding: 2px 4px;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 10px;
}
._inputForm_1sy2q_45 {
  display: flex;
  justify-content: space-between;
  margin: 2px 0px;
}
.ant-picker .ant-picker-input >input{
    font-size: 12px;
}._image_dec59_1{
    height: 200px;
    width: 80%;
}

._cardContainer_dec59_6{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items:  'flex-start';
    justify-content: flex-start;
    padding: 16px;
}

._container_dec59_16{
    min-height: 280px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
  editIcon._disabled_dec59_26 {
    pointer-events: auto; /* Allow hover for tooltip */
  }

._content_dec59_30{
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    gap: 2px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius: 12px;
    border-top:1px solid rgba(0, 0, 0, 0.1) ;
}

._imageWrapper_dec59_40{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

._iphoneContainer_dec59_47 {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 350px ; 
  height: 620px ; 
    /* as per 360*640 */
}

._iphone_dec59_47 {
  position: relative;
  width: 375px;
  height: 612px;
  /* border: 16px solid #000;
  border-radius: 36px; */
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

._phoneContent_dec59_71 {
  width: 100%;
  height: 100%;
}

._iconWrapper_dec59_76{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

._iconfinal_dec59_82{
    padding: 4px;
    padding-bottom: 0px;
    cursor: pointer;
}

._icon_dec59_76{
    display: flex;
    gap: 10px;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 4px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
}

._desktopContainer_dec59_97{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 500px ; 
  height: 650px ; 
}

._desktop_dec59_97{
    position: relative;
    width: 500px;
    height: 650px;
    /* border: 16px solid #000;
    border-radius: 36px; */
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

._name_dec59_121{
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

._time_dec59_129{
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


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

._title_dec59_145{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

._titleText_dec59_152{
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px; /* 88.889% */
}


._actionWrapper_dec59_161{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
}

._description_dec59_168{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; 
}

._seeMore_dec59_176{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    display: flex;
    justify-content: end;
    padding-right: 12px;
    
    span{
        cursor: pointer;
        color: var(--colorPrimaryBase, #1677FF);
    }
}

._cardWrapper_dec59_191{
    padding: 12px 0px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #CBD2DE;
}

._squareButton_dec59_198{
    width: 32px;
    height: 32px;
    padding: 0px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    gap: 8px;
    flex-shrink: 0;
    text-align: end;
    display: flex;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: #FFF;
    cursor: pointer;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}


._loader_dec59_220 {
    display: block;
    border: 3px solid var(--primary-blue);
    border-radius: 50%;
    border-top: 3px solid transparent;
    width: 25px;
    height: 25px;
    -webkit-animation: _spin_dec59_1 0.75s linear infinite; /* Safari */
    animation: _spin_dec59_1 0.75s linear infinite;
  }

  @-webkit-keyframes _spin_dec59_1 {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }

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

  ._editIconWrapper_dec59_249{
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    bottom: 150px;
    align-items: center;
  }

  ._editIcon_dec59_249{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1.15px solid rgba(0, 0, 0, 0.3);
    background: #FFF;
    cursor: pointer;
  }

  ._closeButton_dec59_271{
    width: 20px;
    margin-top: 10px;
    font-size: 20px;
    cursor: pointer;
    margin-left: 10px;
  }.react-tabs {
  -webkit-tap-highlight-color: transparent;
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.react-tabs__tab--selected {
  background: #fff;
  border-color: #aaa;
  color: black;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default;
}

.react-tabs__tab:focus {
  outline: none;
}

.react-tabs__tab:focus:after {
  content: '';
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff;
}

.react-tabs__tab-panel {
  display: none;
}

.react-tabs__tab-panel--selected {
  display: block;
}
._title_u2g8c_1 {
  margin: 20px 10px;
}

._box_u2g8c_5 {
  position: relative;
  height: content;
  top: 50%;
  padding: 20px;
  border-radius: 10px;
  min-width: 300px;
  transform: 'translate(-50%, -50%)';
  width: 100%;
  background-color: #f0f3ff;
  border: '2px solid #000';
  box-shadow: 24;
  overflow-y: 'scroll';
  font-family: 'Poppins', sans-serif;
}
._addNew_u2g8c_20 {
  display: flex;
  justify-content: space-between;
}

._accordion_u2g8c_25 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 20px;
  background-color: white;
  margin-bottom: 10px;
}
._name_u2g8c_33 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  padding: 5px;
  text-transform: capitalize;
}
._collapsibleClosed_u2g8c_40 {
  width: 100%;
  background-color: lightgrey;
  border-radius: 10px;
}
._collapsibleOpen_u2g8c_45 {
  width: 100%;
}

._triggerClosed_u2g8c_49 {
  width: 100%;
  border: 1px solid lightgray;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
}
._triggerOpen_u2g8c_58 {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
  border: 0px;
}
._summary_u2g8c_67 {
  padding: 15px !important;
}

._expandedSummary_u2g8c_71 {
  padding: 5 !important;
}

._NDRContainer_u2g8c_75 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  column-gap: 20px;
}
._mixpanel_u2g8c_80 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
  margin-bottom: 15px;
}
._DNDContainer_u2g8c_86 {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  column-gap: 20px;
}

._deleteCampaign_u2g8c_92 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 7px;
  gap: 20px;
}

  ._SmsContainer_u2g8c_101{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
  }

  ._varDeleteBtn_u2g8c_107{
    font-size: 16px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    width: 15%;
    display: flex;
    align-items: end;
    justify-content: end;
    padding: 15px 5px;
  }

._generalContainer_u2g8c_120{
  display: flex;
  align-items: center;
  justify-content: space-between;
}._provider_1fhbc_1 ,._key_1fhbc_1{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-top: 20px;
}
._key_1fhbc_1{
    min-width:150px;
    max-width: 300px;
}
._config_1fhbc_11 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
._wrapper_1fhbc_16 {
    width:50%;
    min-width: 300px;
    padding:20px 0px
}
._addNew_1fhbc_21 {
    padding: 10px;
    height:80px;
    margin-top: 20px;
    margin-left: 5px;
}
._btn_1fhbc_27{
    height:'100%'
}
._box_1fhbc_30{
    position: relative;
    height:content;
    top: 50%;
    padding:20px;
    border-radius: 10px;
    min-width: 300px;
    transform: 'translate(-50%, -50%)';
    width: 100%;
    background-color: #f0f3ff;
    border: '2px solid #000';
    box-shadow: 24;
    overflow-y: 'scroll';
    justify-content: space-between;
    display: flex;
}.permissions-btn {
    background-color: #004b8d;
    font-size: 10px;
    color: #fff;
    font-family: 'metropolismedium';
    padding: 5px 10px;
    line-height: 10px;
    cursor: pointer;
    border: none;
    letter-spacing: 0.5px;
    border-radius: 15px;
  }
  .margin-r2{
    margin-right: 2px;
  }
  .margin-l2{
    margin-left: 2px;
  }
  th{
    border-bottom:0px !important
  }._configModalWrapper_ygq2p_1{
    top: 0px;
    left:0px;
    width: 100%;
    height:100%;
   display:flex;
   justify-content: center;
   align-items: center;
   position:fixed;
   background-color: hsla(0,0%,97%,.8);
  }
  ._configModalContainer_ygq2p_12 {
    border-radius: 20px;
    box-shadow: 0 0 15px #d3d3d3;
    width: 85%;
    background-color: white;
    opacity: 1;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding:30px  0;
    position: relative;
  }
  ._modalClose_ygq2p_26 {
    position: absolute;
    right: 10px;
    top: 20px;
    height: 25px;
    width: 40px;
    cursor: pointer;
  }
  ._modalTableWrapper_ygq2p_34 {
    max-height: 30rem;
    overflow-y: auto;
  }
  ._flex_ygq2p_38{
    display: flex;
    flex-direction: column;
  }
  ._message_ygq2p_42{
    font-size: 18px;
    line-height: 3;
    font-weight: 400;
    margin: 15px 0 ;
  }
  ._submit_ygq2p_48{
    padding : 15px 20px;
    margin: 15px 0;
    background-color: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 12px;
    color: #fff;
    font-size: 1rem;
  }
  ._bold_ygq2p_57{
    font-weight: 700;
  }._accordion_6681f_1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 20px;
  background-color: white;
  margin-bottom: 10px;
}
._name_6681f_9 {
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  padding: 5px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif; 
}
._collapsibleClosed_6681f_17 {
  width: 100%;
  background-color: lightgrey;
  border-radius: 10px;
}
._collapsibleOpen_6681f_22 {
  width: 100%;
}

._triggerClosed_6681f_26 {
  width: 100%;
  border: 1px solid lightgray;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
}
._triggerOpen_6681f_35 {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
  border: 0px;
}
._wrapper_6681f_44 {
  padding: 30px 20px;
  display: flex;
  background-color: white;
  flex-direction: column;
  align-items: start;
  align-items: start;
  width: 100%;
}
._box_6681f_53 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

._btnWrapper_6681f_61 {
  display: flex;
  align-items: center;
  width: 100%;
}
._deleteBtn_6681f_66 {
  background-color: #c70039;
  padding: 18px 25px;
  margin: 15px 10px;
  border-radius: 10px;
  border: 0px;
  max-height: 50px;
  color: white;
}
._save_6681f_75 {
  font-weight: 700;
  font-size: 15px;
  line-height: 2px;
}
._saveWrapper_6681f_80 {
  background-color: #7393b3;
  margin: 15px 0;
  padding: 18px 25px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  border: 0px;
  max-height: 50px;
}
._goKwikicon_6681f_92 {
  height: 20px;
  width: 20px;
}
._inputWrapper_6681f_96 {
  flex: 1;
  margin-right: 10px;
  max-width: 300px;
  min-width: 200px;
}
._webhook_6681f_102 {
  width: 100%;
  height: 2.5rem;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9d2d2;
}
._webhookWrapper_6681f_111 {
  width: 100%;
  margin: 10px 0;
  padding-right: 10px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif; 
}
._selectedTriggers_6681f_118 {
  margin-top: 10px;
}
._inputWrapper_e494p_1 {
  flex: 1;
  margin-right: 10px;
  max-width: 300px;
  min-width: 200px;
  margin-bottom: 10px;
}
._keyInput_e494p_8 {
  height: 2.5rem;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9d2d2;
  width: 100%;
}
._label_e494p_17 {
  font-size: 14px;
  color: black;
  display: flex;
}
._labelText_e494p_22{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 25px);
}
._editIcon_e494p_28 {
  margin-left: 10px;
  cursor: pointer;
  height: 15;
  width: 15;
}
._provider_lo2s1_1 ,._key_lo2s1_1{
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    margin-top: 20px;
}
._key_lo2s1_1{
    min-width:150px;
    max-width: 300px;
}
._config_lo2s1_11 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
._wrapper_lo2s1_16 {
    width:50%;
    min-width: 300px;
    padding:20px 0px
}
._addNew_lo2s1_21 {
    padding: 10px;
    height:80px;
    margin-top: 20px;
    margin-left : 5px;
}
._btn_lo2s1_27{
    height:'100%'
}
._box_lo2s1_30{
    position: relative;
    height:content;
    top: 50%;
    padding:20px;
    border-radius: 10px;
    min-width: 300px;
    transform: 'translate(-50%, -50%)';
    width: 100%;
    background-color: #f0f3ff;
    border: '2px solid #000';
    box-shadow: 24;
    overflow-y: 'scroll';
    justify-content: space-between;
    display: flex;
}._box_7vwhp_1{
    position: relative;
    height:content;
    top: 50%;
    padding:20px;
    border-radius: 10px;
    min-width: 300px;
    transform: 'translate(-50%, -50%)';
    width: 100%;
    background-color: #f0f3ff;
    border: '2px solid #000';
    box-shadow: 24;
    overflow-y: 'scroll';


}._accordion_14u09_1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 20px;
  background-color: white;
  margin-bottom: 10px;
}
._name_14u09_9 {
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  padding: 5px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}
._collapsibleClosed_14u09_17 {
  width: 100%;
  background-color: lightgrey;
  border-radius: 10px;
}
._collapsibleOpen_14u09_22 {
  width: 100%;
  padding: 10px;
}

._triggerClosed_14u09_27 {
  width: 100%;
  border: 1px solid lightgray;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
}
._triggerOpen_14u09_36 {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
  border: 0px;
}
._senderContainer_14u09_45 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

._provider_14u09_51,
._key_14u09_52 {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 20px;
}
._key_14u09_52 {
  min-width: 150px;
  max-width: 300px;
} 
._config_14u09_62 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._addNew_14u09_67 {
  padding: 10px;
  height: 80px;
  margin-top: 30px;
}
._btn_14u09_72 {
  margin-top: 20px;
  height: '100%';
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
._EmailContainer_14u09_79 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}
._payloadClose_14u09_84 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}._dataWrapper_1hxz1_1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
   
}
._DNDContainer_1hxz1_7 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 20px;
    background-color:  #F5F7F9;
    border-radius: 5px;
    margin-bottom:15px;
    padding:10px
}
._deleteCampaign_1hxz1_16 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 7px;
    gap: 20px;
  }
  
._row_1hxz1_25{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}  
._row_1hxz1_25 fieldset{
    margin-right: 5px;
}._container_17eml_1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
}

._note_17eml_7{
    font-size: 10px;
    margin-top: 5px;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

    line-height: 12px;
    span{
        font-weight: 500;
    }
}._provider_bfet6_1,
._key_bfet6_2 {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 20px;
}
._key_bfet6_2 {
  min-width: 150px;
  max-width: 300px;
}
._key1_bfet6_12{
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 20px;
  width: 100%;
}
._config_bfet6_19 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._wrapper_bfet6_24 {
  width: 50%;
  min-width: 300px;
  padding: 20px 0px;
}
._addNew_bfet6_29 {
  padding: 10px;
  height: 80px;
  margin-top: 20px;
}
._btn_bfet6_34 {
  height: '100%';
}
._box_bfet6_37 {
  position: relative;
  height: content;
  top: 50%;
  padding: 20px;
  border-radius: 10px;
  min-width: 300px;
  transform: 'translate(-50%, -50%)';
  width: 100%;
  background-color: #f0f3ff;
  border: '2px solid #000';
  box-shadow: 24;
  overflow-y: 'scroll';
  justify-content: space-between;
  display: flex;
}
._accordion_1ncqk_1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-right: 20px;
  background-color: white;
  margin-bottom: 10px;
}
._name_1ncqk_9 {
  font-weight: 500;
  font-size: 16px;
  line-height: 27px;
  padding: 5px;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
}
._collapsibleClosed_1ncqk_17 {
  width: 100%;
  background-color: lightgrey;
  border-radius: 10px;
}
._collapsibleOpen_1ncqk_22 {
  width: 100%;
}

._triggerClosed_1ncqk_26 {
  width: 100%;
  border: 1px solid lightgray;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
}
._triggerOpen_1ncqk_35 {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  margin-top: 10px;
  background-color: white;
  border-radius: 5px;
  border: 0px;
}
._wrapper_1ncqk_44 {
  padding: 30px 20px;
  display: flex;
  background-color: white;
  flex-direction: column;
  align-items: start;
  align-items: start;
  width: 100%;
}
._label_1ncqk_53 {
  font-size: 14px;
  color: black;
  display: flex;
}
._box_1ncqk_58 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

._btnWrapper_1ncqk_66 {
  display: flex;
  align-items: center;
  width: 100%;
}
._deleteBtn_1ncqk_71 {
  background-color: #c70039;
  padding: 18px 25px;
  margin: 15px 10px;
  border-radius: 10px;
  border: 0px;
  max-height: 50px;
  color: white;
}
._save_1ncqk_80 {
  font-weight: 700;
  font-size: 15px;
  line-height: 2px;
}
._saveWrapper_1ncqk_85 {
  background-color: #7393b3;
  margin: 15px 0;
  padding: 18px 25px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  border: 0px;
  max-height: 50px;
}
._goKwikicon_1ncqk_97 {
  height: 20px;
  width: 20px;
}
._inputWrapper_1ncqk_101 {
  flex: 1;
  margin-right: 10px;
  max-width: 300px;
  min-width: 200px;
}
._webhook_1ncqk_107 {
  width: 100%;
  height: 2.5rem;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9d2d2;
}
._webhookWrapper_1ncqk_116 {
  width: 100%;
  margin: 10px 0;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}
._selectedTriggers_1ncqk_122 {
  margin-top: 10px;
}
._inputWrapper_1ncqk_101 {
  flex: 1;
  margin-right: 10px;
  width: 30%;
  margin-bottom: 10px;
}
._keyInput_1ncqk_131 {
  height: 2.5rem;
  font-size: 12px;
  line-height: 18px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9d2d2;
  width: 100%;
}
._label_1ncqk_53 {
  font-size: 14px;
  color: black;
  display: flex;
}
._labelText_1ncqk_145{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 25px);
}
._editIcon_1ncqk_151 {
  margin-left: 10px;
  cursor: pointer;
  height: 15;
  width: 15;
}
._provider_7iyiy_1,
._key_7iyiy_2 {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 20px;
}
._key_7iyiy_2 {
  min-width: 150px;
  max-width: 300px;
}
._key1_7iyiy_12{
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  margin-top: 20px;
  width: 100%;
}
._config_7iyiy_19 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
._wrapper_7iyiy_25 {
  width: 50%;
  min-width: 300px;
  padding: 20px 0px;
}
._addNew_7iyiy_30 {
  padding: 10px;
  height: 80px;
  margin-top: 20px;
}
._btn_7iyiy_35 {
  height: '100%';
}
._box_7iyiy_38 {
  position: relative;
  height: content;
  top: 50%;
  padding: 20px;
  border-radius: 10px;
  min-width: 300px;
  transform: 'translate(-50%, -50%)';
  width: 100%;
  background-color: #f0f3ff;
  border: '2px solid #000';
  box-shadow: 24;
  overflow-y: 'scroll';
  justify-content: space-between;
  display: flex;
}
._title_1vjdg_1 {
    margin:20px 10px;
}

._box_1vjdg_5{
    position: relative;
    height:content;
    top: 50%;
    padding:20px;
    border-radius: 10px;
    min-width: 300px;
    transform: 'translate(-50%, -50%)';
    width: 100%;
    background-color: #f0f3ff;
    border: '2px solid #000';
    box-shadow: 24;
    overflow-y: 'scroll';
}
._addNew_1vjdg_19{
    display: flex;
    justify-content: space-between;
}

._textAreaPadding_1si7o_1 input{
    padding: 9px !important;
}.card-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
    grid-template-rows: 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items:  'flex-start';
    justify-content: flex-start;   
    margin-top: 14px;
}

.card{
    border-radius: 10px;
    border: 1px solid #E6E9EC;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    height: 100px;
    justify-content:space-between;
    /* max-width: 220px; */
}

.card-upper{
    display: flex;
    justify-content: space-between;
}

.card-icon{
    display: flex;
    width: 20.2%;
    height: 45px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50px;
}
.card-content{
    width: 70%;
}
.card-value{
    font-size: 20px;
}
.card-type{
    font-size: 12px;
}



.card-footer-icon{
    width: 23%; 
    text-align: center;
    display:flex;
    align-items: center;
    font-size: 10px;
    color: #27AE60;
}

.card-footer-value{
    color: rgba(0, 0, 0, 0.35);
    font-family: Poppins;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.card-footer-message{
    text-align: center;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid rgba(230, 233, 236, 0.80);
}

.date-analytics{
    display: flex;
    border-radius: 10px;
    border: 1px solid #C4C4C4;
    align-items: center;
    padding: 5px 10px;
}
.start-date{
    color: #000428;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.13px;

}

.custom-date{
    position: absolute;
    top: 95px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: white;
    border: 1px solid #C4C4C4;
    border-top: none;
    width: 371px;
    right: 33px;
    padding: 10px;
}

/* .custom-date-input{
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    padding: 0 3px;
    font-size: 9px;
}

.custom-date-input::-webkit-calendar-picker-indicator {
    font-size: 12px; 
  } */

  
  .table-container-analytics{
    margin-top: 10px;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #E6E9EC;
  }

.analytics-icon{
    display: flex;
    align-items: center;
}
  
.date-picker-1{
    width: 140px;
    height: 20px;
}
  

.date-picker-1 div input{
    padding: 5px;
}


:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */._editIcon_g233x_1._disabled_g233x_1 {
    pointer-events: auto; /* Allow hover for tooltip */
  }
 :root {
  --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica,
    Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Source Han Sans CN', sans-serif;
}

.add-contact-container {
  overflow: scroll;
}

.add-contact-container,
.add-contact-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.add-contact-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  gap: 24px;
  position: relative;
  width: 455px;
  margin: 0 auto;
  padding: 0 0 24px 0;
  background: #ffffff;
  border: 1px solid #d5d5d5;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}
.add-new-contact-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  padding: 6px 8px 6px 8px;
  background: #fafafa;
  border-radius: 8px 8px 0 0;
}
.add-new-contact-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  width: 113px;
  z-index: 1;
}
.add-new-contact-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 113px;
  height: 24px;
  color: #7f7f7f;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.box-2 {
  flex-shrink: 0;
  position: relative;
  width: 18px;
  height: 18px;
  z-index: 3;
}
.pic {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADnSURBVHgB3ZOxCsIwEIYPLeik4CAiKAiO3dzcBAfBUXDwAQWHDj6Dzu6CgtBBUHAQFAUL/rGnhvR6Ovfgoy1JvkvzE6LMVt75boABuINTypo26IMz86qcMylkiZFVBUnZahRqOzK1464+2PKit2QMIhDwUxVFLPNZuAYemPD4DFzdRZKIrK13QAnUQB1MyTqXf0TEXS+gy5Il71SsHOlVsN5v2kRPGTOp9cCKheb9CA7S5LRfMwmNKD6POcXnJSWpior0TSjgRVKSj1+iIahQMiE3yY0mMlekBRZgn+zxSbJJzhXJcD0BEGs2JEesYWkAAAAASUVORK5CYII=') no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  &:hover {
    cursor: pointer;
  }
}
.group-contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 24px;
  position: relative;
  min-width: 0;
  padding: 0 24px 0 24px;
  z-index: 5;
}
.wrapper-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
}
.group-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 7;
}
.wrapper-3 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 0 0 8px 0;
  z-index: 8;
}
.text-2 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 9;
}
.group-3 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 0 12px 0 12px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 10;
  overflow: hidden;
  border-radius: 8px;
  width: 370px;
}
.group-4 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  height: 40px;
  z-index: 11;
}
.text-3 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: black;
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
  outline: none;
  border: none;
}
.group-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 13;
}
.wrapper-4 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  padding: 0 0 8px 0;
  z-index: 14;
}
.text-4 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.wrapper-5 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 16;
  overflow: hidden;
  border-radius: 8px;
  border-left:none;
  width: 270px;
  height:40px;
}

.wrapper-select {
  width: 100px;
}
.box-country-code {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 69px;
  height: 40px;
  padding: 1px 12px 1px 12px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 17;
  overflow: hidden;
  border-radius: 6px 0 0 6px;
}
.text-5 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.img {
  flex-shrink: 0;
  position: relative;
  width: 12px;
  height: 12px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGgSURBVHgB7ZSxUsJAEIb/SywosWR0xjyBGqCghI5SH0AJj8ATAJ0d+gZhbLQCnwDtnFFJxiegcAS7qJUy5Ny7hBmCgZyOdvlmktkju3vH/rsHpKSkLMEiq6JVhu8PggVvYHh+it+QP27SuyVtXTNxZ7vzT3rE8dkdIbe3SVaJzlLFtnlFv03wE0qWgRnvh6s2HroXi59ZbFChNgDnZbJG8OmEru1BhbKVxZvvkGWAMZc2M5ddtNjAGavT25OBG7wJVd55R8aAjSjHYZyLHhs4cT3kzBfS8QCcypvbfcX48RbryB9ZmOsGrQHHvlbfUDB23QU9S9gxL/HkxpdW6oYeWRl6zjDsnqxKq2EdvtaS5QGymPLeSr9P2dlZ6StjVrN+Q9EsutTCoybaR7HW+eYTjIARHJBVkhpMRxJiLHLmB+lZlXpumTdyfARibjm3Q882nG4/KR2DKsujkqESBqU0KI1NutVV0mxAFdHmGmjGuAGd9JyGYyN1Y23VNOr/UBC5+kI0rYL7+BGII1nDRSJXn0RcXTb+nULNkU9KSspf8AVflpHjld1UUAAAAABJRU5ErkJggg==') no-repeat center;
  background-size: cover;
  z-index: 19;
  overflow: hidden;
  &:hover {
    cursor: pointer;
  }
}
.wrapper-6 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  padding: 0 12px 0 12px;
  z-index: 20;
  overflow: hidden;
  border-radius: 0 8px 8px 0;
}
.wrapper-7 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  height: 40px;
  z-index: 21;
}
.text-6 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: rgba(0, 0, 0, 0.25);
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  z-index: 22;
  outline: none;
  border: none;
}
.wrapper-8 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 400px;
  cursor: pointer;
}
.box-4 {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 16px;
  padding: 3px 0 3px 0;
}
.img-2 {
  flex-shrink: 0;
  position: relative;
  width: 16px;
  height: 16px;
  background: url('/src/components/images/png/unCheckbox.png') no-repeat center;
  background-size: cover;
  &:hover {
    cursor: pointer;
  }
}
.text-7 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 383px;
  height: 44px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
.section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  padding: 0 16px 0 16px;
  background: #00325e;
  border-radius: 8px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  width: 370px;
  margin:auto;
  &:hover {
    cursor: pointer;
  }
}
.section-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 97px;
  height: 40px;
}
.text-8 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 24px;
  color: #ffffff;
  font-family: Inter, var(--default-font-family);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
}
.country-code-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

.country-code-option {
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.3s;

  &:hover {
    background-color: #f0f0f0;
  }
}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-bubble.ql-toolbar:after,.ql-bubble .ql-toolbar:after{clear:both;content:'';display:table}.ql-bubble.ql-toolbar button,.ql-bubble .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-bubble.ql-toolbar button svg,.ql-bubble .ql-toolbar button svg{float:left;height:100%}.ql-bubble.ql-toolbar button:active:hover,.ql-bubble .ql-toolbar button:active:hover{outline:none}.ql-bubble.ql-toolbar input.ql-image[type=file],.ql-bubble .ql-toolbar input.ql-image[type=file]{display:none}.ql-bubble.ql-toolbar button:hover,.ql-bubble .ql-toolbar button:hover,.ql-bubble.ql-toolbar button:focus,.ql-bubble .ql-toolbar button:focus,.ql-bubble.ql-toolbar button.ql-active,.ql-bubble .ql-toolbar button.ql-active,.ql-bubble.ql-toolbar .ql-picker-label:hover,.ql-bubble .ql-toolbar .ql-picker-label:hover,.ql-bubble.ql-toolbar .ql-picker-label.ql-active,.ql-bubble .ql-toolbar .ql-picker-label.ql-active,.ql-bubble.ql-toolbar .ql-picker-item:hover,.ql-bubble .ql-toolbar .ql-picker-item:hover,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected{color:#fff}.ql-bubble.ql-toolbar button:hover .ql-fill,.ql-bubble .ql-toolbar button:hover .ql-fill,.ql-bubble.ql-toolbar button:focus .ql-fill,.ql-bubble .ql-toolbar button:focus .ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#fff}.ql-bubble.ql-toolbar button:hover .ql-stroke,.ql-bubble .ql-toolbar button:hover .ql-stroke,.ql-bubble.ql-toolbar button:focus .ql-stroke,.ql-bubble .ql-toolbar button:focus .ql-stroke,.ql-bubble.ql-toolbar button.ql-active .ql-stroke,.ql-bubble .ql-toolbar button.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#fff}@media (pointer:coarse){.ql-bubble.ql-toolbar button:hover:not(.ql-active),.ql-bubble .ql-toolbar button:hover:not(.ql-active){color:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#ccc}.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#ccc}}.ql-bubble{box-sizing:border-box}.ql-bubble *{box-sizing:border-box}.ql-bubble .ql-hidden{display:none}.ql-bubble .ql-out-bottom,.ql-bubble .ql-out-top{visibility:hidden}.ql-bubble .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-bubble .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-bubble .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-bubble .ql-formats{display:inline-block;vertical-align:middle}.ql-bubble .ql-formats:after{clear:both;content:'';display:table}.ql-bubble .ql-stroke{fill:none;stroke:#ccc;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-bubble .ql-stroke-miter{fill:none;stroke:#ccc;stroke-miterlimit:10;stroke-width:2}.ql-bubble .ql-fill,.ql-bubble .ql-stroke.ql-fill{fill:#ccc}.ql-bubble .ql-empty{fill:none}.ql-bubble .ql-even{fill-rule:evenodd}.ql-bubble .ql-thin,.ql-bubble .ql-stroke.ql-thin{stroke-width:1}.ql-bubble .ql-transparent{opacity:.4}.ql-bubble .ql-direction svg:last-child{display:none}.ql-bubble .ql-direction.ql-active svg:last-child{display:inline}.ql-bubble .ql-direction.ql-active svg:first-child{display:none}.ql-bubble .ql-editor h1{font-size:2em}.ql-bubble .ql-editor h2{font-size:1.5em}.ql-bubble .ql-editor h3{font-size:1.17em}.ql-bubble .ql-editor h4{font-size:1em}.ql-bubble .ql-editor h5{font-size:.83em}.ql-bubble .ql-editor h6{font-size:.67em}.ql-bubble .ql-editor a{text-decoration:underline}.ql-bubble .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-bubble .ql-editor code,.ql-bubble .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-bubble .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-bubble .ql-editor code{font-size:85%;padding:2px 4px}.ql-bubble .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-bubble .ql-editor img{max-width:100%}.ql-bubble .ql-picker{color:#ccc;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-bubble .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-bubble .ql-picker-label::before{display:inline-block;line-height:22px}.ql-bubble .ql-picker-options{background-color:#444;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-bubble .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-bubble .ql-picker.ql-expanded .ql-picker-label{color:#777;z-index:2}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#777}.ql-bubble .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-bubble .ql-color-picker,.ql-bubble .ql-icon-picker{width:28px}.ql-bubble .ql-color-picker .ql-picker-label,.ql-bubble .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-label svg,.ql-bubble .ql-icon-picker .ql-picker-label svg{right:4px}.ql-bubble .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-bubble .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-bubble .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-bubble .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-bubble .ql-picker.ql-header{width:98px}.ql-bubble .ql-picker.ql-header .ql-picker-label::before,.ql-bubble .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-bubble .ql-picker.ql-font{width:108px}.ql-bubble .ql-picker.ql-font .ql-picker-label::before,.ql-bubble .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-bubble .ql-picker.ql-size{width:98px}.ql-bubble .ql-picker.ql-size .ql-picker-label::before,.ql-bubble .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-bubble .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-bubble .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-bubble .ql-toolbar .ql-formats{margin:8px 12px 8px 0}.ql-bubble .ql-toolbar .ql-formats:first-child{margin-left:12px}.ql-bubble .ql-color-picker svg{margin:1px}.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,.ql-bubble .ql-color-picker .ql-picker-item:hover{border-color:#fff}.ql-bubble .ql-tooltip{background-color:#444;border-radius:25px;color:#fff}.ql-bubble .ql-tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;content:" ";display:block;left:50%;margin-left:-6px;position:absolute}.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow{border-bottom:6px solid #444;top:-6px}.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow{border-top:6px solid #444;bottom:-6px}.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor{display:block}.ql-bubble .ql-tooltip.ql-editing .ql-formats{visibility:hidden}.ql-bubble .ql-tooltip-editor{display:none}.ql-bubble .ql-tooltip-editor input[type=text]{background:transparent;border:none;color:#fff;font-size:13px;height:100%;outline:none;padding:10px 20px;position:absolute;width:100%}.ql-bubble .ql-tooltip-editor a{top:10px;position:absolute;right:20px}.ql-bubble .ql-tooltip-editor a:before{color:#ccc;content:"\00D7";font-size:16px;font-weight:bold}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close){position:relative;white-space:nowrap}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before{background-color:#444;border-radius:15px;top:-5px;font-size:12px;color:#fff;content:attr(href);font-weight:normal;overflow:hidden;padding:5px 15px;text-decoration:none;z-index:1}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{border-top:6px solid #444;border-left:6px solid transparent;border-right:6px solid transparent;top:0;content:" ";height:0;width:0}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close)::after{left:0;margin-left:50%;position:absolute;transform:translate(-50%,-100%);transition:visibility 0s ease 200ms;visibility:hidden}.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::before,.ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover::after{visibility:visible}

/*# sourceMappingURL=quill.bubble.css.map*/
._other_10qbs_2 h2 {
  font-size: 18px;
  color: #444;
  margin-bottom: 7px;
}

._other_10qbs_2 a {
  color: #777;
  text-decoration: underline;
  font-size: 14px;
}

._other_10qbs_2 ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

._App_10qbs_20 {
  font-family: sans-serif;
  text-align: center;
}

h1 {
  font-size: 24px;
  color: #333;
}

._ltr_10qbs_30 {
  text-align: left;
}

._rtl_10qbs_34 {
  text-align: right;
}

._editorContainer_10qbs_38 {
  margin: 0;
  border-radius: 2px;
  color: #000;
  position: relative;
  align-self: stretch;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  padding-bottom: 10px;
}

._editorInner_10qbs_53 {
  background: #FFFFFF;
  position: relative;
  width: 100%;
}

._editorInput_10qbs_59 {
  min-height: 100px;
  resize: none;
  font-size: 15px;
  caret-color: rgb(5, 5, 5);
  position: relative;
  tab-size: 1;
  outline: 0;
  padding: 15px 10px;
  caret-color: #444;
  border: 1px solid #DAE1E8;
  border-top: unset;
  border-bottom: 0;
}

._editorPlaceholder_10qbs_74 {
  color: #999;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 15px;
  left: 10px;
  font-size: 15px;
  user-select: none;
  display: inline-block;
  pointer-events: none;
}

._editorTextBold_10qbs_87 {
  font-weight: bold;
}

._editorTextItalic_10qbs_91 {
  font-style: italic;
}

._editorTextUnderline_10qbs_95 {
  text-decoration: underline;
}

._editorTextStrikethrough_10qbs_99 {
  text-decoration: line-through;
}

._editorTextUnderlineStrikethrough_10qbs_103 {
  text-decoration: underline line-through;
}

._editorTextCode_10qbs_107 {
  background-color: rgb(240, 242, 245);
  padding: 1px 0.25rem;
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 94%;
}

._editorLink_10qbs_114 {
  color: rgb(33, 111, 219);
  text-decoration: none;
}

._treeViewOutput_10qbs_119 {
  display: block;
  background: #222;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  white-space: pre-wrap;
  margin: 1px auto 10px auto;
  max-height: 250px;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: auto;
  line-height: 14px;
}

._editorCode_10qbs_135 {
  background-color: rgb(240, 242, 245);
  font-family: Menlo, Consolas, Monaco, monospace;
  display: block;
  padding: 8px 8px 8px 52px;
  line-height: 1.53;
  font-size: 13px;
  margin: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  tab-size: 2;
  /* white-space: pre; */
  overflow-x: auto;
  position: relative;
}

._editorCode_10qbs_135:before {
  content: attr(data-gutter);
  position: absolute;
  background-color: #eee;
  left: 0;
  top: 0;
  border-right: 1px solid #ccc;
  padding: 8px;
  color: #777;
  white-space: pre-wrap;
  text-align: right;
  min-width: 25px;
}
._editorCode_10qbs_135:after {
  content: attr(data-highlight-language);
  top: 0;
  right: 3px;
  padding: 3px;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  color: rgba(0, 0, 0, 0.5);
}

._editorTokenComment_10qbs_175 {
  color: slategray;
}

._editorTokenPunctuation_10qbs_179 {
  color: #999;
}

._editorTokenProperty_10qbs_183 {
  color: #905;
}

._editorTokenSelector_10qbs_187 {
  color: #690;
}

._editorTokenOperator_10qbs_191 {
  color: #9a6e3a;
}

._editorTokenAttr_10qbs_195 {
  color: #07a;
}

._editorTokenVariable_10qbs_199 {
  color: #e90;
}

._editorTokenFunction_10qbs_203 {
  color: #dd4a68;
}

._editorParagraph_10qbs_207 {
  margin: 0;
  margin-bottom: 8px;
  position: relative;
}

._editorParagraph_10qbs_207:last-child {
  margin-bottom: 0;
}

._editorHeadingH1_10qbs_217 {
  font-size: 24px;
  color: rgb(5, 5, 5);
  font-weight: 400;
  margin: 0;
  margin-bottom: 12px;
  padding: 0;
}

._editorHeadingH2_10qbs_226 {
  font-size: 15px;
  color: rgb(101, 103, 107);
  font-weight: 700;
  margin: 0;
  margin-top: 10px;
  padding: 0;
  text-transform: uppercase;
}

._editorQuote_10qbs_236 {
  margin: 0;
  margin-left: 20px;
  font-size: 15px;
  color: rgb(101, 103, 107);
  border-left-color: rgb(206, 208, 212);
  border-left-width: 4px;
  border-left-style: solid;
  padding-left: 16px;
}

._editorListOl_10qbs_247 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
}

._editorListUl_10qbs_253 {
  padding: 0;
  margin: 0;
  margin-left: 16px;
}

._editorListitem_10qbs_259 {
  margin: 8px 32px 8px 32px;
}

._editorNestedListitem_10qbs_263 {
  list-style-type: none;
}

pre::-webkit-scrollbar {
  background: transparent;
  width: 10px;
}

pre::-webkit-scrollbar-thumb {
  background: #999;
}

._debugTimetravelPanel_10qbs_276 {
  overflow: hidden;
  padding: 0 0 10px 0;
  margin: auto;
  display: flex;
}

._debugTimetravelPanelSlider_10qbs_283 {
  padding: 0;
  flex: 8;
}

._debugTimetravelPanelButton_10qbs_288 {
  padding: 0;
  border: 0;
  background: none;
  flex: 1;
  color: #fff;
  font-size: 12px;
}

._debugTimetravelPanelButton_10qbs_288:hover {
  text-decoration: underline;
}

._debugTimetravelButton_10qbs_301 {
  border: 0;
  padding: 0;
  font-size: 12px;
  top: 10px;
  right: 15px;
  position: absolute;
  background: none;
  color: #fff;
}

._debugTimetravelButton_10qbs_301:hover {
  text-decoration: underline;
}

._emoji_10qbs_316

 {
  color: transparent;
  background-size: 16px 16px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 0 -1px;
}

._emojiInner_10qbs_327 {
  padding: 0 0.15em;
}

._emojiInner_10qbs_327::selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}

._emojiInner_10qbs_327::moz-selection {
  color: transparent;
  background-color: rgba(150, 150, 150, 0.4);
}

._emoji_10qbs_316._happysmile_10qbs_341 {
  background-image: url(./images/emoji/1F642.png);
}

._toolbar_10qbs_345 {
  display: flex;
  margin-bottom: 1px;
  background: #F5F7F9;
  /* padding: 4px; */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  vertical-align: middle;
}

._toolbar_10qbs_345 button._toolbarItem_10qbs_355 {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
}

._toolbar_10qbs_345 button._toolbarItem_10qbs_355:disabled {
  cursor: not-allowed;
}

._toolbar_10qbs_345 button._spaced_10qbs_369 {
  margin-right: 2px;
}

._toolbar_10qbs_345 button i._format_10qbs_373 {
  background-size: contain;
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-top: 2px;
  vertical-align: -0.25em;
  display: flex;
  opacity: 0.6;
}

._toolbar_10qbs_345 button:disabled i._format_10qbs_373 {
  opacity: 0.2;
}

._toolbar_10qbs_345 button._active_10qbs_388 {
  background-color: #627F99;
}

._toolbar_10qbs_345 button._active_10qbs_388 i {
  opacity: 1;
}

._toolbar_10qbs_345 ._toolbarItem_10qbs_355:hover:not([disabled]) {
  background-color: #eee;
}

._toolbar_10qbs_345 ._divider_10qbs_400 {
  width: 1px;
  background-color: #eee;
  margin: 0 12px;
}

._toolbar_10qbs_345 select._toolbarItem_10qbs_355 {
  border: 0;
  display: flex;
  background: none;
  border-radius: 10px;
  padding: 8px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 70px;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
}

._toolbar_10qbs_345 select._codeLanguage_10qbs_421 {
  text-transform: capitalize;
  width: 130px;
}

._toolbar_10qbs_345 ._toolbarItem_10qbs_355 ._text_10qbs_426 {
  display: flex;
  line-height: 20px;
  width: 200px;
  vertical-align: middle;
  font-size: 14px;
  color: #777;
  text-overflow: ellipsis;
  width: 70px;
  overflow: hidden;
  height: 20px;
  text-align: left;
}

._toolbar_10qbs_345 ._toolbarItem_10qbs_355 ._icon_10qbs_440 {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 8px;
  line-height: 16px;
  background-size: contain;
}

._toolbar_10qbs_345 i._chevronDown_10qbs_450 {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  display: flex;
  user-select: none;
}

._toolbar_10qbs_345 i._chevronDown_10qbs_450._inside_10qbs_458 {
  width: 16px;
  height: 16px;
  display: flex;
  margin-left: -25px;
  margin-top: 11px;
  margin-right: 10px;
  pointer-events: none;
}

i._chevronDown_10qbs_450 {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: url(/assets/chevron-down-13f7d60a.svg);
}

#_blockControls_10qbs_1 button:hover {
  background-color: #efefef;
}

#_blockControls_10qbs_1 button:focusVisible {
  border-color: blue;
}

#_blockControls_10qbs_1 span._blockType_10qbs_485 {
  background-size: contain;
  display: block;
  width: 18px;
  height: 18px;
  margin: 2px;
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._paragraph_10qbs_493 {
  background-image: url(/assets/text-paragraph-ca45ef4b.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._h1_10qbs_497 {
  background-image: url(/assets/type-h1-b9138c0d.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._h2_10qbs_501 {
  background-image: url(/assets/type-h2-f058f4cf.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._quote_10qbs_505 {
  background-image: url(/assets/chat-square-quote-49af2d00.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._ul_10qbs_509 {
  background-image: url(/assets/list-ul-c66b5a72.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._ol_10qbs_513 {
  background-image: url(/assets/list-ol-e7110128.svg);
}

#_blockControls_10qbs_1 span._blockType_10qbs_485._code_10qbs_421 {
  background-image: url(/assets/code-e66b460f.svg);
}

._dropdown_10qbs_521 {
  z-index: 5;
  display: inline-block;
  position: sticky;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  min-width: 100px;
  min-height: 40px;
  background-color: #fff;
}

._dropdown_10qbs_521 ._item_10qbs_533 {
  margin: 0 8px 0 8px;
  padding: 8px;
  color: #050505;
  cursor: pointer;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 8px;
  border: 0;
  min-width: 268px;
}

._dropdown_10qbs_521 ._item_10qbs_533._active_10qbs_388 {
  display: flex;
  width: 20px;
  height: 20px;
  background-size: contain;
}

._dropdown_10qbs_521 ._item_10qbs_533:first-child {
  margin-top: 8px;
}

._dropdown_10qbs_521 ._item_10qbs_533:last-child {
  margin-bottom: 8px;
}

._dropdown_10qbs_521 ._item_10qbs_533:hover {
  background-color: #eee;
}

._dropdown_10qbs_521 ._item_10qbs_533 ._text_10qbs_426 {
  display: flex;
  line-height: 20px;
  flex-grow: 1;
  width: 200px;
}

._dropdown_10qbs_521 ._item_10qbs_533 ._icon_10qbs_440 {
  display: flex;
  width: 20px;
  height: 20px;
  user-select: none;
  margin-right: 12px;
  line-height: 16px;
  background-size: contain;
}

._linkEditor_10qbs_587 {
  position: absolute;
  z-index: 100;
  top: -10000px;
  left: -10000px;
  margin-top: -6px;
  max-width: 300px;
  width: 100%;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0px 

5px 10px rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  transition: opacity 0.5s;
}

._linkEditor_10qbs_587 ._linkInput_10qbs_604 {
  display: block;
  width: calc(100% - 24px);
  box-sizing: border-box;
  margin: 8px 12px;
  padding: 8px 12px;
  border-radius: 15px;
  background-color: #eee;
  font-size: 15px;
  color: rgb(5, 5, 5);
  border: 0;
  outline: 0;
  position: relative;
}

._linkEditor_10qbs_587 div._linkEdit_10qbs_587 {
  background-image: url(/assets/pencil-fill-76664555.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  width: 35px;
  vertical-align: -0.25em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}

._linkEditor_10qbs_587 ._linkInput_10qbs_604 a {
  color: rgb(33, 111, 219);
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 30px;
  text-overflow: ellipsis;
}

._linkEditor_10qbs_587 ._linkInput_10qbs_604 a:hover {
  text-decoration: underline;
}

._linkEditor_10qbs_587 ._button_10qbs_647 {
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 2px;
}

._linkEditor_10qbs_587 ._button_10qbs_647._hovered_10qbs_657 {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #eee;
}

._linkEditor_10qbs_587 ._button_10qbs_647 i,
._actions_10qbs_665 i {
  background-size: contain;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: -0.25em;
}

i._undo_10qbs_673 {
  background-image: url('/assets/icon--arrowCounterclockwise-4469d059.svg');
}

i._redo_10qbs_677 {
  background-image: url(/assets/arrow-clockwise-1a76c340.svg);
}

._icon_10qbs_440._paragraph_10qbs_493 {
  background-image: url(/assets/text-paragraph-ca45ef4b.svg);
}

._icon_10qbs_440._largeHeading_10qbs_685,
._icon_10qbs_440._h1_10qbs_497 {
  background-image: url(/assets/type-h1-b9138c0d.svg);
}

._icon_10qbs_440._smallHeading_10qbs_690,
._icon_10qbs_440._h2_10qbs_501 {
  background-image: url(/assets/type-h2-f058f4cf.svg);
}

._icon_10qbs_440._bulletList_10qbs_695,
._icon_10qbs_440._ul_10qbs_509 {
  background-image: url(/assets/list-ul-c66b5a72.svg);
}

._icon_10qbs_440._numberedList_10qbs_700,
._icon_10qbs_440._ol_10qbs_513 {
  background-image: url(/assets/list-ol-e7110128.svg);
}

._icon_10qbs_440._quote_10qbs_505 {
  background-image: url(/assets/chat-square-quote-49af2d00.svg);
}

._icon_10qbs_440._code_10qbs_421 {
  background-image: url(/assets/code-e66b460f.svg);
}

i._bold_10qbs_713 {
  background-image: url(/assets/type-bold-8e7adb4a.svg);
}

i._italic_10qbs_717 {
  background-image: url(/assets/type-italic-29722685.svg);
}

i._underline_10qbs_721 {
  background-image: url(/assets/type-underline-e1038bb0.svg);
}

i._strikethrough_10qbs_725 {
  background-image: url(/assets/type-strikethrough-7e294324.svg);
}

i._code_10qbs_421 {
  background-image: url(/assets/code-e66b460f.svg);
}

i._link_10qbs_587 {
  background-image: url(/assets/link-0634bc39.svg);
}

i._leftAlign_10qbs_737 {
  background-image: url(/assets/text-left-330d4ff8.svg);
}

i._centerAlign_10qbs_741 {
  background-image: url(/assets/text-center-20cf7d44.svg);
}

i._rightAlign_10qbs_745 {
  background-image: url(/assets/text-right-5aaf7eb3.svg);
}

i._justifyAlign_10qbs_749 {
  background-image: url(/assets/justify-f7955762.svg);
}

._footerbar_10qbs_753 {
    border-radius: 0px 0px 10px 10px;
    background: #F1F8FF;
    gap: 8px;
}

._footerbar_10qbs_753 svg{
  height: 16px;
  width: 16px;
  color: #a7a1a1;
}

._toolbar_10qbs_345 {
  display: flex;
  align-items: center; /* Vertically center items */
}

._toolbarItem_10qbs_355 {
  display: flex;
  align-items: center;
}

._sendButtonsWrapper_10qbs_775 {
  display: flex;
  margin-left: auto; /* Push the buttons to the right */
}

._sendBtn_10qbs_780 {
  margin-left: 8px; /* Push the buttons to the right */
}
._topBarBtn_10qbs_783{
  margin-right: 20px;
  border: 0;
  font-size: 14px;
  color: #00325E;
  background: transparent;
  height: 38px;
  cursor: pointer;
}
._topBarHead_10qbs_792{
  font-family: sans-serif;
  font-size: 14px;
  color: #00325E;
  background: transparent;
  cursor: pointer;
}

._topBarHead2_10qbs_800{
  font-family: sans-serif;
  font-size: 14px;
  color: #00325E;
  background: transparent;
  cursor: pointer;
  margin: auto 0px;
}

._topBarBtnActive_10qbs_809{
  color: #011d35 !important;
  border-bottom: 2px solid #011d35 !important;
}

._editorTextArea_10qbs_814{
  border-top: 0;
  border-radius: 0;
  border-bottom: 0;
  border-left-color: rgb(218, 225, 232);
  border-right-color: rgb(218, 225, 232);
}

._editorTextArea_10qbs_814:focus, ._editorTextArea_10qbs_814:hover{
  border-top: 0 !important;
  border-radius: 0 !important;
  border-bottom: 0 !important;
  border-left-color: rgb(218, 225, 232) !important;
  border-right-color: rgb(218, 225, 232) !important;
  box-shadow: 0 0 0 0 rgba(5, 145, 255, 0.1) !important;
}

._canned_10qbs_831 {
  background: #e7e7e7;
  max-height: 100px;
  overflow-y: scroll;
  overflow-x: hidden;
  list-style: none;
  margin-left: 0;
  padding-left: 10px;
  cursor: pointer;
}

._canned_10qbs_831 li {
  border-bottom: 1px solid white;
  padding: 5px 0;
}

._cannedActive_10qbs_847 {
  background: rgba(97, 181, 255, 0.2);
}

._hide_10qbs_851{
  display: none !important;
}

._emailAttachment_10qbs_855{
  cursor: pointer;
  border-radius: 10px;
  padding: 5px 8px;
}
._replyContainer_10qbs_860 {
  display: flex;
  height: 60px;
  border: 1px solid #DAE1E8;
  border-radius: 10px;
  background: #fff;
  padding: 6px 0.75%;
  margin-bottom: 4px;
  overflow: hidden;
}

._replyText_10qbs_871 {
  margin: auto 0;
  display: flex;
}
._sharedCopyClipboardMedia_10qbs_875 {
  height: 160px;
  border-radius: 6px;
  border: 1px solid black;
  margin: 0 auto 10px auto;
  display: flex;
  max-width: 290px;
  object-fit: contain;
}

._copyclipboardMediaPreview_10qbs_885 {
  aspect-ratio: 16 / 9;
}
._messageParentContainer_qdyuw_1 {
  align-self: stretch;
  /* flex: 1 1 0; */
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: inline-flex;
  width: 100%;
  margin-bottom: 28px;
}

._messageContainer_qdyuw_12 {
  width: 70%;
  height: auto;
  padding-left: 24px;
  padding-right: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

._avatarContent_qdyuw_23 {
  border-radius: 96px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  display: flex;
  margin-top: 0px;
}

._avatarIcon_qdyuw_32 {
  width: 30px;
  height: 30px;
  border-radius: 999px;
}

._messageContent_qdyuw_38 {
  /* flex: 1 1 0; */
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
  display: inline-flex;
}
._messageWrap_qdyuw_46 {
  align-self: stretch;
  /* padding: 12px; */
  /* background: #bcddfe; */
  border-top-left-radius: 2px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
  position: relative;
}

._message_qdyuw_1 {
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  display: flex;
  flex-direction: column;
  border-top-left-radius: 2px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px;
  background: #bcddfe;
  min-width: 20vw;
  max-width: 700px;
}

._messageText_qdyuw_83 {
  flex: 1 1 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
}

._messageFooter_qdyuw_93 {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  padding: 0;
}

._messageByWrap_qdyuw_101 {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

._messageBy_qdyuw_101 {
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
}

._sender_qdyuw_115 {
  color: #00325e;
  font-size: 11px;
  font-family: Inter;
  font-weight: 500;
  line-height: 22px;
  word-wrap: break-word;
}

._timeWrap_qdyuw_124 {
  flex: 1 1 0;
  height: 22px;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  display: flex;
}

._time_qdyuw_124 {
  text-align: right;
  color: #627f99;
  font-size: 11px;
  font-family: Inter;
  font-weight: 500;
  line-height: 22px;
  word-wrap: break-word;
}
._supportSessionMessage_qdyuw_142 {
  width: 100%;
  padding-right: 24px;
  margin-bottom: 25px;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  display: flex;
  float: right;
}

._messageBodyWrapper_qdyuw_153 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 3px;
  display: inline-flex;
  max-width: 70%;
}

._messageBody_qdyuw_153 {
  align-self: stretch;
  padding: 8px;
  background: #f5f7f9;
  border-top-left-radius: 8px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  display: flex;
  position: relative;
  min-width: 20vw;
}

._reactionIcon_qdyuw_179 {
  position: absolute;
  font-size: 16px;
  color: red;
  cursor: pointer;
  bottom: -10px;
}

._reactionIcon_qdyuw_179:hover {
  transform: scale(1.1) rotate(-3deg);
}

._reactionIconIncoming_qdyuw_191 {
  right: -5px;
}

._reactionIconOutgoing_qdyuw_195 {
    left: -5px;
}

._normalText_qdyuw_199 {
  flex: 1 1 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 0.75rem;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}

._contextImage_qdyuw_212{
  width: 50px;
  height: 50px;
}

._contextText_qdyuw_217 {
  flex: 1 1 0;
  color: rgba(0, 0, 0, 0.88);
  font-size: 0.8125rem;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  background-color: #f5f7f9;
  padding: 10px;
  cursor:pointer;
  width: 100%;
}

._messageFooterWrapper_qdyuw_234 {
  justify-content: space-between;
  width: 100%;
  align-items: center;
  /* gap: 8px; */
  display: flex;
}

._messageFooterContainer_qdyuw_242 {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

._iconRobotfilled_qdyuw_249 {
  width: 20px;
  height: 20px;
  position: relative;
}

._senderLogo_qdyuw_255 {
  width: 14.53px;
  height: 17.5px;
  left: 2.73px;
  top: 1.25px;
  position: absolute;
}

._avatar_qdyuw_23 {
  border-radius: 96px;
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

._rectangle2_qdyuw_272 {
  width: 30px;
  height: 30px;
  border-radius: 999px;
}

._imageWrapper_qdyuw_278 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  position: relative;
}

._downloadButton_qdyuw_286 {
  /* position: absolute;
  top: 50%;
  left: 50%; */
  /* transform: translate(-50%, -50%); */
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
}

._image_qdyuw_278 {
  position: relative;
  border-radius: 8px;
  max-width: 200px;
  max-height: 200px;
}

._customButton_qdyuw_309 {
  width: 100%;
  height: 100%;
  /* padding-left: 16px; */
  /* padding-right: 16px; */
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  cursor: pointer;
}

._buttonContent_qdyuw_321 {
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  border: 1px #00325e solid;
  padding: 2px;
}

._buttonText_qdyuw_334 {
  color: #00325e;
  font-size: 11px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  word-wrap: break-word;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._contact_qdyuw_347 {
  background-color: antiquewhite;
  margin-bottom: 4px;
  padding: 5px;
  border-radius: 10px;
}

._ratingContainer_qdyuw_354 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 10px;
}

._ratingButtons_qdyuw_362 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 5px;
}

._tickIcon_qdyuw_369 {
  display: inline-block;
  margin-left: 5px;
}

._tickIcon_qdyuw_369 ._singleTick_qdyuw_374,
._tickIcon_qdyuw_369 ._doubleTick_qdyuw_375 {
  font-size: 10px;
  margin-left: 2px;
  color: gray;
}

._tickIcon_qdyuw_369 ._doubleTick_qdyuw_375 {
  color: #34b7f1; /* Blue tick color for seen messages */
}

._tickIcon_qdyuw_369 ._doubleTick_qdyuw_375._gray_qdyuw_385 {
  color: gray; /* Gray tick color for delivered messages */
}

._tickIcon_qdyuw_369 ._singleTick_qdyuw_374._gray_qdyuw_385 {
  color: gray; /* Gray tick color for accepted messages */
}

._carousel_qdyuw_393 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width:100%
}

._carouselImageWrapper_qdyuw_402 {
  position: relative;
  max-width: 100px;
  max-height: 100px;
  border-radius: 8px;
  overflow: hidden;
}

._carouselImage_qdyuw_402 {
  width: 100%;
  height: auto;
  display: block;
}

._carousel_qdyuw_393 ._downloadButton_qdyuw_286 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  padding: 8px;
  border-radius: 50%;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

._carouselImageWrapper_qdyuw_402:hover ._downloadButton_qdyuw_286 {
  display: block;
}

._carouselImageWrapper_qdyuw_402:hover ._carouselImage_qdyuw_402 {
  opacity: 0.7;
}

._carouselImageWrapper_qdyuw_402:hover ._downloadButton_qdyuw_286:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

._outgoingFooterText_qdyuw_443{
  text-align: end;
}

._commentActionBtn_qdyuw_447{
  border: 0px;
    background: transparent;
    font-size: 30px;
    font-weight: bolder;
    display: flex;
    /* margin-right: 10px; */
    align-items: center;
    color: rgb(99, 127, 153);
    margin-bottom: 25px;
}

._incomingCommentDiv_qdyuw_459 ._commentActionBtn_qdyuw_447{
  margin-bottom: 0px !important;
}


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

._loadingIcon_qdyuw_473 {
  display: inline-block;
  width: 20px; /* Adjust size as needed */
  height: 20px; /* Adjust size as needed */
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top: 3px solid #000; /* Color of the spinner */
  border-radius: 50%;
  animation: _spin_qdyuw_1 1s linear infinite;
}



._errorIcon_qdyuw_485 {
  color: red;
  /* other styles */
}
._carouselItem_qdyuw_489 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 170px;
  width: 100%; 
  overflow: hidden;
}

._carouselImage_qdyuw_402 {
  height: 100%;
  max-width: 100%;
  object-fit: contain;
}

._orderContainer_qdyuw_504 {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  width: 100%;
  margin: 10px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._orderItem_qdyuw_514 {
  padding: 10px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

._orderItem_qdyuw_514:last-child {
  border-bottom: none;
}

._orderLabel_qdyuw_524 {
  font-size: 12px;
  color: #555;
  margin-bottom: 5px;
  font-weight: bold;
}

._orderValue_qdyuw_531 {
  color: #333;
  font-weight: normal;
}

._orderSummary_qdyuw_536 {
  padding-top: 10px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #333;
}

._orderTotal_qdyuw_544 {
  color: green;
  font-weight: bold;
  font-size: 14px;
}

._referralContainer_qdyuw_550 {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px;
  margin-top: 10px;
  background-color: #f9f9f9;
  width: 100%;
  max-width: 100%;
}

._referralHeader_qdyuw_560 {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  margin-bottom: 6px;
}

._referralBody_qdyuw_567 {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  color: #555;
  margin-bottom: 10px;
  gap: 4px
}

._referralLink_qdyuw_576 {
  margin-top: 10px;
}

._emailAction_qdyuw_580{
  background: #00325E !important;
  color: #fff !important;
}

._emailHeaderCollapse_qdyuw_585 {
  background: #FFF;
  div._ant-collapse-header_qdyuw_587 div._ant-collapse-content-box_qdyuw_587 {
    padding: unset;
  }
}

._templateMessage_qdyuw_592 {
  background-color: #f5f6fa;
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0;
  font-size: 12px;
  color: #333;
}

._templateButtons_qdyuw_601 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}

._storyMentionWrapper_qdyuw_608 {
  text-align: center;
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #d3e1ea;
  border-radius: 8px;
  background: #f8fcff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

._storyMentionText_qdyuw_618 {
  font-size: 14px;
  color: #00325e;
  margin-bottom: 8px;
  font-weight: 500;
}

._viewStoryButton_qdyuw_625 {
  display: inline-block;
  background: linear-gradient(90deg, #00509e 0%, #00325e 100%);
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0px 6px 12px rgba(0, 80, 158, 0.3);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

._viewStoryButton_qdyuw_625:hover {
  transform: translateY(-2px);
  box-shadow: 0px 8px 16px rgba(0, 80, 158, 0.4);
  background: linear-gradient(90deg, #00325e 0%, #001f3f 100%);
}

._viewStoryButton_qdyuw_625:active {
  transform: translateY(0);
  box-shadow: 0px 4px 8px rgba(0, 80, 158, 0.2);
}

._previewIconPdf_qdyuw_649 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

._hoverTargetPdf_qdyuw_655:hover + ._previewIconPdf_qdyuw_649,
._previewIconPdf_qdyuw_649:hover {
  opacity: 1;
  visibility: visible;
}
._hoverTargetPdf_qdyuw_655{
  width: 100%;
  height: 100%; 
  border: none;
  overflow: hidden; 
}
._chatViewDocument_qdyuw_666{
  width: 100%;
  height: 100%;
  position: relative;
}
._previewBackground_qdyuw_671 {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
._previewTextLogo_qdyuw_680 {
  color: white;
  font-size: 0.9rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

._previewModal_qdyuw_689{
  overflow: hidden;
  position: relative;
}
._previewIframeModal_qdyuw_693 {
  width: 100%;
  height: 70vh;
  border: none;
  margin-bottom: 14px;
}
._dismissButton_qdyuw_699 {
  margin-left: 100%;
  transform: translateX(-100%);
}

._emptyMessageFallback_qdyuw_704 {
  color: #8c8c8c;
  font-style: italic;
  background-color: #f0f0f0;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  text-align: center;
  border: 1px dashed #d9d9d9;
}:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica,
    Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Source Han Sans CN', sans-serif;
}

.main-container {
  overflow: visible;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  position: relative;
  width: 31rem;
  margin: 10px 2px;
}
.menu {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 6px 6px 0 0;
}
.group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 185px;
  padding: 4px 4px 4px 4px;
  z-index: 1;
}
.cascader-menu-item {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  /* width: 177px; */
  height: 32px;
  padding: 0 12px 0 12px;
  background: #f5f5f5;
  z-index: 2;
  border-radius: 4px;
}
.cascader-item {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.cascader-menu-item-1 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  width: 100%;
  position: relative;
  /* width: 177px; */
  height: 32px;
  padding: 0 12px 0 12px;
  z-index: 5;
  border-radius: 4px;
  margin-top: 4px;
}
.cascader-item-2 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 6;
}
.icon-right-outlined-3 {
  flex-shrink: 0;
  position: relative;
  width: 10px;
  height: 11px;
  background-size: cover;
  z-index: 7;
  overflow: hidden;
}
.divider {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  z-index: 23;
}
.filterValues {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: -1111px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  z-index: 9999;
}
.group-f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  width: 200px;
  padding: 4px 4px 4px 4px;
  z-index: 24;
}
.cascader-menu-item-11 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  width: 100%;
  position: relative;
  /* width: 177px; */
  height: 32px;
  padding: 0 12px 0 12px;
  z-index: 28;
  border-radius: 4px;
}
.range-picker-date {
  position: relative;
  top: 100px;
}
.checkbox-12 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 8px;
  position: relative;
  min-width: 0;
  z-index: 29;
}
.checkbox-yesterday {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 30;
}
.divider-2a {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 1px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  z-index: 55;
}
.cascader-menu-item-1:hover,
.cascader-menu-item-1:active,
.cascader-menu-item-1:focus {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}

.cascader-item-2:hover,
.cascader-item-2:active,
.cascader-item-2:focus {
  font-weight: 600;
}
.group-f .cascader-menu-item-11:hover {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}

.group-f .cascader-menu-item-11:hover .checkbox-yesterday {
  font-weight: 600;
}

.cascader-menu-item-1.active,
.cascader-item-2.active {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}

.cascader-item-2.active {
  font-weight: 600;
}
.box-3 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  /* width: 177px; */
  height: 32px;
  padding: 0 12px 0 12px;
  z-index: 10;
  border-radius: 4px;
}
.text-6 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: rgba(0, 0, 0, 0.25);
  font-family: Inter, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}

.ant-picker-dropdown {
  z-index: 1300 !important;
}

.ant-picker-range-arrow {
  display: none !important;
}
._container_sydaw_1 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    width: auto;
    padding: 1px 8px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    border-radius: 4px;
}
._icon_sydaw_11 {
    height:12px;
    width:12px;
    cursor: pointer;
}
._icon_sydaw_11 svg path {
    fill: #00325E
}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
._container_3k78s_1 {
    width:100%;
    background-color: #F5F7F9;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-bottom:9px;
    /* margin-top: 9px; */
    padding: 7px;
}
._alertText_3k78s_11{
    font-size: 12px;
    color:#0056b3;
    max-width: 700px;
}

._icon_3k78s_17 {
    margin: 0  10px;
    height: 20px;
}/* Email content container styles */
._emailContentContainer_1xb7b_2 {
  color: #333;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: visible;
  position: relative;
}

/* Email iframe styles */
._emailIframe_1xb7b_16 {
  width: 100%;
  border: none;
  display: block;
  background: transparent;
}

/* Preview button container */
._previewButtonContainer_1xb7b_24 {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
}

/* Preview button styles */
._previewButton_1xb7b_24 {
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  color: #666;
  transition: all 0.2s ease;
}

._previewButton_1xb7b_24:hover {
  background-color: #fff;
  color: #1677ff;
  border-color: #1677ff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Email action button styles */
._emailAction_1xb7b_54 {
  font-size: 11px;
  padding: 0 10px;
  height: 26px;
  margin-top: 8px;
  margin-right: 6px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  background-color: #f5f7f9;
  color: #333;
  font-weight: 500;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
}

._emailAction_1xb7b_54:hover {
  color: #1677ff;
  border-color: #1677ff;
  background-color: #f0f7ff;
}

._emailAction_1xb7b_54:active {
  background-color: #e6f4ff;
  transform: translateY(1px);
}

/* Email header styles */
._emailHeader_1xb7b_85 {
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  margin-bottom: 0 !important;
  background-color: #fafafa !important;
}

._emailHeaderLabel_1xb7b_93 {
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin-bottom: 5px !important;
  display: flex !important;
  align-items: baseline !important;
}

._emailHeaderLabel_1xb7b_93 strong {
  min-width: 70px !important;
  font-weight: 600 !important;
  color: #333 !important;
}

/* Email attachments styles */
._attachmentsHeading_1xb7b_108 {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin: 12px 0 8px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #f0f0f0;
}

._attachmentButton_1xb7b_117 {
  padding: 4px 8px !important;
  margin: 4px 0 !important;
  display: flex !important;
  align-items: center !important;
  color: #1677ff !important;
}

._attachmentButton_1xb7b_117:hover {
  background-color: #f0f7ff !important;
  border-radius: 4px !important;
}

/* Email footer styles */
._emailFooter_1xb7b_131 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  padding: 8px 0;
  margin-top: 10px;
  border-top: 1px solid #f0f0f0;
}

._senderInfo_1xb7b_141 {
  font-size: 11px;
  font-weight: 500;
  color: #00325e;
}

._timeInfo_1xb7b_147 {
  font-size: 11px;
  color: #627f99;
  text-align: right;
}._styledDialogTitle_hffiq_1 {
    color: #808080;
    font-size: 18px !important;
    font-family: Inter;
    font-weight: 200 !important;
    line-height: 24px;
    word-wrap: break-word;
    background: #FAFAFA;
    height:40px;
    display: flex;
    align-items: center;
  }
  
  ._closeButton_hffiq_14 {
    position: absolute !important;
    top: 0px;
    right: 0;
  }
  
  ._styledDialogContent_hffiq_20 {
    padding: 24px !important;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
  }

  ._dFlex_hffiq_27 {
    display: inline-flex;
  }
  
  ._styledDialogActions_hffiq_31 {
    justify-content: center !important;
    padding: 25px !important;
  }
  
  ._styledButton_hffiq_36 {
    width: 100%;
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }
  
  ._styledButton_hffiq_36 ._Content_hffiq_50 {
    height: 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }
  
  ._styledButton_hffiq_36 ._Button_hffiq_58 {
    font-size: 14px;
    font-family: Inter;
    line-height: 24px;
    word-wrap: break-word;
  }
  
  ._styledCancelButton_hffiq_65 {
    background: #FAFAFA;
    border: 1px #DFDFDF solid !important;
  }
  
  ._styledCancelButton_hffiq_65 ._Button_hffiq_58 {
    color: #A7A7A7;
    font-weight: 400;
    text-transform: none;
  }
  
  ._styledConfirmButton_hffiq_76 {
    background: #FF2020 !important;
    border: 1px #FF7D7D solid !important;
  }
  
  ._styledConfirmButton_hffiq_76 ._Button_hffiq_58 {
    color: white;
    font-weight: 500;
    text-transform: none;
  }
  
  ._styledButtonsContainer_hffiq_87 {
    width: 100%;
    display: flex;
    gap: 16px;
  }
  
  ._styledDialogContent_hffiq_20 {
    padding: 24px !important;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    max-width: 400px;
  }
  
  ._styledDialogContentText_hffiq_101 {
    flex: 1 1 0;
    text-align: center;
    color: rgba(0, 0, 0, 0.88) !important;
    font-size: 24px !important;
    font-family: Inter !important;
    font-weight: 600 !important;
    line-height: 26px;
    word-wrap: break-word;
  }
  
  ._checkCircleOutlinedContainer_hffiq_112 {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  
  ._checkCircleOutlinedIcon_hffiq_120 {
    width: 75px;
    height: 75px;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  
  ._checkCircleOutlinedVector_hffiq_130 {
    width: 75px;
    height: 75px;
  }
  ._topbarContainer_1hv3x_1 {
  /* align-self: stretch; */
  padding: 12px 10px;
  /* border-top-left-radius: 16px; */
  /* border-top-right-radius: 16px; */
  border-bottom: 1px solid rgba(98, 127, 153, 0.25);
  justify-content: space-between;
  /* gap: 5px; */
  align-items: center;
  display: flex;
  height: 3.875rem;
  width:100%;
}

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

._contactInfo_1hv3x_21 {
  height: 18px;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

._contactName_1hv3x_29 {
  color: rgba(0, 0, 0, 0.88);
  font-size: 0.875rem;
  font-family: Inter;
  font-weight: 600;
  line-height: 22px;
  word-wrap: break-word;
  /* margin-top: 12px; */
}

._contactDetails_1hv3x_39 {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
  width: auto;
}

._contactNumber_1hv3x_47 {
  /* width: 60%; */
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  display: flex;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  font-size: 2px;
}

._contactNumber_1hv3x_47 span {
  display: inline-block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
  color: #4e6c87;
  font-size: 14px;
  font-weight: 400;
  font-family: monospace;
}

._ecclipse_1hv3x_70 {
  width: 6px;
  height: 6px;
  background: #00325e;
  border-radius: 50%;
}

._contactIdentifier_1hv3x_77 {
  color: #4e6c87;
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  line-height: 20px;
  word-wrap: break-word;
}

._rightContentWrapper_1hv3x_86 {
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}

._searchIconArea_1hv3x_93 {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

._imageIconArea_1hv3x_100 {
  padding: 6px;
  background: #eaeff3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
  cursor: pointer;
}

._starIconArea_1hv3x_111 {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

._snoozeArea_1hv3x_118 {
  background: #f5f7f9;
  border-radius: 6px;
  border: 1px rgba(0, 0, 0, 0.15) solid;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 100px;
  /* display: inline-flex; */
}

._statusChangeArea_1hv3x_130 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._moreOptionArea_1hv3x_137 {
  width: 32px;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
  cursor: pointer;
}

._actions_1hv3x_151 {
  display: flex;
  gap: 4px;
}

._leftDiv_1hv3x_156 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
._dropdown_ci35a_1 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 53px;
  font-size: 0.6875rem;
}
._iconDownoutlined_ci35a_8 {
  width: 16px;
  height: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
._content_ci35a_15,
._dropdownButtonBasic_ci35a_16,
._iconDownoutlinedWrapper_ci35a_17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
._iconDownoutlinedWrapper_ci35a_17 {
  flex-direction: column;
  padding: 3px 0 0;
}
._content_ci35a_15,
._dropdownButtonBasic_ci35a_16 {
  flex-direction: row;
}
._content_ci35a_15 {
  padding: 5px 0;
  gap: 5px;
  cursor: pointer;
}
._dropdownButtonBasic_ci35a_16 {
  border-radius: 6px;
  background-color:#627F99;
  border: 1px solid rgba(0, 50, 94, 0.15);
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 12px;
  color: var(--white);
  font-family: var(--font-inter);
}
._dropdownContent_ci35a_49 {
  position: absolute;
  max-height: 180px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1;
  max-width: 24%;
  margin-left: -15px;
  margin-top: 35px;
  border-radius: 10px;
}
._agentItem_ci35a_62 {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  justify-content: space-between;
}
._agentItem_ci35a_62:hover {
  background: #f0f0f0;
}
._avatar_ci35a_72 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}
._agentName_ci35a_78 {
  font-size: 10px;
  color: #333;
}
._statusIndicator_ci35a_82 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-left: 8px;
}

._online_ci35a_89 {
  background-color: rgb(13, 240, 13);
}

._offline_ci35a_93 {
  background-color: red;
}

._searchContainer_ci35a_97 {
  padding: 8px;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}

._searchInput_ci35a_106 {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 12px;
  outline: none;
}

._searchInput_ci35a_106:focus {
  border-color: #627F99;
  box-shadow: 0 0 0 2px rgba(98, 127, 153, 0.2);
}


._upload_n11cz_3 {
  text-decoration: none;
  position: relative;
  line-height: 22px;
  color: inherit;
  display: inline-block;
}

._content_n11cz_10,
._content_n11cz_10 {
  padding: 4px 4px;
  gap: 8px;
}

._uploadButton_n11cz_15 {
  height: 31px;
  width: 100%;
  border-radius: 6px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 0 5px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 0.625rem;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
}

._uploadButton_n11cz_15:hover {
  background-color: #f5f7f9;
  cursor: pointer;
}
.preview-container {
    /* width: 400px; */
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 3%;
}

.preview-card {
    /* padding: 16px; */
    border: none;
}

.preview-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.preview-header-info {
    margin-left: 8px;
}

.preview-header-number {
    font-size: 12px;
    color: #888;
}

.preview-messages {
    height: 30em;
    overflow-y: auto;
    padding: 8px;
    background: #f0f0f0;
    border-radius: 8px;
    /* margin-bottom: 16px; */
    background-image: url(/assets/whatsapp-bg-fc0a1849.png);
    background-size: contain;
}

.preview-message {
    margin-bottom: 2px;
    padding: 8px;
    background: #fff;
    border-radius: 8px;
}

.preview-footer {
    display: flex;
    align-items: center;
}

.preview-input {
    flex: 1;
    margin-right: 8px;
}

.preview-actions button {
   margin-bottom: 2%;
   margin-right: 2%;
}

.preview-media a{
    background: white;
    padding: 8px;
}

.preview-media img{
   width: 100% !important;
}

.preview-media{
    background: white;
    /* text-align: center; */
    padding: 8px;
}

.ant-card-body{
    padding: 10px !important;
}

.ant-form-item-required ::before{
    display: none !important;
}

.ant-modal-footer {
    display: flex !important;
}

.ant-modal-footer button{
    width: 50% !important;
    height: 40px !important;
}

.ant-modal-footer .ant-btn-primary{
    background: #00325E !important;
}

.preview-card-0-pd .ant-card-body {
    padding: 0px !important;
  }._container_jr7ia_1 {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(20, 21, 23, 0.15);
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19px;
  gap: 16px;
}

._heading_jr7ia_15 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
}

._titleContainer_jr7ia_25 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._title_jr7ia_25 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._titleText_jr7ia_42 {
  position: relative;
  font: 600 0.875rem/22px Inter;
  color: rgba(0, 50, 94, 1);
}

._dividerLabel_jr7ia_48 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.5);
}

._iconCaretdownfilled_jr7ia_53 {
  width: 18px;
  position: relative;
  height: 18px;
  cursor: pointer;
}

._groupContent_jr7ia_60 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: rgba(0, 0, 0, 0.5);
}

._div_jr7ia_48 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._text_jr7ia_78 {
  width: 142px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
}

._boldText_jr7ia_88 {
  position: relative;
  font: 600 12px/22px Inter;
  color: rgba(0, 0, 0, 0.88);
}

._div1_jr7ia_94 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

._text2_jr7ia_102 {
  width: 120px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._tagColorful_jr7ia_111 {
  border-radius: 4px;
  background-color: #f0f0ff;
  border: 1px solid #adb4f7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 4px;
  font-size: 12px;
  color: #2e35d1;
  margin-left: 8px;
}

._purple_jr7ia_125 {
  position: relative;
  line-height: 20px;
}

._buttonContainer_jr7ia_130 {
  align-self: stretch;
  border-radius: 6px;
  background-color: rgba(221, 239, 255, 0.24);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  cursor: pointer;
}

._button_jr7ia_130 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
._fontFix_jr7ia_151{
  font-family: monospace;
}._Container_znnx0_1 {
  width: 309px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px;
  gap: 16px;
}

._TitleGroup_znnx0_14 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

._Title_znnx0_14 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_znnx0_32 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color:rgba(0, 50, 94, 1);
}

._IconSearchoutlined_znnx0_39 {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}

._ImageIcon_znnx0_48 {
  width: 64.63px;
  position: relative;
  border-radius: 1.95px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

._IconCaretdownfilled_znnx0_58 {
  width: 18px;
  position: relative;
  height: 18px;
  cursor: pointer;
}

._Div2_znnx0_65 {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  color: rgba(114, 114, 114, 0.75);
}

._OrderDetailsDiv_znnx0_76 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 12px;
}


._OrderDetailsRow_znnx0_86 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

._OrderDetailDiv_znnx0_94 {
  flex: 1;
  border: 1px solid rgba(98, 127, 153, 0.3); 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 8px;
  gap: 2px;
}

._BoxR1C1_znnx0_105 {
  border-radius: 8px 0px 0px 0px;
  max-height: 64px;
}
._BoxR1C2_znnx0_109 {
  border-radius: 0px 8px 0px 0px;
  border-left-width: 0px;
  max-height: 64px;
}
._BoxR2C1_znnx0_114 {
  border-top-width: 0px; 
}
._BoxR2C2_znnx0_117 {
  border-top-width: 0px; 
  border-left-width: 0px; 
}

._BoxR3_znnx0_122 {
  border-radius: 0px 0px 8px 8px;
  border: 0px 1px 1px 1px;
}
._OrderDetailsHeading_znnx0_126 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._DividerLabelContainer_znnx0_135 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._DividerLabel_znnx0_135 {
  position: relative;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);

}

._OrderDetailValue_znnx0_152 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 8px;
  color: #00325e;
}

._TextA2_znnx0_163 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
  font-size: 12px;
  color: rgba(0, 50, 94, 1);
}

._OrdersWithTagsContainer_znnx0_171 {
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  border-right: 1px solid rgba(98, 127, 153, 0.3);
  border-bottom: 1px solid rgba(98, 127, 153, 0.3);
  border-left: 1px solid rgba(98, 127, 153, 0.3);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 8px;
  font-size: 14px;
  color: #00325e;
}

._OrderSummaryDiv_znnx0_186 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

._ProductImage_znnx0_195 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}

._ImageIcon1_znnx0_204 {
  width: 44px;
  position: relative;
  border-radius: 4px;
  height: 44px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

._ProductDetailText_znnx0_214 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

._TextA1_znnx0_222 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 50, 94, 1);
}

._ItemsNumberText_znnx0_231 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #727272;
}

._TagsContainer_znnx0_240 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px; 
  font-size: 12px;
  width: 100%;
}

._TagDiv_znnx0_252 {
  border-radius: 4px;
  background-color: rgba(98, 127, 153, 0.05);
  border: 1px solid #b8cbdb;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
}

._TagText_znnx0_263 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}

._ViewDetailsButton_znnx0_269 {
  width: 283px;
  border-radius: 6px;
  background-color: rgba(221, 239, 255, 0.24);
  border: 1px solid #627f99;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
}

._Content1_znnx0_282 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._ViewOrderDetailsWrapper_znnx0_291 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._ViewOrderDetails_znnx0_291 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._AdditionalDetailsHeaderDiv_znnx0_305 {
  width: 300px;
  background-color: #f7f9fa;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 24px;
  gap: 16px;
}

._ViewAdditionalDetailsContainer_znnx0_318 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
}

._ViewAdditionalDetailsHeader_znnx0_328 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._TextA4_znnx0_337 {
  flex: 1;
  position: relative;
  font: 400 12px/22px Inter;
  color: rgba(114, 114, 114, 1);
  ;
}

._AdditionalDetailsContainer_znnx0_345 {
  width: 309px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 24px;
  box-sizing: border-box;
  gap: 12px;
  color: #727272;
}

._Div3_znnx0_358 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
}

._IconEnvironmentoutlinedParent_znnx0_367 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

._IconCloseoutlined_znnx0_376 {
  width: 16px;
  position: relative;
  height: 16px;
  cursor: pointer;
}

._AddressText_znnx0_383 {
  /* align-self: stretch; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #00325e;
  width:100%
}

._Dropdown_znnx0_394 {
  /* flex: 1; */
  /* position: relative; */
  font: 500 12px/16px Inter;
  color:rgba(0, 50, 94, 1);
}

._DividerHorizontal_znnx0_401 {
  align-self: stretch;
  position: relative;
  height: 2px;
  overflow: hidden;
  flex-shrink: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}

._LineIcon_znnx0_411 {
  position: absolute;
  width: 100%;
  top: calc(50% - 0px);
  right: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

._IconSmileoutlined_znnx0_422 {
  width: 16px;
  position: relative;
  height: 16px;
  display: none;
}

._ProductDiv_znnx0_429 {
  width: 265px;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #00325e;
}

._OrderImage_znnx0_440 {
  width: 44px;
  position: relative;
  border-radius: 4px;
  height: 44px;
  object-fit: cover;
}

._Text12_znnx0_448 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.5);
}

._InvoicesContainer_znnx0_457 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: rgba(0, 0, 0, 0.5);
}

._TotalPriceDiv_znnx0_467 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #00325e;
}

._Pagination_znnx0_476 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: rgba(0, 0, 0, 0.88);
}

._PaginationItemArrow_znnx0_487 {
  width: 32px;
  border-radius: 6px;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  border: none;
  background-color: transparent;
  outline: none;
}

._IconLeftoutlined_znnx0_504 {
  width: 14px;
  position: relative;
  height: 14px;
  overflow: hidden;
  flex-shrink: 0;
}

._PaginationItemNumber_znnx0_512 {
  width: 25px;
  border-radius: 6px;
  background-color: rgba(98, 127, 153, 0);
  border: 1px solid #627f99;
  box-sizing: border-box;
  height: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  color: #00325e;
}

._Div_znnx0_65 {
  align-self: stretch;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer;
  font-size: 12px;
}

._ActivePage_znnx0_535 {
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 5px;
  font-size: 14px;
}

._PaginationItemNumber1_znnx0_543 {
  width: 32px;
  border-radius: 6px;
  height: 32px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  box-sizing: border-box;
}

._Div1_znnx0_555 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
}

._IconFiletextoutlined_znnx0_561 {
  width: 14px;
  position: relative;
  height: 14px;
}

._Div4_znnx0_567 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: #727272;
}

._Div5_znnx0_576 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%
}

._LinkTextDiv_znnx0_584 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #0075ff;
  width: 166px;
  overflow: hidden;
}

._LinkText_znnx0_584 {
  position: relative;
  text-decoration: underline;
  line-height: 22px;
  font-size: 12px;
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._SendOrderDetailsButton_znnx0_607 {
  align-self: stretch;
  border-radius: 6px;
  background-color: rgba(221, 239, 255, 0.24);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  color: #00325e;
  cursor: pointer;
}
 .Container-tag {
  width: 309px;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(20, 21, 23, 0.15);
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19px;
  gap: 16px;
}

.Heading-tag {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  font-size: 16px;
}

.TitleContainer-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.Title-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.TitleText-tag {
  position: relative;
  font: 600 0.875rem/22px Inter;
  color:rgba(0, 50, 94, 1);
}

.IconCaretdownfilled-tag {
  width: 18px;
  position: relative;
  height: 18px;
  cursor: pointer;
}

.TagContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 9px;
  color: #722ed1;
  white-space: normal;
  word-wrap: break-word;
}

.TagColorful1 {
  border-radius: 4px;
  background-color: #f9f0ff;
  border: 1px solid #d3adf7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
}

.TagColorful2 {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  color: #f5222d;
  white-space: normal;
  word-wrap: break-word;
  max-width: 100%;
}

.Purple {
  position: relative;
  line-height: 20px;
  font-size:12px
}

.TagColorful3 {
  border-radius: 4px;
  background-color: #fff0f6;
  border: 1px solid #ffadd2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  color: #eb2f96;
}

.Magenta {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  font-size:12px
}

.TagColorful4 {
  border-radius: 4px;
  background-color: #f0f5ff;
  border: 1px solid #adc6ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  color: #2f54eb;
}

.ButtonContainer {
  align-self: stretch;
  border-radius: 6px;
  background-color: rgba(221, 239, 255, 0.24);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  cursor: pointer;
}

.Button {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.IconCloseoutlined {
  width: 16px;
  position: relative;
  height: 16px;
}
._container_1ea3b_1 {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px;
  gap: 16px;
}
._text_1ea3b_13{
font-size: 12px;
}
._dataWrapper_1ea3b_16{
  margin-top: 5px;
  border-top: 1px solid #e6e6e6;
  width: 100%;
  padding-top: 10px;
}
._titleGroup_1ea3b_22 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

._title_1ea3b_22 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._titleText_1ea3b_40 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color:rgba(0, 50, 94, 1);
}

._iconSearchoutlined_1ea3b_47 {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}

._imageIcon_1ea3b_56 {
  width: 64.63px;
  position: relative;
  border-radius: 1.95px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

._iconCaretdownfilled_1ea3b_66 {
  width: 18px;
  position: relative;
  height: 18px;
}

._div_1ea3b_72 {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._cartContent_1ea3b_81 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._cartDetailsContainer_1ea3b_89 {
  width: 281px;
  border-radius: 8px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  gap: 10px;
}

._imageIcon2_1ea3b_102 {
  position: relative;
  border-radius: 8px 8px 0px 0px;
  width: 50px;
  overflow: hidden;
  height: 40px;
  flex-shrink: 0;
  object-fit: cover;
}

._text_1ea3b_13 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
}

._text1_1ea3b_122 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
  font-size: 12px;
}

._text1_1ea3b_122:hover {
  color: grey;
}

._cartDetailsDiv_1ea3b_135 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: rgba(0, 0, 0, 0.5);
}

._textParent_1ea3b_145 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

._text2_1ea3b_153 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-size: 12px;
}

._boldText_1ea3b_160 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 13px;
}

._text3_1ea3b_170 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
}

._buttonContainer_1ea3b_176 {
  align-self: stretch;
  border-radius: 6px;
  background-color: rgba(221, 239, 255, 0.24);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  font-size: 12px;
  cursor: pointer;
}

._button_1ea3b_176 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._dividerLabel_1ea3b_199 {
  position: relative;
  line-height: 22px;
}
._cartWrapper_1ea3b_203 {
    display:flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
._detailsWrapper_1ea3b_209{
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  flex:3;
  white-space: nowrap;        
  overflow: hidden;          
  text-overflow: ellipsis;   
  min-width: 180px; 

}
._rightCart_1ea3b_220{
  display: flex;
  flex-direction: row;

}
._textData_1ea3b_225{
  font-size: 12px;
}
._titlecart_1ea3b_228{
  font-weight: 600;
  
}
._remove_1ea3b_232 {
  flex:1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
._cartName_1ea3b_238 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}._NoteCreation_b96k8_1 {
  width: 309px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19px;
  font-size: 16px;
}

._FrameContainer_b96k8_14 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

._Heading_b96k8_23 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._TitleContainer_b96k8_32 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._Title_b96k8_32 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_b96k8_50 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color:rgba(0, 50, 94, 1);
}

._Img_b96k8_57 {
  aspect-ratio: 1;
  object-fit: auto;
  object-position: center;
  width: 18px;
  margin: auto 0;
}

._NotesContainer_b96k8_65 {
  border-radius: 6px;
  border: 1px solid #e6e6e6;
  display: flex;
  margin-top: 8px;
  width: 100%;
  flex-direction: column;
  padding: 8px;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

._NoteText_b96k8_79 {
  color: rgba(0, 0, 0, 0.5);
  font: 400 14px/22px Inter, sans-serif;
  word-wrap: break-word; 
  overflow-wrap: break-word; 
  word-break: break-word; 
  white-space: normal;
}
._NoteMedia_b96k8_87 {
  max-width: 300px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 14px 0px;
}
._NoteMediaArea_b96k8_94 {
  position: relative;
  /* width: 100%;
  height: 100%;
  aspect-ratio: 1/1; */
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._NoteMediaAreaView_b96k8_103{
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  aspect-ratio: 1/1;
}
._NoteMediaIcon_b96k8_110{
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}
._AvtarContainer_b96k8_117 {
  display: flex;
  margin-top: 16px;
  justify-content: space-between;
  gap: 8px;
}

._Img2_b96k8_124 {
  aspect-ratio: 0.95;
  object-fit: auto;
  object-position: center;
  width: 129px;
  max-width: 100%;
}

._TimeContainer_b96k8_132 {
  display: flex;
  margin-top: 16px;
  gap: 16px;
  font-size: 12px;
  color: rgba(98, 127, 153, 0.75);
  font-weight: 500;
  line-height: 22px;
}

._Date_b96k8_142 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
}

._DateText_b96k8_149 {
  font-family: Inter, sans-serif;
  flex-grow: 1;
  flex-basis: auto;
}

._Time_b96k8_132 {
  display: flex;
  gap: 5px;
  border: 1px solid white;
  align-items: center;
  justify-content: center;
}

._TimeText_b96k8_163 {
  font-family: Inter, sans-serif;
}

._NoteTitle_b96k8_167 {
  color:rgba(0, 50, 94, 1);
  font: 400 14px/22px Inter, sans-serif;
  margin-bottom: 10px;
}

._ButtonContainer_b96k8_173 {
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid #627f99;
  background-color: rgba(221, 239, 255, 0.24);
  display: flex;
  margin-top: 24px;
  width: 100%;
  font-size: 14px;
  color: #00325e;
  font-weight: 400;
  white-space: nowrap;
  line-height: 157%;
  padding: 0 60px;
}

._ButtonContent_b96k8_190 {
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 8px;
  padding: 5px 0;
  cursor: pointer;
}

._PlusIcon_b96k8_199 {
  aspect-ratio: 1;
  object-fit: auto;
  object-position: center;
  width: 16px;
  margin: auto 0;
}

._ButtonText_b96k8_207 {
  font-family: Inter, sans-serif;
  flex-grow: 1;
}
._ImageAlignView_b96k8_211 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
._ImageAlignView_b96k8_211 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 1/1;
}._NoteCreation_2ofg7_1 {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19px;
  font-size: 16px;
}

._FrameContainer_2ofg7_14 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}

._Heading_2ofg7_23 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._TitleContainer_2ofg7_32 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._Title_2ofg7_32 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_2ofg7_50 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color:rgba(0, 50, 94, 1);
}

._IconCaretdownfilled_2ofg7_57 {
  width: 18px;
  position: relative;
  height: 18px;
}

._ButtonGroup_2ofg7_63 {
  /* align-self: stretch; */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  font-size: 14px;
  color: rgba(98, 127, 153, 0.8);
  margin-left: -10px;
}

._InputField_2ofg7_75 {
  width: 281px;
  border-radius: 8px 8px 0px 0px;
  background-color: #f9fafc;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border-top: 1px solid rgba(98, 127, 153, 0.25);
  border-right: 1px solid rgba(98, 127, 153, 0.25);
  border-left: 1px solid rgba(98, 127, 153, 0.25);
  border-bottom: none;
  box-sizing: border-box;
  height: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 16px;
  z-index: 0;
}

._TextArea_2ofg7_94 {
  align-self: stretch;
  background-color: #f9fafc;
  /* box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02); */
  border: 1px solid rgba(98, 127, 153, 0.25);
  border-bottom: 0px !important;
  box-sizing: border-box;
  height: 239px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 16px;
  z-index: 1;
  resize: none;
}

._PictureContainer2_2ofg7_111 {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  background-color: red !important;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(98, 127, 153, 0.25);
  box-sizing: border-box;
  
}

._ButtonContainer_2ofg7_120 {
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  background-color: #f9fafc;
  border-right: 1px solid rgba(98, 127, 153, 0.25);
  border-bottom: 1px solid rgba(98, 127, 153, 0.25);
  border-left: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px;
  gap: 8px;
  z-index: 2;
  font-size: 12px;
  color: #fff;
}

._SaveButton_2ofg7_138 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  cursor: pointer;
}

._Content1_2ofg7_152 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._IconCloseoutlined_2ofg7_161 {
  width: 16px;
  position: relative;
  height: 16px;
}

._SaveButtonText_2ofg7_167 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
}

._CancelButton_2ofg7_173 {
  align-self: stretch;
  border-radius: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #00325e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  font-size: 14px;
  color: #00325e;
  cursor: pointer;
}

._DividerLabel_2ofg7_188 {
  position: relative;
  line-height: 22px;
}

._PictureContainer_2ofg7_111 {
  margin: 0 !important;
  position: absolute;
  top: 243px;
  left: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 3;
}

._IconPictureoutlinedWrapper_2ofg7_206 {
  border-radius: 4px;
  background-color: rgba(98, 127, 153, 0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

._IconPictureoutlined_2ofg7_206 {
  width: 20px;
  position: relative;
  height: 20px;
}

._IconPaperclipoutlinedWrapper_2ofg7_222 {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px;
}
._NoteMediaArea_100fb_1 {
    max-width: 800px;
    padding: 8px 18px;
    border: 0px;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f9fafc;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
._NoteMediaAreaSub_100fb_14{
    max-width: 300px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}
._NoteMediaAreaCard_100fb_20{
    position: relative;
    width: 100%;
    height: 100%;
}

._NoteMediaAreaDelete_100fb_26{
    position: absolute;
    top: 0px;
    right: 0px;
    transform: translate(50%, -50%);
}
._NoteMediaDeleteIcon_100fb_32{
    color: red;
    scale: 1.1;
    cursor: pointer;
    opacity: 0.8;
}

._NoteMediaAreaSub_100fb_14 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}
._NoteMediaNameArea_100fb_45{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
._NoteMediaNameCard_100fb_50{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

._NoteMediaNameCardName_100fb_57{
    font-size: 13px;
}
._NoteMediaNameCardDelete_100fb_60{
    cursor: pointer;
}
._NoteMediaNameCardDeleteIcon_100fb_63{
    color: red;
    scale: 1.1;
    cursor: pointer;
    opacity: 0.8;
}

._UploadSection_100fb_70{
    display: flex;
    align-items: center;
    gap: 10px;
}
._UploadImage_100fb_75 {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
._UploadLoading_100fb_80{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
._NoteMediaAreaSubImgview_100fb_86{
    width: 100%;
    height: 100%;
    object-fit: contain;
    aspect-ratio: 1/1;
}._Container_1xlms_1 {
  width: 309px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px;
  gap: 16px;
}

._TitleGroup_1xlms_14 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
}

._Title_1xlms_14 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_1xlms_33 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color: rgba(0, 50, 94, 1);
}

._CloseIcon_1xlms_40 {
  width: 18px;
  position: relative;
  height: 18px;
  cursor: pointer;
}

._CardContainer_1xlms_47 {
  width: 290px;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px;
  gap: 2px;
  color: #2e35d1;
  margin: 10px 0;
  border: 1px solid #0000000f;
  border-radius: 8px;
}

._IconCalendaroutlinedParent_1xlms_64 {
  width: 249px;
  height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #00325e;
}

._TagColorfulContainer_1xlms_75 {
  width: 100%;
  display: flex;
  gap: 8px;
  padding-bottom: 8px;
}

._TagDiv2_1xlms_82 {
  border-radius: 4px;
  overflow-x: auto;
  background-color: #f0f0ff;
  border: 1px solid #adb4f7;
  box-sizing: border-box;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 8px;
  white-space: nowrap;
  flex: 0 1 auto;
  max-width: 100%;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: rgba(241, 237, 237, 0.3) rgba(241, 237, 237, 0.1);
}
._TagDiv2_1xlms_82::-webkit-scrollbar {
  width: 4px;
}

._TagDiv2_1xlms_82::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}

._TagDiv2_1xlms_82::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1);
}

._DividerHorizontal_1xlms_113 {
  align-self: stretch;
  position: relative;
  height: 2px;
  overflow: hidden;
  flex-shrink: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
}

._LineIcon_1xlms_123 {
  position: absolute;
  width: 100%;
  top: calc(50% - 0px);
  right: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

._CardDetailsDiv_1xlms_134 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  color: rgba(0, 0, 0, 0.5);
}

._TextParent1_1xlms_144 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

._BoldTextDiv_1xlms_152 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
}

._BoldText_1xlms_152 {
  position: relative;
  font: 600 12px/22px Inter;
  color: rgba(0, 0, 0, 0.88);
}

._ButtonContainer_1xlms_167 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  font-size: 12px;
  color: #fff;
}

._Button_1xlms_167 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

._Div_1xlms_113 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
  font-weight: 600;
}

._Div1_1xlms_198 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
}

._DividerLabel_1xlms_204 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
}

._Text_1xlms_144,
._TagText_1xlms_211 {
  font-size: 12px;
}
._TicketContainer_1xlms_214 {
  overflow: auto;
  max-height: 400px;
}
.CustomerAttribute-Heading {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.CustomerAttribute-HeadingText {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.CustomerAttribute-Title {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.CustomerAttribute-TitleText1 {
  flex: 1;
  position: relative;
  font: 600 16px/22px Inter;
  color: rgba(0, 50, 94, 1);
}

.CustomerAttribute-IconCaretdownfilled1 {
  width: 18px;
  position: relative;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}

.Attributes {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.TextParent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.DividerLabel {
  position: relative;
  font: 400 14px/22px Inter;
  color:rgba(0, 0, 0, 0.5);
}

.Text {
  width: 140px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: rgba(0, 0, 0, 0.88);
}

.BoldText {
  position: relative;
  font: 600 14px/22px Inter;
  color:rgba(0, 0, 0, 0.88);
}
.Container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.Heading {
  width: 309px;
  background-color: var(--color-whitesmoke-200);
  border-bottom: 1px solid var(--color-gainsboro-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) var(--padding-5xl);
  gap: var(--gap-base);
}

.HeadingContent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-base);
  font-size: var(--lg-lg-normal-size);
}

.HeadingContentParent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}

.Title {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}

.TitleText {
  flex: 1;
  position: relative;
  font: 600 16px/22px Inter;
  color: rgba(0, 50, 94, 1);
}

.DividerLabel {
  position: relative;
  font: 400 14px/22px Inter;
  color:rgba(0, 0, 0, 0.5);
}

.TrackingInfo {
  width: 309px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-base) var(--padding-5xl);
  box-sizing: border-box;
  text-align: center;
  color: var(--color-gray-100);
}

.TrackingInfoContent {
  align-self: stretch;
  border-radius: 0px 0px var(--br-5xs) var(--br-5xs);
  border: 1px solid var(--color-gainsboro-200);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base);
  gap: var(--gap-base);
}

.TrackingInfoChild {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}

.TextParent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.Value {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
  text-align: left;
  color: rgba(0, 0, 0, 0.88);
}

.BoldText {
  position: relative;
  font: 500 14px/22px Inter;
  color:rgba(0, 0, 0, 0.88);
}

.RectangleContainer {
  align-self: stretch;
  position: relative;
  height: 8px;
}

.GroupChild {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: var(--br-10xs);
  background-color: var(--color-gainsboro-100);
  width: 249px;
  height: 8px;
}

.GroupItem {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: var(--br-10xs);
  background-color: var(--brand-61b5ff);
  width: 151.61px;
  height: 8px;
}

.RectangleDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: var(--br-10xs);
  background-color: var(--brand-old-blue);
  width: 151.61px;
  height: 8px;
}

.GroupChild1 {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: var(--br-10xs);
  background-color: #f09819;
  width: 151.61px;
  height: 8px;
}

.GroupChild2 {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: var(--br-10xs);
  background-color: var(--color-royalblue-100);
  width: 151.61px;
  height: 8px;
}

.IconCaretdownfilled {
  width: 18px;
  position: relative;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
  cursor: pointer;
}
._Content1_jv6u7_1 {
  width: calc(100% - 40px);
  border: none;
  outline: none;
  background-color: transparent;
  height: 40px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 0px;
  box-sizing: border-box;
  font-family: Inter;
  font-size: 14px;
  color: rgba(0, 0, 0, 1);
  min-width: 130px;
}

._InputBasic_jv6u7_20 {
  flex: 1;
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 11px;
}

._Button_jv6u7_34 {
  width: 18px;
  position: relative;
  line-height: 24px;
  display: none;
  height: 19px;
  flex-shrink: 0;
}

._Content2_jv6u7_43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 11px;
  gap: 8px;
}

._Button1_jv6u7_52 {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border-radius: 0px 8px 8px 0px;
  background-color: #00325e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}

._InputSearch_jv6u7_64 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

._ProductImg_jv6u7_75 {
  height: 65px;
  width: 65px;
  position: relative;
  border-radius: 6.55px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

._ProductName_jv6u7_85 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 600;
}

._Text1_jv6u7_92 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._ProductQuantity_jv6u7_101 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 17px;
}

._Text2_jv6u7_108 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._ProductPrice_jv6u7_116 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  min-width: 50px;
  white-space: nowrap;
}
._noStock_jv6u7_124 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  min-width: 50px;
  white-space: nowrap;
  color: red;
}

._Text3_jv6u7_134 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

._TextWrapper_jv6u7_142 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  text-align: right;
  color: #00325e;
}

._TextGroup_jv6u7_152 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 24px;
  color: #727272;
}

._TextParent_jv6u7_161 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}

._Text4_jv6u7_169 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  color: #727272;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

._ProductDetailsDiv_jv6u7_183 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}

._ProductDiv_jv6u7_191 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

._ProductsContainer_jv6u7_200 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  text-align: left;
  font-size: 10px;
  color: #00325e;
  font-family: Inter;
  width: 280px;
}

._Container_jv6u7_214 {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
  gap: 16px;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 10px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  cursor: pointer;
}
._wrapper_jv6u7_234 {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px;
  gap: 16px;
}
._TitleGroup_jv6u7_246 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

._Title_jv6u7_246 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_jv6u7_264 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color: rgba(0, 50, 94, 1);
}
._title_1b7xi_1 {
  text-decoration: none;
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  color: inherit;
}

._Text1_1b7xi_10 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}

._prodImg_1b7xi_19 {
  align-self: stretch;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  border-radius: 8px 8px 0px 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

._Icon_1b7xi_36 {
  height: 20px;
  width: 20px;
  border-radius: 16px;
  border: 1px solid #00325e;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

._IconContainer_1b7xi_49 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

._Ellipse_1b7xi_58 {
  height: 6px;
  width: 6px;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
}

._BadgeBasic_1b7xi_66 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 1;
}

._BadgeWrapper_1b7xi_74 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}

._BadgeWrapperWrapper_1b7xi_82 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 20px 0px 21px;
}

._prodImgContainer_1b7xi_91 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 77px 13px 10px;
  position: relative;
  gap: 60px;
}

._boldText_1b7xi_102 {
  flex: 1;
  position: relative;
  line-height: 22px;
  font-weight: 550;
  font-size: 14px
}

._Text2_1b7xi_110 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
._divider_1b7xi_118 {
  flex: 1;
  position: relative;
  line-height: 22px;
}

._Text3_1b7xi_124 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}

._Text8_1b7xi_134 {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  font-size: 12px;
}

._number_1b7xi_142 {
  position: relative;
  line-height: 10px;
  display: inline-block;
  min-width: 13px;
}

._Text4_1b7xi_149 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  border-radius: 6px;
  background-color: #fff;
  transition: all 0.3s ease;
  width: 100px; 
  text-align: center;
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  cursor: pointer;
}

._Text7_1b7xi_167 {
  height: 20px;
  flex: 1;
  border-radius: 6px;
  background-color: #f6f6f6;
  border: 0.8px solid rgba(224, 224, 224, 0.25);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
  gap: 4px;
  color: rgba(158, 158, 158, 0.88);
}

._sizesContainer_1b7xi_183 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center; 
  padding: 8px 0;
  overflow-y: auto;
}

input[type="number"] {
  width: 60px;
  padding: 4px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
}

._TextGroup_1b7xi_201 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

._Ellipse2_1b7xi_210 {
  height: 6px;
  width: 6px;
  position: relative;
  border-radius: 50%;
  background-color: #00325e;
}

._BadgeBasicWrapper_1b7xi_218 {
  width: 24px;
  border-radius: 6px;
  border: 0.8px solid #00325e;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
}

._colorsContainer_1b7xi_230 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

._boldText2_1b7xi_238 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  min-width: 28px;
}

._detailsContaier_1b7xi_246 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  border-radius: 8px;
  width: 100%; 
  overflow: hidden; 
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  background-color: #f9f9f9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}

._Content_1b7xi_261 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
  gap: 8px;
  position: relative;
  font-size: 12px;
  line-height: 22px;
  font-family: Inter;
  color: #fff;
  text-align: left;
  display: inline-block;
  min-width: 64px;
}

._Button1_1b7xi_278 {
  cursor: pointer;
  border: none;
  padding: 0px 20px;
  background-color: #00325e;
  align-self: stretch;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._Button2_1b7xi_291 {
  position: relative;
  font-size: 12px;
  line-height: 22px;
  font-family: Inter;
  color: #00325e;
  text-align: left;
  display: inline-block;
  min-width: 79px;
}

._Button3_1b7xi_302 {
  cursor: pointer;
  border: 1px solid #00325e;
  padding: 0px 20px;
  background-color: #f7fbff;
  align-self: stretch;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._ButtonContainer_1b7xi_315 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._TextContainer_1b7xi_324 {
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 7px;
  gap: 8px;
  width: 280px;
}

._contentContainer_1b7xi_337 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
}

._Container_1b7xi_349 {
  width: 100%;
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
  gap: 24px;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-size: 16px;
  color: #00325e;
  font-family: Inter;
}
._wrapper_1b7xi_368 {
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 19px;
  gap: 16px;
}
._TitleGroup_1b7xi_380 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

._Title_1b7xi_380 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

._TitleText_1b7xi_398 {
  flex: 1;
  position: relative;
  font: 600 0.875rem/22px Inter;
  color: rgba(0, 50, 94, 1);
}


._selectedVariant_1b7xi_406 {
  color: #00325e;
  border-color: #00325e;
  background-color: #eaf4ff;
}
/* Container */
._Container_49pyd_2 {
    width: 309px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(20, 21, 23, 0.15);
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 19px;
    gap: 16px;
  }
  
  /* Heading */
  ._Heading_49pyd_17 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 16px;
  }
  
  /* TitleContainer */
  ._TitleContainer_49pyd_28 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  
  /* Title */
  ._Title_49pyd_28 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }
  
  /* TitleText */
  ._TitleText_49pyd_48 {
    flex: 1;
    position: relative;
    font: 600 0.875rem/22px Inter;
    color:rgba(0, 50, 94, 1);
  }
  
  /* DividerLabel */
  ._DividerLabel_49pyd_56 {
    position: relative;
    font: 400 13px/22px Inter, sans-serif;
  }
  
  /* IconCaretdownfilled */
  ._IconCaretdownfilled_49pyd_62 {
    width: 18px;
    position: relative;
    height: 18px;
    cursor: pointer;
  }
  
  /* GroupContent */
  ._GroupContent_49pyd_70 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    color: #D6DFE8;
    background-image: linear-gradient(0deg, #00325E, #00325E), linear-gradient(0deg, #D6DFE8, #D6DFE8);
    font-size: 13px;
    font-weight: 400;
  }
  ._AllTicketBox_49pyd_84 {
    border-radius: 8px;
    border: 1px solid rgba(97, 181, 255, 1);
    padding :16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    width: 280px;
    max-height:500px;
    overflow-y: auto;
  }
  /* Div */
  ._Div_49pyd_56 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  
  /* Text */
  ._Text_49pyd_108,._IDText_49pyd_108 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
  }

  ._IDText_49pyd_108:hover {
    color: gray;
  }
  
  
  /* BoldText */
  ._BoldText_49pyd_121 {
    position: relative;
    line-height: 22px;
    font-weight: 600;
   
    font-size:13px
  }
  
  /* Div1 */
  ._Div1_49pyd_130 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  
  /* Text2 */
  ._Text2_49pyd_139 {
    width: 129px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }
  ._Text3_49pyd_147 {
    font: 400 10px/13px Inter, sans-serif;
  }
  /* TagColorful */
  ._TagColorful_49pyd_151 {
    border-radius: 4px;
    background-color: #f0f0ff;
    border: 1px solid #adb4f7;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1px 8px;
    font-size: 12px;
    color: #2e35d1;
  }
  
  /* Purple */
  ._Purple_49pyd_165 {
    position: relative;
    line-height: 20px;
  }
  
  /* ButtonContainer */
  ._ButtonContainer_49pyd_171 {
    align-self: stretch;
    border-radius: 6px;
    background-color: rgba(221, 239, 255, 0.24);
    border: 1px solid #627f99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    cursor: pointer;
  }
  
  /* Button */
  ._Button_49pyd_171 {
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  /* Container */
._Container_k51hr_2 {
    width: 309px;
    background-color: #fff;
    box-shadow: 0px 1px 2px rgba(20, 21, 23, 0.15);
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 24px;
    gap: 16px;
  }
  
  /* Heading */
  ._Heading_k51hr_17 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 16px;
  }
  
  /* TitleContainer */
  ._TitleContainer_k51hr_28 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }
  
  /* Title */
  ._Title_k51hr_28 {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }
  
  /* TitleText */
  ._TitleText_k51hr_48 {
    flex: 1;
    position: relative;
    line-height: 22px;
    font-weight: 600;
  }
  
  /* DividerLabel */
  ._DividerLabel_k51hr_56 {
    position: relative;
    line-height: 22px;
    font-size:12px
  }
  
  /* IconCaretdownfilled */
  ._IconCaretdownfilled_k51hr_63 {
    width: 18px;
    position: relative;
    height: 18px;
    cursor: pointer;
  }
  
  /* GroupContent */
  ._GroupContent_k51hr_71 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding: 10px;
    border-radius: 8px;
    color: #D6DFE8;
    background-image: linear-gradient(0deg, #00325E, #00325E), linear-gradient(0deg, #D6DFE8, #D6DFE8);
  }
  
  /* Div */
  ._Div_k51hr_56 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  
  /* Text */
  ._Text_k51hr_94 {
    width: 152px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    color: rgba(0, 0, 0, 0.88);
  }
  
  /* BoldText */
  ._BoldText_k51hr_105 {
    position: relative;
    line-height: 22px;
    font-weight: 600;
    color: #D6DFE8;
  }
  
  /* Div1 */
  ._Div1_k51hr_113 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  
  /* Text2 */
  ._Text2_k51hr_122 {
    width: 129px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
  }
  
  /* TagColorful */
  ._TagColorful_k51hr_132 {
    border-radius: 4px;
    background-color: #f0f0ff;
    border: 1px solid #adb4f7;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1px 8px;
    font-size: 12px;
    color: #2e35d1;
  }
  
  /* Purple */
  ._Purple_k51hr_146 {
    position: relative;
    line-height: 20px;
  }
  
  /* ButtonContainer */
  ._ButtonContainer_k51hr_152 {
    align-self: stretch;
    border-radius: 6px;
    background-color: rgba(221, 239, 255, 0.24);
    border: 1px solid #627f99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 16px;
    cursor: pointer;
  }
  
  /* Button */
  ._Button_k51hr_152 {
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  
  ._hide_k51hr_175 {
    display: none !important;
  }

  ._ButtonFilled_k51hr_179 {
    background-image: linear-gradient(0deg, #00325E, #00325E), linear-gradient(0deg, #D6DFE8, #D6DFE8);
    color: #D6DFE8;
}

  ._ButtonDashed_k51hr_184 {
    border-style: dashed
  }._Div_p682n_1 {
  justify-content: space-between;
  align-items: center;
  box-shadow: 0px -3px 12px 0px rgba(0, 0, 0, 0.2);
  background-color: #042541;
  display: flex;
  gap: 20px;
  padding: 10px;
  position: fixed;
  bottom: 0;
  width: 97%;
  z-index: 9999;
}

._Div2_p682n_15 {
  justify-content: space-between;
  display: flex;
  gap: 20px;
  margin: auto 0;
}

._Selected_p682n_22 {
  color: #f33;
  white-space: nowrap;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f7f9;
  flex-grow: 1;
  padding: 3px 8px;
  font: 500 14px/157% Inter, sans-serif;
}

._ButtonDiv_p682n_34 {
  justify-content: space-between;
  align-self: center;
  display: flex;
  gap: 20px;
  margin: auto 0;
}

._ActionContainer_p682n_42 {
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 16px;
  margin-right: 30px;
}

._ActionParent_p682n_51 {
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background-color: #f5f7f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  cursor: pointer;
}

._ActionText_p682n_64 {
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  flex-grow: 1;
  white-space: nowrap;
  font: 400 14px/157% Inter, sans-serif;
}

._CloseButton_p682n_71 {
  aspect-ratio: 1;
  object-fit: contain;
  object-position: center;
  width: 24px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  align-self: center;
  max-width: 100%;
  margin: auto 0;
  cursor: pointer;
}

._SelectionButton_p682n_85 {
  color: white;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  text-decoration: underline;
  line-height: 22px;
  word-wrap: break-word;
  cursor: pointer;
}

._SelectAllText_p682n_96 {
  color: white;
  font-size: 14px;
  font-family: Inter;
  font-weight: 400;
  text-decoration: underline;
  line-height: 22px;
  word-wrap: break-word;
}

._CountText_p682n_106 {
  color: white;
  font-size: 14px;
  font-family: Inter;
  font-weight: 600;
  text-decoration: underline;
  line-height: 22px;
  word-wrap: break-word;
}
._Avatar_cfe04_1 {
  border-radius: var(--br-77xl);
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
}

._AvatarParent_cfe04_9 {
  display: flex;
  align-items: center;
  gap: var(--gap-5xs);
}

._ProfileImage_cfe04_15 {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  object-fit: cover;
}

._LogoutButton_cfe04_22 {
  position: absolute;
  left:-20px;
  background-color: black;
  border: 1px solid var(--color-lightgray);
  border-radius: var(--br-7xs);
  padding: 8px 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 600;
  color: var(--color-darkgray);
  cursor: pointer;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white
}

._LogoutButton_cfe04_22:hover {
  background-color: var(--color-lightgray);
  color: var(--color-black);
}

._Select1_cfe04_46 {
  flex: 1;
  position: relative;
  line-height: 20px;
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 12px;
}
._SelectInput_cfe04_55 {
  align-self: stretch;
  border-radius: var(--br-7xs);
  background-color: var(--color-whitesmoke-200);
  border: 1px solid var(--colorborder);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 5px;
  gap: var(--gap-9xs);
  z-index: 0;
  cursor: pointer;
  width: 100px;
}
._Message_cfe04_70 {
  position: relative;
  line-height: 28px;
  font-weight: 600;
}
._ActionButtonsConatainer_cfe04_75 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
._ProfileImage_cfe04_15 {
  position: relative;
  border-radius: var(--br-980xl);
  width: 32px;
  height: 32px;
  object-fit: cover;
  z-index: 0;
}
._NavMessageText_cfe04_90 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  z-index: 0;
}
._NavItem_cfe04_99 {
  align-self: stretch;
  border-right: 1px solid var(--color-slategray-600);
  box-sizing: border-box;
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid var(--color-gainsboro-200);
  margin-top:2px
}
._TierLimitButton_cfe04_113 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
._TierLimitContainer_cfe04_118 {
  align-self: stretch;
  border-radius: var(--br-5xs);
  background-color: rgba(97, 181, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-base);
}
._AgentAvailabiltyDropdown_cfe04_128 {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-9xs);
  font-size: var(--base-base-italic-size);
  color: var(--colortextheading);
}
._NavDiv2_cfe04_139 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--sm-sm-normal-size);
  color: var(--brand-old-blue);
  width: auto;
}
._TopMenu_cfe04_149 {
  top: 0px;
  right: 0px;
  margin-left: 0px;
  background-color: var(--gray-gray-1);
  box-sizing: border-box;
  height: 3.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: end;
  padding: 0px 28px 0px 0px;
  font-size: var(--heading-heading-4-size);
}
._ScrollToTopButton_19z4t_1 {
    position: none;
    bottom: 5%;
    margin-left: 50%;
    transform: translate(-50%, 50%);
  }
  

._gradientText_7tf40_3 {
  background: linear-gradient(45deg, #00c6ff, #0072ff);
  background-clip: text; 
  color: transparent; 
  font-family: Montserrat, sans-serif;
  font-size: 1.3em;
  padding: 0px;
  border-radius: 10px;
  transition: transform 0.2s;
  margin-left: -6px;
}

._gradientText_7tf40_3:hover {
  transform: scale(1.05);
}

._DivContainer_7tf40_19 {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* padding-left: 10px; */
  overflow: hidden;
  max-height: 100vh;
  box-sizing: border-box;
}

._DivContainer_7tf40_19 > * {
  overflow: hidden;
  max-width: 100%;
  box-sizing: border-box;
}

._RowContainer_7tf40_34 {
  display: flex;
  flex-direction: row;
  overflow: hidden;
}

._bottomMargin_7tf40_39 {
  margin-bottom: 20px;
}

._ChatListContainer_7tf40_42 {
  /* flex: 1; */
  margin-top: 6px;
  width:36%
}

._Submenu_7tf40_47 {
  position: none;
  font: 400 10px/22px Inter;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  color: rgba(98, 127, 153, 1);
  max-width:100px
}

._Submenu3_7tf40_58 {
  position: none;
  font: 400 10px/22px Inter;
  color: rgba(255, 255, 255, 1);
}

._IconDownoutlined1_7tf40_63 {
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

._IconUseroutlined2_7tf40_71 {
  position: relative;
  width: 16px;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  display: none;
}

._CustomerName_7tf40_80 {
  position: relative;
  line-height: 22px;
  font-weight: 600;
  font-size: 0.75rem;
}

._Avatar_7tf40_86 {
  border-radius: var(--br-77xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: none;
  gap: var(--gap-5xs);
}

._Title_7tf40_95 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}

._AvatarParent_7tf40_102 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  padding:4px;
  border-radius: 4px;
}

._IconSmileoutlined1_7tf40_111 {
  position: relative;
  width: 20px;
  height: 20px;
  object-fit: cover;
}

._IconSendoutlined1_7tf40_117 {
  position: relative;
  width: 16px;
  height: 16px;
  object-fit: cover;
}

._SendClose1_7tf40_124 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
}

._ActiveButton_7tf40_130 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  background-color: rgba(232, 232, 232, 0.75);
  padding: 5px;
  border-radius: 5px;
  cursor: pointer;
}

._Select1_7tf40_141 {
  flex: 1;
  position: relative;
  line-height: 20px;
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 12px;
}

._SelectInput_7tf40_150 {
  align-self: stretch;
  border-radius: var(--br-7xs);
  background-color: var(--color-whitesmoke-200);
  border: 1px solid var(--colorborder);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 5px;
  gap: var(--gap-9xs);
  z-index: 0;
  cursor: pointer;
  width: 100px;
}

._MessageAndSortedText_7tf40_165 {
  flex: 1;
  position: relative;
  line-height: 20px;
  font-size: 0.70rem;
  color: #4e6c87;
  font-weight: 600;
}

._MessageAndSortedTextHeading_7tf40_173 {
  font-size: 0.70rem;
  flex: 1;
}

._AvatarUrl_7tf40_177 {
  position: none;
  border-radius: var(--br-1079xl-9);
  width: 2.375rem;
  height: 2.375rem;
  object-fit: cover;
  z-index: 0;
}

._Title2_7tf40_186 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}

._TitleSorting_7tf40_194 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  max-width: 90%;
}

._ActionButtonsConatainer_7tf40_203 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}

._Div1_7tf40_210 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

._ProfileImage_7tf40_217 {
  position: relative;
  border-radius: var(--br-980xl);
  width: 32px;
  height: 32px;
  object-fit: cover;
  z-index: 0;
}

._TicketCount_7tf40_225 {
  border-radius: var(--br-base);
  background-color: var(--colorerrorbase);
  border: 1px solid var(--gray-gray-1);
  box-sizing: border-box;
  height: 22px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-9xs);
  text-align: center;
  font-size: 0.90rem;
  color: var(--gray-gray-1);
}

._VerticalVector_7tf40_241 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  height: 25px;
  width: 1.5px;
  opacity: 0.8;
}

._ChatListTopSectionDiv1_7tf40_252 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}

._ChatListTopSectionContainer_7tf40_260 {
  align-self: stretch;
  margin-top: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px var(--padding-base);
}

._Input_7tf40_270 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  width: 336px;
  flex-shrink: 0;
  border: none;
  outline: none;
}

._Input_7tf40_270::placeholder {
  color: #627f99;
}

._SearchInput_7tf40_283 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}

._SearchInputContainer_7tf40_291 {
  align-self: stretch;
  width: auto;
  flex: 1;
  background-color: var(--gray-gray-1);
  border: 1px solid var(--color-lavender-200);
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px var(--padding-xs);
}

._FormItemVertical1_7tf40_304 {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._SearchView_7tf40_312 {
  height: 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

._IconSwapoutlined1_7tf40_320 {
  position: relative;
  width: 0.90rem;
  height: 0.90rem;
  object-fit: contain;
  cursor: pointer;
  opacity: 0.7;
}

._SortedActionContainer_7tf40_328 {
  align-self: stretch;
  background-color: var(--color-whitesmoke-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-xs) var(--padding-base);
  color: var(--brand-old-blue);
}

._SearchViewParent_7tf40_338 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 6px;
  margin-top: -10px;
  width: 100%;
}

._ChatListActions_7tf40_347 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  margin-top: -4.5px;
}

._Checkbox_7tf40_356 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8.73px;
  cursor: pointer;
}

._CustomerAvatar_7tf40_364 {
  border-radius: var(--br-86xl-6);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: none;
  gap: var(--gap-4xs-8);
  z-index: 0;
}

._PlatformImage_7tf40_374 {
  position: absolute;
  margin: 0 !important;
  top: 1.125rem;
  left: 1.25rem;
  border-radius: var(--br-29xl);
  width: 1.25rem;
  height: 1.25rem;
  object-fit: cover;
  z-index: 1;
}

._CustomerAvatarContainer_7tf40_385 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}

._Submenu1_7tf40_392 {
  position: relative;
  line-height: 22px;
}

._TimeStamp_7tf40_396 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
  font-size: 0.70rem;
  color: var(--color-slategray-100);
}

._NotificationCount_7tf40_405 {
  border-radius: var(--br-base);
  background-color: var(--colorerrorbase);
  border: 1px solid var(--gray-gray-1);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-9xs);
  text-align: center;
  color: var(--gray-gray-1);
  margin-left: 5px;
}

._Div2_7tf40_423 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-11xs);
  color: var(--color-slategray-100);
}

._CardDetailsView_7tf40_432 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xs);
}

._VectorLine_7tf40_440 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  opacity: 0.25;
}

._CardDetailsViewContainer_7tf40_449 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}

._ChatCardDiv_7tf40_457 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-mini);
  color: var(--brand-old-blue);
}

._CardContainer_7tf40_466 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-base);
}

._IconDollarcircleoutlined1_7tf40_474 {
  position: none;
  width: 16px;
  height: 16px;
  object-fit: cover;
  display: none;
}

._TagContent_7tf40_481 {
  height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-7xs);
}

._TagParent_7tf40_489 {
  flex: 1;
  max-width: 110px;
  border-radius: var(--br-9xs);
  background-color: var(--color-whitesmoke-400);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px var(--padding-5xs);
}

._emptyDiv_7tf40_500 {
  flex: 1;
}

._containerTags_7tf40_503 {
  display: flex;
  width: 100%;
}

._ChatListCardTags_7tf40_507 {
  width: 100%;
  flex: 6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  display: flex;
    flex-wrap: wrap;
  color: var(--color-darkslategray);
}

._ChatListCard_7tf40_507 {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lavender-200);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem 0.75rem;
  gap: 8px;
}

._ChatListCard_7tf40_507:hover {
  background-color: var(--color-aliceblue-300);
  border-top: 1px solid var(--color-deepskyblue-100);
  border-bottom: 1px solid var(--color-deepskyblue-100);
  cursor: pointer;
}

._ChatListCard_7tf40_507:hover ._TagParent_7tf40_489 {
  border-radius: var(--br-9xs);
  background-color: var(--gray-gray-1);
  border: 1px solid rgba(98, 127, 153, 0.7);
  color: #627f99;
}

._selected_7tf40_541 {
  background-color: var(--color-aliceblue-300);
  border-top: 1px solid var(--color-deepskyblue-100);
  border-bottom: 1px solid var(--color-deepskyblue-100);
}

._ChatListCardContainer_7tf40_546 {
  align-self: stretch;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 0px var(--padding-13xl);
  gap: 0px;
  font-size: 14px;
  max-height: 100vh;
  overflow:scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; 
}

._ChatListCardContainer_7tf40_546::-webkit-scrollbar {
  display: none;
}

._ChatListContent_7tf40_564 {
  background-color: var(--gray-gray-1);
  box-shadow: 1px 0px 2px rgba(20, 21, 23, 0.04);
  border-right: 1px solid var(--color-gainsboro-200);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  height:95vh;
}

._ChatList_7tf40_42 {
  font-size: 0.90rem;
  max-height: 100vh;
}

._ChatList_7tf40_42::-webkit-scrollbar {
  display: none;
}

._iconStyle_7tf40_584 {
  display: flex;
  width: 22.4px;
  height: 22.4px;
  /* padding: 5px; */
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 0.8px solid #E8E8E8;
  background-color: #f5f5f5;
}

/* ===================== */

._Banner_7tf40_598 {
  height: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
}

._Bannertext_7tf40_609 {
  color: #8c8c8c;
  font-size: 11px;
  position: absolute;
  transition: transform 0.2s ease, opacity 0.4s ease;
}

._BannerTime_7tf40_616 {
  transform: translateY(0);
}

._BannerTags_7tf40_620 {
  transform: translateY(100%);
  opacity: 0;
}

._Banner_7tf40_598:hover ._BannerTime_7tf40_616 {
  transform: translateY(-100%);
  opacity: 0;
}

._Banner_7tf40_598:hover ._BannerTags_7tf40_620 {
  transform: translateY(0);
  opacity: 1;
}

._SubCardContainer_7tf40_635 {
  font-size: 10px;
  width: 100%;
  gap: 4px;
  display: flex;
  flex-direction: column;
}

._agentInfoRow_7tf40_642 {
  display: flex;
  gap: 4px;
  width: 100%;
  font-size: 11px;
}

._agentName_7tf40_649 {
  color: green;
}

._agentAssignTime_7tf40_653 {
  color: #8c8c8c;
}

._tagsWrap_7tf40_657 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._tagChip_7tf40_663 {
  background-color: #ebebeb;
  color: #525252;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  font-size: 11px;
}

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

._tooltipTagItem_7tf40_678 {
  color: #525252;
  padding: 0px 0px;
  border-radius: 10px;
  display: flex;
  gap: 6px;
}

._moreTagsButton_7tf40_685 {
  background-color: #ebebeb;
  color: #525252;
  padding: 2px 8px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
}

._lastActionText_7tf40_694 {
  color: #8c8c8c;
  margin-top: 2px;
}.container {
    min-height: calc(100vh - 64px);
    margin: 0px 30px 0px 30px;
}
.back-arrow {
    display: flex;
    align-items: center;
    rotate: 90deg;
  }.fieldText {
    width: 100%;
    border: none;
    background-color: inherit;
    font-size: 12px;
    color: black;
    outline: none;
    padding: 10px 0px;
  }

.segmentName {
  display: flex;
  flex-direction: row;
  width: 100%;
}  

.segmentCriteria{
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
 
}

.segmentWrapper {
  border: 1px solid rgba(203, 210, 222, 1);
  margin-top: 0px;
  padding:20px;
  flex-wrap: wrap;
  border-radius: 5px;
}
.boxes { 
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wrapperOuter {
  margin-top: 20px;
}
.hint { 
  font:400 12px /22px Inter;
  color: #00000073;

}
.fieldWrapper{
  display: flex;
  flex-direction: column;
  flex:1
}
.flexRow {
  display: flex;
  flex-direction: row;
} 
.topMargin {
  margin-top: 20px;
}
.flexWrap {
  flex-wrap: wrap;
}
.btns {
  display: flex;
  gap: 5px;
  margin-top: 2rem;
  flex-direction: row-reverse;
  align-items: center
}
.orAndBtn {
  display: flex;
  gap: 1.3rem;
  margin-top: 22px;
  justify-content: center;

}
.alignCenter {
  justify-content: center;
}
.operator {
  display: flex;
  font-size: 13px;
  border: 1px solid var(--border-variant-1);
  padding: 3px 20px;
  border-radius: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  gap: 20px;

}
.operatorWrapper {
  width:100%;
  justify-content: center;
  display: flex;
  padding:15px 0px;
}
.dashedline {
  flex: 1;
  margin: 14px;
  border-top: 1px dashed var(--border-variant-1);
}
.deleteSegment {
  display: flex;
  justify-content: flex-end;
}

.dashedBorder {
  display: flex;
  border: 1.5px dashed var(--border-variant-1) ;
  padding: 5px;
  font:300 12px/14px Inter;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
}
.filterOptionsDiv{
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  gap: 20px;
  margin-left: 60px;
}

.whereText{
  font: 400 12px/14px Inter;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: -10px;
}

.filterDeleteIcon {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dateRange {
  border-radius: 4px !important;
  border: 1px solid rgb(196, 196, 196);
  height: 32px !important;
  padding: 4px 8px;
  &:hover,
  &:focus {
    border-color: #40a9ff !important;
  }
}
._checkboxCustom_ytyfy_1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    position: relative;
    outline: none;
    background-color: white;
    display: flex;
    align-items: center;
}

._checkboxCustom_ytyfy_1:checked {
    background-color: #004b8d;
    border-color: #004b8d;
}

._checkboxCustom_ytyfy_1:checked::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

._checkboxCustom_ytyfy_1:hover {
    border-color: #004b8d;
}
._Container_1bw6t_1 {
  position: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._NavDiv_1bw6t_10 {
  align-self: stretch;
  background-color: #fff;
  /* border-bottom: 1px solid #ededed; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}

._NavDiv1_1bw6t_21 {
  flex: 1;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._NavDiv2_1bw6t_30 {
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.88);
  margin-right: -10px;
}

._Button1_1bw6t_40 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
}

._Button1_1bw6t_40:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}

._Selected_1bw6t_58 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._Content1_1bw6t_64 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._ButtonParent_1bw6t_73 {
  flex: 1;
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap:3px
}

._IconSearchoutlined_1bw6t_87 {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

._SearchContainer_1bw6t_95 {
  flex: 1;
  border-radius: 6px;
  background-color: #f5f7f9;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 16px;
  color: #627f99;
}

._ButtonDiv_1bw6t_111 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  color: #fff;
  cursor: pointer;
}

._IconCloseoutlined_1bw6t_125 {
  width: 12px;
  position: relative;
  height: 12px;
  cursor: pointer;
}

._FilterTag_1bw6t_132 {
  position: relative;
  line-height: 20px;
}

._Filter_1bw6t_132 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #627f99;
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 2px 8px;
  gap: 4px;
}

._FiltersDiv_1bw6t_150 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

._AppliedFiltersDiv_1bw6t_160 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 16px;
  gap: 16px;
  font-size: 12px;
  color: #fff;
  width:90%;
}
._Button_1bw6t_40 {
  position: relative;
  line-height: 22px;
  font-size: 12px;
}
._Content_1bw6t_64 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 32px;
}
._Input_1bw6t_186 {
  border: none;
  background-color: #f5f7f9;
  outline: none;
  padding: 5px;
  color: #627f99;
  justify-content: flex-start;
  width: 200px;
}
._Text_1bw6t_195 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
}
.StyledModal {
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #d6d6d6;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  display: flex;
  width: 300px;
  max-width: 408px;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
}

.ModalHeader {
  font-family: Inter, sans-serif;
  border-radius: 8px 8px 0px 0px;
  background-color: #fafafa;
  width: 100%;
  color: #808080;
  text-align: left;
  line-height: 24px;
  padding: 6px 16px;
}

.ModalBody {
  margin-top: 16px;
  padding: 0 16px;
}

.FormatSelectorTitle {
  color: #627f99;
  font-family: Inter, sans-serif;
}

.FormatOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f7f9;
  margin-top: 8px;
  padding: 8px;
  line-height: 1.57;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}

.FormatLabel {
  flex-grow: 1;
  font-family: Inter, sans-serif;
}

.FormatIcon {
  width: 16px;
  height: 16px;
  object-fit: cover;
}

.ModalDivider {
  background-color: #e5e5ef;
  min-height: 1px;
  margin: 16px 0;
  width: 100%;
}

.ExportButton {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  align-self: center;
  border-radius: 8px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  background-color: #00325e;
  width: 100%;
  max-width: 276px;
  color: #fff;
  padding: 8px;
  font: 500 16px/150% Inter, sans-serif;
  margin-top: 16px;
}

.ModalContainer {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 60px;
  right: 20px;
  width: auto;
  height: auto;
  z-index: 999;
}

.ModalContainer.open {
  display: flex;
}
._div_11dg9_1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  font-size: 12px;
}

._div1_11dg9_11 {
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  gap: 5px;
  width:18%;
}

._iconOutlined_11dg9_26 {
  width: 20px;
  position: relative;
  height: 20px;
}

._title_11dg9_32 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5px;
}

._iconTagoutlinedWrapper_11dg9_40 {
  border-radius: 32px;
  background-color: #fff;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #eff4f6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

._iconInfocircleoutlined_11dg9_52 {
  width: 17.33px;
  position: relative;
  height: 17.33px;
}

._iconInfocircleoutlinedWrapper_11dg9_58 {
  border-radius: 30.33px;
  background-color: #f2f4f9;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4.333333492279053px;
  cursor: pointer;
}

._iconDiv_11dg9_69 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

._numberText_11dg9_77 {
  position: relative;
  line-height: 32px;
  font-weight: 600;
  font-size: 18px;
}

._title1_11dg9_84 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5px;
  font-size: 24px;
  color: #041829;
}

._textGroup_11dg9_94 {
  width: 218px;
  height: 54px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._div2_11dg9_103 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px 16px;
  gap: 32px;
}

._newTag1_11dg9_116 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}

._tag_11dg9_122 {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  gap: 3.5px;
  font-size: 10px;
  color: #19970e;
}

._textContainer_11dg9_135 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

._textDiv_11dg9_143 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5px;
  text-align: right;
  font-size: 10px;
}

._div3_11dg9_154 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 6px 0px 0px;
  gap: 5px;
}

._text3_11dg9_164 {
  position: relative;
  line-height: 22px;
}

._iconCloseoutlined_11dg9_169 {
  width: 12px;
  position: relative;
  height: 12px;
}
.Title2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.TitleContainer {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

.Datepicker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  font-size: 14px;
}

.BarGraphHeaderDiv {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.Identifier {
  width: 8px;
  position: relative;
  border-radius: 16px;
  height: 8px;
}

.IdentifierParent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #627f99;
}

.LabelDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width:100%;
}

.LabelContainer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  font-size: 22px;
}

.BarGraphHeaderDivConatiner {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 25px;
}

.SimpleBarInnerContainer {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 24px;
}

.GraphLabel {
  position: relative;
  line-height: 22px;
}

.Conversations {
  position: relative;
  line-height: 24px;
  font-weight: 600;
  font-size: 18px;
}
._widgetContainer_1opn8_1 {
  justify-content: center;
  align-items: start;
  align-self: stretch;
  display: flex;
  gap: 16px;
}

._iconContainer_1opn8_9 {
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  border: 1.25px solid #eff4f6;
  box-shadow: 0px 1.25px 1.25px 0px rgba(20, 21, 23, 0.06);
  background-color: #fff;
  display: flex;
  aspect-ratio: 1;
  width: 45px;
  height: 45px;
  padding: 10px;
}

._styledImg_1opn8_23 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
}

._detailsContainer_1opn8_29 {
  align-self: stretch;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding-right: 71px;
}

._additionalDetails_1opn8_37 {
  color: #627f99;
  white-space: nowrap;
  font: 400 14px/157% Inter, sans-serif;
}

._customerBreakdown_1opn8_43 {
  color: #041829;
  font: 600 18px/133% Inter, sans-serif;
}
.progress-bar-container {
  margin: 20px auto;
  background-color: #f0f0f0;
  border-radius: 100px;
}

.progress-bars-container{
  width:100%
}

.progress-bar {
  height: 15px;
  background-color: #0d0799;
  border-radius: 10px;
  transition: width 0.3s ease-in-out;
}

.progress-text {
  color: white;
  font-weight: bold;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-bar-label {
  display: flex;
  justify-content: space-between;
}

.ProgressBarHeading {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.IconRiseoutlinedWrapper {
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 0px 1.25px 1.25px rgba(20, 21, 23, 0.06);
  border: 1.3px solid #eff4f6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.TitleGroup {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 7px;
  font-size: 20px;
  color: #041829;
}

.TextParent2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.GraphLabel {
  position: relative;
  line-height: 22px;
}

.Conversations {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}
._outerContainer_nk2d1_1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  color: #041829;
}

._innerContainer_nk2d1_10 {
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  height: 100%;
}

._wrapper_nk2d1_23 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 12px;
  height: 100%;
}

._headingDiv_nk2d1_36 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 18px;
  margin-bottom: 40px;
}

._heading_nk2d1_36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._text1_nk2d1_53 {
  position: relative;
  line-height: 28px;
  font-weight: 600;
}

._text2_nk2d1_59 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 14px;
  color: #627f99;
}

._datepicker_nk2d1_69 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  font-size: 14px;
}

._labelContainer_nk2d1_79 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  height: 90%;
}

._textWrap_nk2d1_88 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._iconStarfilledParent_nk2d1_96 {
  border-right: 0.5px solid rgba(0, 0, 0, 0.06);
  border-left: 0.5px solid rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 8px;
  gap: 2px;
}

._button_nk2d1_107 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
}

._buttonDiv_nk2d1_113 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  color: #fff;
}

._buttonDiv_nk2d1_113:hover {
  cursor: pointer;
}

._buttonText_nk2d1_130 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._iconStarfilled_nk2d1_96 {
  width: 20px;
  position: relative;
  height: 20px;
}

._lineIcon_nk2d1_145 {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

._csatDiv_nk2d1_153 {
  height: 20%;
  width: 100%;
}

._hrLine_nk2d1_158 {
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid #0000000f;
}
.StyledDiv {
  position: relative;
}

.StyledStrong {
  position: relative;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.StyledParagraph {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}

.StyledListItem {
  flex: 1;
  position: relative;
  line-height: 22px;
}

.StyledTitleParent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.StyledFrameParent {
  align-self: stretch;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.StyledTitle {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}

.StyledReplies {
  position: relative;
  line-height: 24px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  height: 24px;
  flex-shrink: 0;
  margin-right: 6px
}

.StyledLabel {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.StyledText {
  width: 84px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.StyledTextLong {
  width: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  opacity: 0.74;
}

.StyledLabelSpaceBetween {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px;
}

.StyledLineIcon {
  position: absolute;
  width: 100%;
  top: calc(50% - 0px);
  right: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.StyledDivider {
  height: 2px;
  overflow: hidden;
}

.StyledLabelParent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
  font-size: 15px;
  color: #627f99;
}

.StyledLabelParentTall {
  align-self: stretch;
  height: 307px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  font-size: 14px;
}

.StyledFrameParentWide {
  flex: 1;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  gap: 24px;
}

.StyledFrameWrapper {
  width: 50%;
  border-radius: 10px;
  background-color: #eff4f6;
  border: 1px solid #e6ebf2;
  box-sizing: border-box;
  height: 419px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
}
._filterDropdown_sg176_1 {
    padding: 8px;
    width: 200px;
  }
  
  ._searchInput_sg176_6 {
    margin-bottom: 8px;
  }
  
  ._optionsContainer_sg176_10 {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-items: start;
    max-height: 200px;
    overflow-y: auto;
  }
  
  ._optionItem_sg176_19 {
    margin-bottom: 4px;
  }
  
  ._buttonContainer_sg176_23 {
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  
  ._button_sg176_23 {
    width: 90px;
  }
  ._headerContainer_sg176_32 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0;
  }

  ._headerTitle_sg176_40 {
    margin-top: 20px;
  }

  ._modalContainer_sg176_44 {
    justify-content: center;
    display: flex;
  }

  ._feedbackTimeContainer_sg176_49 {
    text-align: right;
    margin-top: 10px;
    border-top: 0px solid #eee;
    padding-top: 10px;
  }

  ._transparentListItem_sg176_56 {
    background-color: transparent !important;
  }:root {
  font-family: "Inter var", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family: "Inter var", sans-serif;
  --font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --surface-a: #ffffff;
  --surface-b: #f9fafb;
  --surface-c: #f3f4f6;
  --surface-d: #e5e7eb;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #4b5563;
  --text-color-secondary: #6b7280;
  --primary-color: #6366f1;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f9fafb;
  --surface-100: #f3f4f6;
  --surface-200: #e5e7eb;
  --surface-300: #d1d5db;
  --surface-400: #9ca3af;
  --surface-500: #6b7280;
  --surface-600: #4b5563;
  --surface-700: #374151;
  --surface-800: #1f2937;
  --surface-900: #111827;
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --gray-300: #d1d5db;
  --gray-400: #9ca3af;
  --gray-500: #6b7280;
  --gray-600: #4b5563;
  --gray-700: #374151;
  --gray-800: #1f2937;
  --gray-900: #111827;
  --content-padding: 1.25rem;
  --inline-spacing: 0.5rem;
  --border-radius: 6px;
  --surface-ground: #f9fafb;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dfe7ef;
  --surface-hover: #f6f9fc;
  --focus-ring: 0 0 0 0.2rem #c7d2fe;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #eef2ff;
  --highlight-text-color: #4338ca;
  color-scheme: light;
}

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url("/assets/InterVariable-8af7bd5b.woff2") format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url("/assets/InterVariable-Italic-0470791f.woff2") format("woff2");
}
:root {
  --blue-50:#f5f9ff;
  --blue-100:#d0e1fd;
  --blue-200:#abc9fb;
  --blue-300:#85b2f9;
  --blue-400:#609af8;
  --blue-500:#3b82f6;
  --blue-600:#326fd1;
  --blue-700:#295bac;
  --blue-800:#204887;
  --blue-900:#183462;
  --green-50:#f4fcf7;
  --green-100:#caf1d8;
  --green-200:#a0e6ba;
  --green-300:#76db9b;
  --green-400:#4cd07d;
  --green-500:#22c55e;
  --green-600:#1da750;
  --green-700:#188a42;
  --green-800:#136c34;
  --green-900:#0e4f26;
  --yellow-50:#fefbf3;
  --yellow-100:#faedc4;
  --yellow-200:#f6de95;
  --yellow-300:#f2d066;
  --yellow-400:#eec137;
  --yellow-500:#eab308;
  --yellow-600:#c79807;
  --yellow-700:#a47d06;
  --yellow-800:#816204;
  --yellow-900:#5e4803;
  --cyan-50:#f3fbfd;
  --cyan-100:#c3edf5;
  --cyan-200:#94e0ed;
  --cyan-300:#65d2e4;
  --cyan-400:#35c4dc;
  --cyan-500:#06b6d4;
  --cyan-600:#059bb4;
  --cyan-700:#047f94;
  --cyan-800:#036475;
  --cyan-900:#024955;
  --pink-50:#fef6fa;
  --pink-100:#fad3e7;
  --pink-200:#f7b0d3;
  --pink-300:#f38ec0;
  --pink-400:#f06bac;
  --pink-500:#ec4899;
  --pink-600:#c93d82;
  --pink-700:#a5326b;
  --pink-800:#822854;
  --pink-900:#5e1d3d;
  --indigo-50:#f7f7fe;
  --indigo-100:#dadafc;
  --indigo-200:#bcbdf9;
  --indigo-300:#9ea0f6;
  --indigo-400:#8183f4;
  --indigo-500:#6366f1;
  --indigo-600:#5457cd;
  --indigo-700:#4547a9;
  --indigo-800:#363885;
  --indigo-900:#282960;
  --teal-50:#f3fbfb;
  --teal-100:#c7eeea;
  --teal-200:#9ae0d9;
  --teal-300:#6dd3c8;
  --teal-400:#41c5b7;
  --teal-500:#14b8a6;
  --teal-600:#119c8d;
  --teal-700:#0e8174;
  --teal-800:#0b655b;
  --teal-900:#084a42;
  --orange-50:#fff8f3;
  --orange-100:#feddc7;
  --orange-200:#fcc39b;
  --orange-300:#fba86f;
  --orange-400:#fa8e42;
  --orange-500:#f97316;
  --orange-600:#d46213;
  --orange-700:#ae510f;
  --orange-800:#893f0c;
  --orange-900:#642e09;
  --bluegray-50:#f7f8f9;
  --bluegray-100:#dadee3;
  --bluegray-200:#bcc3cd;
  --bluegray-300:#9fa9b7;
  --bluegray-400:#818ea1;
  --bluegray-500:#64748b;
  --bluegray-600:#556376;
  --bluegray-700:#465161;
  --bluegray-800:#37404c;
  --bluegray-900:#282e38;
  --purple-50:#fbf7ff;
  --purple-100:#ead6fd;
  --purple-200:#dab6fc;
  --purple-300:#c996fa;
  --purple-400:#b975f9;
  --purple-500:#a855f7;
  --purple-600:#8f48d2;
  --purple-700:#763cad;
  --purple-800:#5c2f88;
  --purple-900:#432263;
  --red-50:#fff5f5;
  --red-100:#ffd0ce;
  --red-200:#ffaca7;
  --red-300:#ff8780;
  --red-400:#ff6259;
  --red-500:#ff3d32;
  --red-600:#d9342b;
  --red-700:#b32b23;
  --red-800:#8c221c;
  --red-900:#661814;
  --primary-50:#f7f7fe;
  --primary-100:#dadafc;
  --primary-200:#bcbdf9;
  --primary-300:#9ea0f6;
  --primary-400:#8183f4;
  --primary-500:#6366f1;
  --primary-600:#5457cd;
  --primary-700:#4547a9;
  --primary-800:#363885;
  --primary-900:#282960;
}

.p-editor-container .p-editor-toolbar {
  background: #f9fafb;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6b7280;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.75rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #4b5563;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #4b5563;
  background: #f3f4f6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #e5e7eb;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #4b5563;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #4b5563;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #6366f1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #6366f1;
}

@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }
  .p-disabled, .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #e24c4c;
  }
  .p-text-secondary {
    color: #6b7280;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.375rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #eef2ff;
    color: #4338ca;
    border-radius: 6px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #4b5563;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #e5e7eb;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #6366f1;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #d1d5db;
    color: #4b5563;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #e5e7eb;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #e5e7eb;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.75rem 0.75rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #d1d5db;
    border-radius: 6px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #6366f1;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #4338ca;
    background: #4338ca;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #e24c4c;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #6366f1;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f3f4f6;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #4338ca;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #6366f1;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.375rem 0.75rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #e5e7eb;
    color: #4b5563;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-dropdown.p-variant-filled {
    background: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.75rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6b7280;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.75rem;
    margin-right: -1.75rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #f3f4f6;
    color: #6b7280;
    border-top: 1px solid #d1d5db;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    padding: 0.75rem 0.75rem;
    min-width: 3rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #d1d5db;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
    outline-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #6366f1;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b7bcc5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #4f46e5;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #e24c4c;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #4b5563;
    background: #ffffff;
    padding: 0.75rem 0.75rem;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #6366f1;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-float-label > label {
    left: 0.75rem;
    color: #6b7280;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #e24c4c;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2.5rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2.5rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2.5rem;
  }
  ::-webkit-input-placeholder {
    color: #6b7280;
  }
  :-moz-placeholder {
    color: #6b7280;
  }
  ::-moz-placeholder {
    color: #6b7280;
  }
  :-ms-input-placeholder {
    color: #6b7280;
  }
  .p-input-filled .p-inputtext {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.75rem;
    color: #6b7280;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2.5rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.75rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-listbox .p-listbox-list {
    padding: 0.75rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-listbox.p-invalid {
    border-color: #e24c4c;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-mention-panel .p-mention-items {
    padding: 0.75rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-multiselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.75rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-password.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }
  .p-password-panel {
    padding: 1.25rem;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #e5e7eb;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #ea5455;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ff9f42;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
  }
  .p-radiobutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 22px;
    height: 22px;
  }
  .p-radiobutton .p-radiobutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #d1d5db;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #d1d5db;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #4b5563;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #6366f1;
    background: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #6366f1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #4338ca;
    background: #4338ca;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #e24c4c;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #4338ca;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #6366f1;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #4338ca;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #6366f1;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #374151;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-slider {
    background: #e5e7eb;
    border: 0 none;
    border-radius: 6px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #6366f1;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-slider .p-slider-range {
    background: #6366f1;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #6366f1;
    border-color: #6366f1;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #d1d5db;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #6366f1;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.75rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6b7280;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6b7280;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6b7280;
    right: 3rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.75rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f3f4f6;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-togglebutton {
    position: relative;
    display: inline-flex;
    user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #d1d5db;
    border-radius: 6px;
  }
  .p-togglebutton .p-button {
    background: #ffffff;
    border: 1px solid #d1d5db;
    color: #4b5563;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6b7280;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #6366f1;
    border-color: #6366f1;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #4b5563;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #374151;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #4f46e5;
    border-color: #4f46e5;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: #6366f1;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #e24c4c;
  }
  .p-button {
    color: #ffffff;
    background: #6366f1;
    border: 1px solid #6366f1;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-button:not(:disabled):hover {
    background: #4f46e5;
    color: #ffffff;
    border-color: #4f46e5;
  }
  .p-button:not(:disabled):active {
    background: #4338ca;
    color: #ffffff;
    border-color: #4338ca;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #6366f1;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #64748b;
    border: 1px solid #64748b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e2e8f0;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #334155;
    color: #ffffff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0ea5e9;
    border: 1px solid #0ea5e9;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #0284c7;
    color: #ffffff;
    border-color: #0284c7;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bfdbfe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #0369a1;
    color: #ffffff;
    border-color: #0369a1;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #22c55e;
    border: 1px solid #22c55e;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #16a34a;
    color: #ffffff;
    border-color: #16a34a;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #bbf7d0;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #15803d;
    color: #ffffff;
    border-color: #15803d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #ffffff;
    background: #f97316;
    border: 1px solid #f97316;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #ea580c;
    color: #ffffff;
    border-color: #ea580c;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde68a;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #c2410c;
    color: #ffffff;
    border-color: #c2410c;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #a855f7;
    border: 1px solid #a855f7;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #9333ea;
    color: #ffffff;
    border-color: #9333ea;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #e9d5ff;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7e22ce;
    color: #ffffff;
    border-color: #7e22ce;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #ef4444;
    border: 1px solid #ef4444;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #dc2626;
    color: #ffffff;
    border-color: #dc2626;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fecaca;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #b91c1c;
    color: #ffffff;
    border-color: #b91c1c;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
    color: #ffffff;
    background: #1f2937;
    border: 1px solid #1f2937;
  }
  .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
    background: #374151;
    color: #ffffff;
    border-color: #374151;
  }
  .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
    background: #4b5563;
    color: #ffffff;
    border-color: #4b5563;
  }
  .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
    background-color: transparent;
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    color: #1f2937;
    border: 1px solid;
  }
  .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
    background-color: transparent;
    color: #1f2937;
    border-color: transparent;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(31, 41, 55, 0.04);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
    background: rgba(31, 41, 55, 0.16);
    border-color: transparent;
    color: #1f2937;
  }
  .p-button.p-button-link {
    color: #4338ca;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #4338ca;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 6px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #6366f1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6b7280;
    border-color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(99, 102, 241, 0.04);
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(99, 102, 241, 0.16);
    color: #6366f1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #f3f4f6;
    color: #6b7280;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #e5e7eb;
    color: #6b7280;
  }
  .p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #64748b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #64748b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0ea5e9;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(14, 165, 233, 0.04);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(14, 165, 233, 0.16);
    border-color: transparent;
    color: #0ea5e9;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #22c55e;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #22c55e;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22c55e;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #f97316;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #f97316;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(249, 115, 22, 0.04);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(249, 115, 22, 0.16);
    border-color: transparent;
    color: #f97316;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #a855f7;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #a855f7;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #a855f7;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #ef4444;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #ef4444;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #ef4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #ef4444;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #4b5563;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #022354;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #d1d5db;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #9ca3af;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 700;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #eef2ff;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #eef2ff;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-datatable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f9fafb;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f9fafb;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable-drag-selection-helper {
    background: rgba(99, 102, 241, 0.16);
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e5e7eb;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.75rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1.25rem;
    border-bottom: 1px solid #e5e7eb;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #f8f8fa;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #f3f4f6;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6f91ff;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e5e7eb;
    border-color: #e5e7eb;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-paginator {
    background: #ffffff;
    color: #6b7280;
    border: solid #f3f4f6;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6b7280;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #eef2ff;
    border-color: #eef2ff;
    color: #4338ca;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #f3f4f6;
    border-color: transparent;
    color: #374151;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1.25rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    font-weight: 700;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #4b5563;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    padding: 1.25rem;
    border-radius: 6px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6b7280;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #4338ca;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.75rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #6b7280;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #8ba7ff;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #f9fafb;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #374151;
    background: #f9fafb;
  }
  .p-treetable .p-sortable-column {
    outline-color: #c7d2fe;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #374151;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #4338ca;
    background: #eef2ff;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #374151;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #374151;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #4b5563;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e5e7eb;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #4b5563;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #c7d2fe;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #4338ca;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #4b5563;
  }
  .p-treetable .p-column-resizer-helper {
    background: #6366f1;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f9fafb;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #4338ca;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #f8f8fa;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #6366f1;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #e5e7eb;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-accordion .p-accordion-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 4px;
  }
  .p-card {
    background: #ffffff;
    color: #4b5563;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
  }
  .p-card .p-card-body {
    padding: 1.25rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6b7280;
  }
  .p-card .p-card-content {
    padding: 1.25rem 0;
  }
  .p-card .p-card-footer {
    padding: 1.25rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-radius: 6px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    background: #f9fafb;
    font-weight: 700;
    border-radius: 6px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1.25rem;
    color: #374151;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1.25rem;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #e5e7eb;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #e5e7eb;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-panel .p-panel-header {
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    background: #f9fafb;
    color: #374151;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
  }
  .p-panel .p-panel-footer {
    padding: 0.75rem 1.25rem;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0 none;
  }
  .p-splitter {
    border: 1px solid #e5e7eb;
    background: #ffffff;
    border-radius: 6px;
    color: #4b5563;
  }
  .p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f9fafb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #e5e7eb;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #e5e7eb;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6b7280;
    font-weight: 700;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #4b5563;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1.25rem;
    color: #4b5563;
  }
  .p-stepper .p-stepper-separator {
    background-color: #e5e7eb;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #4b5563;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #6366f1;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f9fafb;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #ffffff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #6366f1;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-toolbar {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
    border-radius: 6px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1.25rem 1.25rem 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #374151;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #4b5563;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #6366f1;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #4f46e5;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #374151;
    border-color: transparent;
    background: #f3f4f6;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #4b5563;
    color: #ffffff;
    padding: 0.75rem 0.75rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #4b5563;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #4b5563;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #4b5563;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #4b5563;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f9fafb;
    padding: 1.25rem;
    border: 1px solid #e5e7eb;
    color: #374151;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #e5e7eb;
    color: #4b5563;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #4b5563;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6b7280;
  }
  .p-contextmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #c7d2fe;
  }
  .p-dock .p-dock-action {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #4b5563;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.5rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #374151;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f9fafb;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6b7280;
    background: #f3f4f6;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6b7280;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6b7280;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #c7d2fe;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #e5e7eb;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 0.875rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
      color: #4b5563;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #4b5563;
      padding: 0.75rem 1.25rem;
      user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6b7280;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #4338ca;
      background: #eef2ff;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4338ca;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #4338ca;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: rgba(99, 102, 241, 0.24);
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #4b5563;
      background: #e5e7eb;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #4b5563;
      background: #f3f4f6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #4b5563;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6b7280;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #e5e7eb;
    color: #6b7280;
    background: #f9fafb;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f9fafb;
    border-color: #e5e7eb;
    color: #374151;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #e5e7eb;
    background: #f3f4f6;
    color: #374151;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
  }
  .p-slidemenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #eef2ff;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #4338ca;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #4338ca;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color: #4b5563;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #4b5563;
    border: 1px solid #f3f4f6;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6b7280;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #4b5563;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #e5e7eb;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #e5e7eb;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #e5e7eb transparent;
    background: #ffffff;
    color: #6b7280;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #c7d2fe;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #9ca3af;
    color: #6b7280;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #6366f1;
    color: #6366f1;
  }
  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #4b5563;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #4b5563;
    padding: 0.75rem 1.25rem;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6b7280;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #4338ca;
    background: #eef2ff;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4338ca;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4338ca;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(99, 102, 241, 0.24);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #4b5563;
    background: #e5e7eb;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #4b5563;
    background: #f3f4f6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #4b5563;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6b7280;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #e5e7eb;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.75rem 0.75rem;
    margin: 0;
    border-radius: 6px;
  }
  .p-inline-message.p-inline-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0px;
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #3b82f6;
  }
  .p-inline-message.p-inline-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0px;
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0px;
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0px;
    color: #ff5757;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 6px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-message.p-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-icon {
    color: #3b82f6;
  }
  .p-message.p-message-info .p-message-close {
    color: #3b82f6;
  }
  .p-message.p-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-icon {
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-close {
    color: #1ea97c;
  }
  .p-message.p-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-close {
    color: #cc8925;
  }
  .p-message.p-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-icon {
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-close {
    color: #ff5757;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 1;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: rgba(219, 234, 254, 0.7);
    border: solid #3b82f6;
    border-width: 0 0 0 6px;
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #3b82f6;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: rgba(228, 248, 240, 0.7);
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: rgba(255, 242, 226, 0.7);
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: rgba(255, 231, 230, 0.7);
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f9fafb;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f9fafb;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #d1d5db;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #9ca3af;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #eef2ff;
    color: #4338ca;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f9fafb;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f9fafb;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #e5e7eb;
    color: #4b5563;
    border-radius: 16px;
    padding: 0 0.75rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f9fafb;
  }
  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e5e7eb;
    border-radius: 6px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  }
  .p-tag {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.75rem 0.75rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #f3f4f6;
    color: #4b5563;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #c7d2fe;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #6366f1;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #6366f1;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #e5e7eb;
    border-radius: 6px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #6366f1;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #e5e7eb;
    padding: 1.25rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #64748b;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-badge.p-badge-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-tag {
    background: #6366f1;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22c55e;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0ea5e9;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #f97316;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #ef4444;
    color: #ffffff;
  }
}
@layer primereact {
  .p-button-label {
    font-weight: 700;
  }
  .p-selectbutton > .p-button,
  .p-togglebutton.p-button {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #6366f1;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #6366f1;
  }
  .p-button:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-info:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-warning:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-help:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-button.p-button-danger:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #6366f1;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #6366f1;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
  }
  .p-toast-message {
    backdrop-filter: blur(10px);
  }
  .p-inline-message-text {
    font-weight: 500;
  }
  .p-picklist-buttons .p-button,
  .p-orderlist-controls .p-button {
    transition: opacity 0.2s, background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #6366f1;
    color: #ffffff;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #6366f1;
    color: #ffffff;
  }
}
.p-dropdown-panel{
    padding: 7px !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    padding: 0.5rem !important;
    border-radius: 4px;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 600;
    background-color: #e6f4ff;
}

.p-dropdown .p-dropdown-trigger {
    width: 2rem;
}
.p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon{
    width: 12px;
}
  ._container_1yyyi_1 {
  position: relative;
  width: 100%;
}

._loaderOverlay_1yyyi_6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

._tableHeader_1yyyi_19 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._headerContent_1yyyi_26 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._title_1yyyi_32 {
  font-family: Inter;
  font-size: 22px;
  margin-top: 10px;
}

._reloadButton_1yyyi_38 {
  align-self: center;
  height: 30px;
  width: 30px;
  border-radius: 100%;
}
.div {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    font-size: 12px;
  }
  
  .div1 {
    flex: 1;
    border-radius: 10px;
    background-color: #eff4f6;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid #e6ebf2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 6px;
    gap: 5px;
  }
  
  .title {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    font-weight: bold;
    color: black;
    gap: 3.5px;
  }
  
  
  .number-text {
    position: relative;
    line-height: 32px;
    font-weight: 600;
  }
  
  .title1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 3.5px;
    font-size: 24px;
    color: #041829;
    margin-top: 60px;
  }
  
  .text-group {
    width: 218px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .div2 {
    align-self: stretch;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 12px 16px;
    gap: 32px;
  }
  
  .new-tag1 {
    position: relative;
    line-height: 20px;
    font-weight: 500;
  }
  
  .tag {
    border-radius: 4px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 1px 1px;
    gap: 3.5px;
    font-size: 10px;
    color: #19970e;
  }
  .text-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
  }
  .text3 {
    position: relative;
    line-height: 22px;
  }

  ._container_18suv_1 {
  align-self: stretch;
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  font-size: 20px;
  color: #041829;
  width: 49.5%
}

._dashboard_18suv_17 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

._innerContainer_18suv_25 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  gap: 24px;
  overflow-x: auto;
  height:100%
}

._dashboardFlexWrapper_18suv_40 {
  gap: 20px;
  display: flex;
  flex-direction: column;
}

._pieChartContainer_18suv_46 {
  display: flex;
  gap: 0px;
  width: 100%;
  justify-content: space-between;
}

._customerDataColumn_18suv_53 {
  display: flex;
  flex-direction: column;
  width: 63%;
  margin-left: 20px;
  justify-content: center;
}

._customerSegment_18suv_61 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

._segmentLabel_18suv_68 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 24px;
  width: 12px;
  height: 12px;
}

._segmentData_18suv_79 {
  color: #627f99;
  font-weight: 400;
  font-size: 12px;
}

._ButtonDiv_18suv_85 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding: 0px 16px;
  color: #fff;
  cursor: pointer;
  height: 30px;
  width: 240px;
  gap: 10px;
}

._Button_18suv_85 {
  position: relative;
  line-height: 22px;
}
._TopMenuContainer_12g00_1 {
  position: none;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
  height: 68px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px 0px 0px;
  color: #a1a1a2;
}

._NavItem_12g00_16 {
  align-self: stretch;
  width: 73px;
  background-color: #f6f9fc;
  border-right: 1px solid #e7e7e7;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0px 12px 0px 16px;
  position: relative;
  font-family: SF Pro Text;
}

._LogoIcon_12g00_31 {
  width: 32px;
  position: relative;
  height: 32px;
}

._LogoWrapper_12g00_37 {
  align-self: stretch;
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 0px;
  box-sizing: border-box;
  z-index: 0;
}

._IconVerticalrightoutlined2_12g00_49 {
  width: 12.5px;
  position: relative;
  height: 12.5px;
}

._IconVerticalrightoutlined_12g00_49 {
  margin: 0 !important;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% + 26px);
  border-radius: 20px;
  background-color: #00325e;
  box-shadow: 1.0714285373687744px 0px 0.71px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 3.75px;
  z-index: 5;
}

._TitleParent_12g00_71 {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0px 0px 22px;
  gap: 16px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.88);
}

._Group_12g00_84 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  color: #627f99;
}

._SearchContainer_12g00_93 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._Content1_12g00_101 {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._Input_12g00_110 {
  width: 100%;
}

._Button1_12g00_114 {
  border-radius: 4px;
  background-color: rgba(97, 181, 255, 0.2);
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  box-sizing: border-box;
  color: #00325e;
}

._Button2_12g00_127 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(98, 127, 153, 0.25);
  box-sizing: border-box;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 16px;
  color: #fff;
}

._Text1_12g00_142 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

._IconUseraddoutlinedParent_12g00_148 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._Avatar_12g00_156 {
  border-radius: 96px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
}

._AvatarChild_12g00_166 {
  width: 32px;
  position: relative;
  border-radius: 999px;
  height: 32px;
  object-fit: cover;
  z-index: 0;
}

._BadgeBasic_12g00_175 {
  margin: 0 !important;
  position: absolute;
  width: 18.75%;
  top: calc(50% - 19px);
  right: -9.37%;
  left: 90.63%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

._Wrapper_12g00_189 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

._Ellipse_12g00_196 {
  width: 8px;
  position: relative;
  border-radius: 50%;
  background-color: #ff4d4f;
  border: 1px solid #fff;
  box-sizing: border-box;
  height: 8px;
}
._container_4vsg2_1 {
    min-height: 100vh;
    background-color: white;
    font-family: 'Poppins', sans-serif;
    padding: 0 33px;
}

._header_4vsg2_8 h3 {
    line-height: 22px;
    font-size: 20px;
    font-weight: 500;
}

._header_4vsg2_8 p {
    color: var(--faded-gray);
    font-size: 12px;
    margin: 5px 0;
}

._message_4vsg2_20 {
    width: 100%;
    height: auto;
    outline: none;
    overflow: scroll;
    line-height: 18px;
    word-wrap: break-word;
    background: transparent;
    border: none;
    padding: 5px;
    padding-top: 0px;
    font-size: 11px;
    font-family: Poppins;
}
._message_4vsg2_20 span{
    color: #004B8D;
    padding: 1px 5px;
    background: rgba(0, 75, 141, 0.30);
}
._buttonContainer_4vsg2_39 {
    display: flex;
    gap: 10px;
    justify-content: start;
    width: calc(80% + 10px);
    margin-top: 20px;
}:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica,
      Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Source Han Sans CN', sans-serif;
  }
  
  ._mainContainer_1kycs_6 {
    overflow: hidden;
  }
  
  ._mainContainer_1kycs_6,
  ._mainContainer_1kycs_6 * {
    box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
    outline: 0;
  }
  
  ._mainContainer_1kycs_6 {
    display: flex;
    position: relative;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
    width: 509px;
    margin: 0 auto;
    padding: 24px 24px 24px 24px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
    overflow-y: auto;
  }
  
  ._textWrapper_1kycs_38 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 23px;
    min-width: 0;
  }
  
  ._frame_1kycs_50 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    z-index: 1;
  }
  
  ._frame1_1kycs_61 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    z-index: 2;
  }
  
  ._createAgent_1kycs_71 {
    flex-shrink: 0;
    flex-basis: auto;
    height: 24px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
  }
  
  ._iconCloseOutlined_1kycs_85 {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    z-index: 4;
    overflow: hidden;
    cursor: pointer;
  }
  
  ._frame2_1kycs_94 {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 32px;
    width: 461px;
    z-index: 7;
  }
  
  ._formItemVertical_1kycs_104 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 214px;
    position: relative;
    z-index: 9999;
  }
  
  ._formItemVertical2_1kycs_115 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    width: 80px;
    position: relative;
    z-index: 9999;
  }
  
  ._inputLabelVertical_1kycs_126 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    min-width: 0;
    padding: 0 0 8px 0;
    z-index: 9;
  }
  
  ._firstName_1kycs_138 {
    flex-shrink: 0;
    flex-basis: auto;
    height: 10px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
  }
  
  ._inputLabel_1kycs_126 {
    flex-shrink: 0;
    flex-basis: auto;
    height: 10px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 600;
    line-height: 10px;
    text-align: left;
    white-space: nowrap;
    z-index: 16;
  }
  
  ._inputBasic_1kycs_166 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    width: 214px;
    height: 32px;
    padding: 0 12px 0 12px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 18;
    border-radius: 6px;
  }
  
  ._buttonContainer_1kycs_181 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
    position: relative;
    width: 461px;
    margin: 0 auto;
  }
  
  ._button_1kycs_181 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 70px;
    padding: 0 16px 0 16px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  }
  
  ._content_1kycs_210 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 38px;
    height: 32px;
    z-index: 1;
  }
  
  ._closeButton_1kycs_223 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 2;
  }
  
  ._button1_1kycs_238 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 65px;
    padding: 0 16px 0 16px;
    cursor: pointer;
    background: #00325e;
    border: 1px solid #00325e;
    z-index: 3;
    border-radius: 6px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  }
  
  ._content2_1kycs_257 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 33px;
    height: 32px;
    z-index: 4;
  }
  
  ._button3_1kycs_270 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 5;
  }

  ._teamMemberItem_1kycs_285 {
    margin-bottom: 8px;
  }
  ._TextA3_jr9ry_1 {
  position: relative;
  line-height: 22px;
}

._TextA2_jr9ry_6 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 47px;
}

._IntersectorTitleText_jr9ry_13 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  color: #00325e;
  display: inline-block;
  min-width: 41px;
}

._Intersecter_jr9ry_22 {
  height: 22px;
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._Button3_jr9ry_32 {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #00325e;
  text-align: left;
  display: inline-block;
  min-width: 51px;
}

._Content3_jr9ry_43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
  gap: 8px;
}

._Button4_jr9ry_52 {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0px 15px;
  background-color: #fff;
  width: 83px;
  border-radius: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._Button5_jr9ry_67 {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #fff;
  text-align: left;
  display: inline-block;
  width: auto;
}

._Button6_jr9ry_78 {
  cursor: pointer;
  border: 1px solid #00325e;
  padding: 0px 15px;
  background-color: #00325e;
  border-radius: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._FormulaProcessor_jr9ry_91 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._Combiner_jr9ry_99 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

._Icon_jr9ry_108 {
  height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._TitleText_jr9ry_116 {
  width: 300px;
  position: relative;
  line-height: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

._Text6_jr9ry_126 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 220px;
  max-width: 100%;
}

._Header_jr9ry_136 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 520px;
  max-width: 100%;
}

._Button7_jr9ry_147 {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #627f99;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: auto
}

._Button8_jr9ry_161 {
  cursor: pointer;
  border: 1px solid rgba(98, 127, 153, 0.2);
  padding: 0px 15px;
  background-color: transparent;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._Button8_jr9ry_161:hover {
  background-color: #F8FCFB  ;
  border-color: rgba(98, 127, 153, 0.5); 
}

._Button10_jr9ry_178 {
  cursor: pointer;
  border: 1px solid #00325e;
  padding: 0px 15px;
  background-color: #00325e;
  border-radius: 6px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._TitleDiv_jr9ry_191{
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  max-width: 100%;
}

._SampleText_jr9ry_202 {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  display: inline-block;
  max-width: 100%;
}

._Header1_jr9ry_211 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  max-width: 100%;
}

._Span_jr9ry_221 {
  font-weight: 600;
}

._TotalTags_jr9ry_225 {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 4px;
  white-space: nowrap;
}

._SampleText1_jr9ry_236 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 54px;
}

._SampleText2_jr9ry_243 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 56px;
}

._Summary_jr9ry_250 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

._Faq_jr9ry_258 {
  height: 28px;
  border-radius: 4px;
  background-color: rgba(0, 50, 94, 0.06);
  border: 1px solid rgba(0, 50, 94, 0.12);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 5px;
  gap: 4px;
  white-space: nowrap;
}

._Faqs_jr9ry_273 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: rgba(0, 50, 94, 0.88);
}

._Body_jr9ry_282 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  max-width: 100%;
  font-size: 12px;
}

._Content4_jr9ry_292 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Container_jr9ry_304 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Divider_jr9ry_320 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  width: 100%;
}
._DeleteButton_5rjkf_1 {
  cursor: pointer;
  border: 1px solid #ff4d4f;
  padding: 0px 7px;
  background-color: transparent;
  height: 24px;
  flex: 1;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._Content_5rjkf_16 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1px 0px;
  gap: 8px;
}

._Delete_5rjkf_1 {
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #ff4d4f;
  text-align: left;
  display: inline-block;
  min-width: 43px;
}

._EditButton_5rjkf_36 {
  cursor: pointer;
  border: 1px solid #1677ff;
  padding: 0px 7px;
  background-color: transparent;
  height: 24px;
  width: 66px;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._Edit_5rjkf_36 {
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #1677ff;
  text-align: left;
  display: inline-block;
  min-width: 26px;
}

._IconLeftoutlined_5rjkf_61 {
  width: 14px;
  height: 14px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

._PaginationItemArrow_5rjkf_69 {
  height: 32px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9px;
  box-sizing: border-box;
  appearance: none;
  border: none;
  background: none;
  cursor: pointer;
}

._Div1_5rjkf_84 {
  align-self: stretch;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  cursor: pointer;
}

._Pagination_5rjkf_69 {
  width: 252px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 0px 8px 20px;
  box-sizing: border-box;
  gap: 8px;
  text-align: center;
  color: rgba(0, 0, 0, 0.88);
}

._PaginationContainer_5rjkf_105 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: #fff;
  margin-top: 10px;
}

._Input_5rjkf_116 {
  width: calc(100% - 38px);
  border: none;
  outline: none;
  background-color: transparent;
  height: 32px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0px;
  box-sizing: border-box;
  font-family: 14px;
  font-size: 14px;
  color: black;
  min-width: 205px;
  max-width: 100%;
}

._InputDiv_5rjkf_136 {
  flex: 1;
  border-radius: 8px 0px 0px 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 11px;
  min-width: 237px;
  max-width: 100%;
}

._SearchButtonContent_5rjkf_153 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
  gap: 8px;
}

._SearchButton_5rjkf_153 {
  height: 32px;
  border-radius: 0px 6px 6px 0px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}

._InputContainer_5rjkf_175 {
  width: 397px;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 20px;
  max-width: 100%;
  @media screen and (max-width: 450px) {
    flex-wrap: wrap;
  }
}

._Filter_5rjkf_192 {
  width: auto;
  font-size: 14px;
  line-height: 22px;
  font-family: 14px;
  color: #00325e;
  text-align: left;
  display: inline-block;
}

._FilterButtonContent_5rjkf_202 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px 0px;
  gap: 4px;
}

._FilterButton_5rjkf_202 {
  cursor: pointer;
  border: 1px solid #00325e;
  padding: 0px 7px;
  background-color: transparent;
  height: 32px;
  width: auto;
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._TableTitle_5rjkf_227 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0px;
  box-sizing: border-box;
  max-width: 100%;
  gap: 20px;
  @media screen and (max-width: 750px) {
    flex-wrap: wrap;
  }
}

._AgentsData_5rjkf_242 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #f6f8fa;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  max-width: 100%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
}

._FillFiller_5rjkf_256 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 16px;
  max-width: 100%;
}

li:hover {
  background-color: #f0f0f0;
}
:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica,
      Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Source Han Sans CN', sans-serif;
  }
  
  ._main-container_1djbz_6 {
    overflow: hidden;
  }
  
  ._main-container_1djbz_6,
  ._main-container_1djbz_6 * {
    box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
    outline: 0;
  }
  
  ._mainContainer_1djbz_22 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 16px;
    position: relative;
    width: 400px;
    margin: 0 auto;
    padding: 32px 32px 24px 32px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.05);
  }
  
  ._icon_1djbz_38 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 24px;
  }
  
  ._iconContainer_1djbz_50 {
    flex-shrink: 0;
    position: relative;
    width: 24px;
    height: 24px;
    background: rgba(255, 22, 22, 0.08);
    border: 1.15px solid rgba(255, 22, 22, 0.88);
    z-index: 1;
    overflow: hidden;
    border-radius: 11px;
  }
  
  ._textWrapper_1djbz_62 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    min-width: 0;
    z-index: 3;
  }
  
  ._confirmDelete_1djbz_75 {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 24px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    white-space: nowrap;
    z-index: 4;
  }
  
  ._deleteAgent_1djbz_91 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 336px;
    height: 44px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    z-index: 5;
  }
  
  ._buttons_1djbz_109 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    padding: 16px 0 0 0;
    z-index: 6;
  }
  
  ._button_1djbz_109 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 114px;
    padding: 0 16px 0 16px;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 7;
    border-radius: 8px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  }
  
  ._content_1djbz_140 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 82px;
    height: 32px;
    z-index: 8;
  }
  
  ._noGoBack_1djbz_153 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 9;
  }
  
  ._button1_1djbz_168 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 124px;
    padding: 0 16px 0 16px;
    cursor: pointer;
    background: #00325e;
    border: 1px solid #00325e;
    z-index: 10;
    border-radius: 8px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.02);
  }
  
  ._content2_1djbz_187 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    width: 92px;
    height: 32px;
    z-index: 11;
  }
  
  ._yesIamSure_1djbz_200 {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 12;
  }
  
  ._permissionsContainer_wyuv0_2 {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  ._permissionsTitleText_wyuv0_9 {
    font-size: 16px;
    font-weight: 500;
    color: black;
  }
  ._optionContainer_wyuv0_14 {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 14px;
    color: black;
    line-height: 1.5;
  }._Container_ekfbp_1{
    align-self: stretch;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid rgba(22, 119, 255, 0.06);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0px;
    max-width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.88);
  }
  
  ._Content_ekfbp_17{
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 0px 20px;
      box-sizing: border-box;
      gap: 20px;
      max-width: 100%;
  }

  ._Div_ekfbp_29{
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    max-width: 100%;
    margin: 10px 0px;
    font:600 14px/22px Inter;
  }

  ._ChannelDiv_ekfbp_41{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  
  ._ChannelOptionDiv_ekfbp_48{
    display: flex;
    align-items: center;
    justify-content: center;
    font:400 14px/22px Inter;
  }._Container_12cgc_1 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Content_12cgc_17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Div_12cgc_29 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin:auto;
  gap: 8px;
  width: 96.5%;
  font: 600 14px/22px Inter;
}

._SwitchContainerDiv_12cgc_41 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._SwitchContainer_12cgc_41 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  font: 600 14px/22px Inter;
}

._SwitchContainer2_12cgc_57 {
  display: flex;
  align-items: center;
  width: auto;
  gap: 15px;
  font: 600 14px/22px Inter;
}

/* OutOfOfficeMainComp.module.css */
._Container_12cgc_1 {
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  display: flex;
  gap: 20px;
}

._DaySection_12cgc_74 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}

._DayLabel_12cgc_83 {
  width: 105px;
  font-weight: bold;
  font-size: 16px;
  padding-right: 20px;
  text-align: left;
  align-self: flex-start;
}

._SlotRow_12cgc_92 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex: 1;
}

._SlotContainer_12cgc_99 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(22, 119, 255, 0.2);
  border-radius: 6px;
  background-color: #f9f9f9;
  position: relative;
  width: 350px;
}

._SwitchRow_12cgc_111 {
  display: flex;
  gap: 10px;
}

._SelectContainer_12cgc_116,
._TimeRange_12cgc_117 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._TimeRange_12cgc_117 {
  width: auto;
}

._SlotButton_12cgc_127 {
  margin-left: 10px;
  align-self: flex-start;
}

._DeleteButton_12cgc_132 {
  position: absolute;
  top: 120px;
  right: 10px;
  cursor: pointer;
}

._TopSection_12cgc_139 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color:rgba(0, 50, 94, 0.06);
  margin-bottom: 20px;
  border-radius: 6px;
  width: 97%;
}

._SwitchRow_12cgc_111 {
  display: flex;
  gap: 20px;
  width: 40%;
}

._SwitchRow2_12cgc_156 {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

._SelectContainer_12cgc_116 {
  display: flex;
  flex-direction: column;
}

._topSelect_12cgc_167 {
  width: 50%;
}

._NonWorkingHourDiv_12cgc_171 {
  display: flex;
  gap: 50px;
  padding: 20px;
  justify-content: flex-start;
  width: 100%;
}

._Duration_12cgc_179 {
  font-size: 14px;
  color: #888;
  margin-left: 14px;
}._Container_ndd08_1{
    align-self: stretch;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid rgba(22, 119, 255, 0.06);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 0px;
    max-width: 100%;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.88);
  }
  
  ._Content_ndd08_17{
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding: 0px 20px;
      box-sizing: border-box;
      gap: 20px;
      width: 100%;
  }

  ._Buttons_ndd08_29{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-direction: row;
    gap: 10px
  }

  ._TemplatePreview_ndd08_37{
    padding: 0px 20px;
    width:100%
  }

  ._Div_ndd08_42{
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    max-width: 100%;
    font:600 14px/22px Inter;
  }

  ._StatusDiv_ndd08_53{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  ._Container_1vzpd_1{
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Content_1vzpd_17{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0px 20px;
    box-sizing: border-box;
    gap: 20px;
    max-width: 100%;
}

._ContentTitle_1vzpd_29{
    font:600 16px/22px Inter;
}

._RadioItemDiv_1vzpd_33{
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  max-width: 100%;
  margin: 10px 0px;
}



._RadioItemTitleDiv_1vzpd_46{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font: 600 16px/22px Inter;
}
._RadioSubItemsDiv_1vzpd_53{
   margin-left: 30px;
   font:500 14px/22px Inter;
   color:rgba(0, 0, 0, 0.55);
}

._SubItemOptionDiv_1vzpd_59{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;
   font: 400 14px/22px Inter;
}

._SubItemOptionsTitle_1vzpd_67{
    font:600 14px/22px Inter;
    margin:10px 0px;
}
._Container_bd462_1 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
  height: 600px;
}

._Content_bd462_17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Div_bd462_29 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  font: 600 14px/22px Inter;
}

._StatusDiv_bd462_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._TextAreaButtonDiv_bd462_45 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

._OrderValueContainer_bd462_53 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 14%;
}

._orderValueDiv_bd462_62 {
  gap: 14px;
  display: flex;
  flex-direction: column;
  height: 243px;
  overflow: auto;
  margin-bottom: 14px;
}

._Button_bd462_71 {
  font: 400 14px/22px Inter;
  color: #627f99;
  width: 100%;
}

._bold_bd462_77 {
  font-weight: bold;
}

._italic_bd462_81 {
  font-style: italic;
}

._strikeThrough_bd462_85 {
  text-decoration: line-through;
}
._Container_r6kjs_1 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Content_r6kjs_17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Div_r6kjs_29 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  font: 600 14px/22px Inter;
}

._StatusDiv_r6kjs_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}._Container_m6ils_1 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  max-width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Content_m6ils_17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Div_m6ils_29 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  font: 600 14px/22px Inter;
}

._StatusDiv_m6ils_38 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._formItemVertical_m6ils_45 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  width: 214px;
  position: relative;
  z-index: 9999;
}

._inputLabelVertical_m6ils_56 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  min-width: 0;
  padding: 0 0 8px 0;
  z-index: 9;
}

._inputLabel_m6ils_56 {
  flex-shrink: 0;
  flex-basis: auto;
  height: 10px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  text-align: left;
  white-space: nowrap;
  z-index: 16;
}

._inputBasic_m6ils_82 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  width: 214px;
  height: 32px;
  padding: 0 12px 0 12px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  z-index: 18;
  border-radius: 6px;
}._Container_1fb5k_1 {
  align-self: stretch;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(22, 119, 255, 0.06);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0px;
  width: 100%;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.88);
}

._Content_1fb5k_17 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 20px;
  box-sizing: border-box;
  gap: 20px;
  max-width: 100%;
}

._Div_1fb5k_29 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin:auto;
  gap: 8px;
  width: 96.5%;
  font: 600 14px/22px Inter;
}
._Div2_1fb5k_40 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin:auto;
  gap: 2px 0px;
  width: 96.5%;
  font: 600 14px/22px Inter;
}

._SwitchContainerDiv_1fb5k_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

._SwitchContainer_1fb5k_52 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  font: 600 14px/22px Inter;
}

._SwitchContainer2_1fb5k_68 {
  display: flex;
  align-items: center;
  width: auto;
  gap: 15px;
  font: 600 14px/22px Inter;
}

/* OutOfOfficeMainComp.module.css */
._Container_1fb5k_1 {
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
  display: flex;
  gap: 20px;
}

._DaySection_1fb5k_85 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}

._DayLabel_1fb5k_94 {
  width: 105px;
  font-weight: bold;
  font-size: 16px;
  padding-right: 20px;
  text-align: left;
  align-self: flex-start;
}

._SlotRow_1fb5k_103 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex: 1;
}

._SlotContainer_1fb5k_110 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(22, 119, 255, 0.2);
  border-radius: 6px;
  background-color: #f9f9f9;
  position: relative;
  width: 350px;
}

._SwitchRow_1fb5k_122 {
  display: flex;
  gap: 10px;
}

._SelectContainer_1fb5k_127,
._TimeRange_1fb5k_128 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._TimeRange_1fb5k_128 {
  width: auto;
}

._SlotButton_1fb5k_138 {
  margin-left: 10px;
  align-self: flex-start;
}

._DeleteButton_1fb5k_143 {
  position: absolute;
  top: 120px;
  right: 10px;
  cursor: pointer;
}

._TopSection_1fb5k_150 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background-color:rgba(0, 50, 94, 0.06);
  margin-bottom: 20px;
  border-radius: 6px;
  width: 97%;
}

._SwitchRow_1fb5k_122 {
  display: flex;
  gap: 20px;
  width: 40%;
}

._SwitchRow2_1fb5k_167 {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

._SelectContainer_1fb5k_127 {
  display: flex;
  flex-direction: column;
}

._topSelect_1fb5k_178 {
  width: 50%;
}

._NonWorkingHourDiv_1fb5k_182 {
  display: flex;
  gap: 50px;
  padding: 20px;
  justify-content: flex-start;
  width: 100%;
}

._Duration_1fb5k_190 {
  font-size: 14px;
  color: #888;
  margin-left: 14px;
}

._TooltipAlign_1fb5k_196{
  display: flex;
  gap: 8px;
}

._csatSuffix_1fb5k_201 {
  font-size: 14px !important;
  font-weight: normal !important;
}
._inputDataCount_1fb5k_205 {
  font-size: 14px !important;
  font-weight: normal !important;
  height: 100;
resize: none;
}

._flexRowContainer_1fb5k_212 {
  display: flex;
  flex-direction: row;
  width: 96.5%;
  gap: 30px;
}

._disableForm_1fb5k_219 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

._sectionHeader_1fb5k_226{
  font-size: 16px;
  display: flex;
}
._inputFormNumber_1fb5k_230{
  width: 200px !important;
}
._csatBotBtn_1fb5k_233{
  display: flex;
  gap: 10px;
  align-items: center;

}

._iconStyle_1fb5k_240 {
  max-width: 14px;
  max-height: 14px;
}/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/._quillEditor_1ou9u_1 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 400 !important;
    height: 250px !important;
}

._quillEditor_1ou9u_1 ._ql-container_1ou9u_7 {
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    height: calc(100% - 42px) !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 {
    font-weight: 400 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5715 !important;
    color: rgba(0, 0, 0, 0.88) !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}

/* Reset default elements to normal weight, but allow formatting to override */
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 p {
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 div {
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 span:not([class*="ql-"]) {
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration: none !important;
}

/* Apply formatting when explicitly set by Quill */
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 strong,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 ._ql-font-weight-bold_1ou9u_44,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 b {
    font-weight: 700 !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 em,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 ._ql-font-style-italic_1ou9u_50,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 i {
    font-style: italic !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 u,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 ._ql-underline_1ou9u_56 {
    text-decoration: underline !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 s,
._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13 ._ql-strike_1ou9u_61 {
    text-decoration: line-through !important;
}

/* Ensure toolbar buttons show correct state */
._quillEditor_1ou9u_1 ._ql-toolbar_1ou9u_66 ._ql-formats_1ou9u_66 button {
    color: #444 !important;
}

._quillEditor_1ou9u_1 ._ql-toolbar_1ou9u_66 ._ql-formats_1ou9u_66 button._ql-active_1ou9u_70 {
    color: #06c !important;
}

._quillEditor_1ou9u_1 ._ql-editor_1ou9u_13._ql-blank_1ou9u_74::before {
    font-weight: 400 !important;
    font-style: normal !important;
    color: #999 !important;
}

/* Override any inherited font properties from parent containers */
._quillEditor_1ou9u_1 ._ql-toolbar_1ou9u_66 {
    font-weight: 400 !important;
}._div_g1xzd_1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  font-size: 12px;
}

._div1_g1xzd_11 {
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  gap: 5px;
}

._iconOutlined_g1xzd_25 {
  width: 20px;
  position: relative;
  height: 20px;
}

._title_g1xzd_31 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5px;
}

._iconTagoutlinedWrapper_g1xzd_39 {
  border-radius: 32px;
  background-color: #fff;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #eff4f6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
}

._iconInfocircleoutlined_g1xzd_51 {
  width: 17.33px;
  position: relative;
  height: 17.33px;
}

._iconInfocircleoutlinedWrapper_g1xzd_57 {
  border-radius: 30.33px;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4.333333492279053px;
  cursor: pointer;
}

._iconDiv_g1xzd_68 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

._numberText_g1xzd_76 {
  position: relative;
  line-height: 32px;
  font-weight: 600;
  font-size: 20px;
}
._text3_g1xzd_82 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 14px;
}

._title1_g1xzd_89 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.5px;
  font-size: 24px;
  color: #041829;
}

._textGroup_g1xzd_99 {
  min-width: 218px;
  max-width: 300px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._div2_g1xzd_109 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  gap: 5px;
}

._newTag1_g1xzd_122 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}

._tag_g1xzd_128 {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 1px 8px;
  gap: 3.5px;
  font-size: 10px;
  color: #19970e;
}

._textContainer_g1xzd_141 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

._textDiv_g1xzd_149 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 3.5px;
  text-align: right;
  font-size: 10px;
}

._div3_g1xzd_160 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 0px 6px 0px 0px;
  gap: 5px;
}

._iconCloseoutlined_g1xzd_170 {
  width: 12px;
  position: relative;
  height: 12px;
}
._container_9hsnf_1 {
  align-self: stretch;
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  font-size: 20px;
  color: #041829;
}

._innerContainer_9hsnf_16 {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  gap: 24px;
}

._dashboardFlexWrapper_9hsnf_30 {
  gap: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}

._pieChartContainer_9hsnf_38 {
  display: flex;
  height: 100%;
  width: 100%;
  /* padding: 0px 20px; */
  align-items: center;
  justify-content: space-between;
  gap: 0px;
}

._customerDataColumn_9hsnf_48 {
  display: flex;
  flex-direction: column;
  width: 40%;
  justify-content: center;
}

._customerSegment_9hsnf_55 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

._segmentLabel_9hsnf_62 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  border-radius: 24px;
  width: 12px;
  height: 12px;
}

._segmentData_9hsnf_73 {
  color: #627f99;
  font-weight: 400;
  font-size: 12px;
}

._ButtonDiv_9hsnf_79 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  padding: 0px 16px;
  color: #fff;
  cursor: pointer;
  height: 30px;
  width: 240px;
  gap: 10px;
}

._Button_9hsnf_79 {
  position: relative;
  line-height: 22px;
}

._iconInfocircleoutlinedWrapper_9hsnf_102 {
  border-radius: 30.33px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4.333333492279053px;
  cursor: pointer;
}

._Title2_9hsnf_112 {
  display: flex;
  margin-top: 20px;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
}
._headerText_9hsnf_119 {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  font-family: Inter !important;
}
._headerText_9hsnf_119 {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  font-family: Inter !important;
}

._Identifier_9hsnf_134 {
  width: 8px;
  position: relative;
  border-radius: 16px;
  height: 8px;
}

._IdentifierParent_9hsnf_141 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #627f99;
}

._LabelDiv_9hsnf_151 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

._LabelContainer_9hsnf_159 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 22px;
  margin-left: 16px;
  margin-right: 20px;
}
._labelValue_9hsnf_170 {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}

._labelText_9hsnf_176 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
._headerContainer_9hsnf_181 {
  margin-left: 16px; /* Aligns with label and chart */
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
._tableHeader_v2egg_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}
._tableHeadingText_v2egg_7 {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}
._tableActionWrapper_v2egg_12 {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

._tableContainer_v2egg_19 {
  padding: 6px;
  border: 1px solid #e6ebf2;
  border-radius: 10px;
  background-color: #eff4f6;
  margin-top: 5px;
}

._ctrTextDiv_v2egg_27 {
  display: flex;
  justify-content: flex-start;
  gap: 5px;
  font-size: 12px;
  font-family: Inter;
  margin: 5px;
}
._iconDiv_v2egg_35 {
  margin-top: 2px;
}
._halfWidthCharts_v2egg_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

._CampaignNameDiv_v2egg_45{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
._Title2_5jptw_1 {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
}

._TitleContainer_5jptw_10 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

._Datepicker_5jptw_19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  font-size: 14px;
}

._BarGraphHeaderDiv_5jptw_29 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._Identifier_5jptw_38 {
  width: 8px;
  position: relative;
  border-radius: 16px;
  height: 8px;
}

._IdentifierParent_5jptw_45 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #627f99;
}

._LabelDiv_5jptw_55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

._LabelContainer_5jptw_63 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 22px;
  margin-left: 16px;
  margin-right: 20px;
}
._labelValue_5jptw_74 {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}
._singleLabelValue_5jptw_79 {
  margin-left: 0; /* No additional margin */
  left: 0; /* Ensure it's aligned at the start of LabelDiv */
}
/* .LabelContainer {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
} */
._BarGraphHeaderDivConatiner_5jptw_90 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
}

._SimpleBarInnerContainer_5jptw_99 {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  gap: 24px;
}

._GraphLabel_5jptw_113 {
  position: relative;
  line-height: 22px;
}

._Conversations_5jptw_118 {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}

._headerText_5jptw_124 {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  font-family: Inter !important;
}

._labelValue_5jptw_74 {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}

._labelText_5jptw_138 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
/* .headerContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
} */
._headerContainer_5jptw_143 {
  margin-left: 16px; /* Aligns with label and chart */
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
._topRightDiv_5jptw_157 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  width: 40%;
}
._selectionContainer_5jptw_164 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
._selectedOptionsContainer_5jptw_170 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._selectedOption_5jptw_170 {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

._circle_5jptw_184 {
  height: 5px;
  width: 5px;
  border-radius: 50%;
}

._iconInfocircleoutlinedWrapper_5jptw_190 {
  border-radius: 30.33px;
  /* background-color: #f2f4f9; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4.333333492279053px;
  cursor: pointer;
}
._chartContainer_5jptw_200 {
  width: 100%;
}
._textStyleAddEmails_x2zy2_1 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.65);
  padding: 0px 5px;
  margin-top: 5px;
}
._tagsInputContainer_x2zy2_7 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px;
  border-radius: 6px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  font: 400 11px/16px Inter;
  color: rgb(84, 84, 84);
}

._tagsItem_x2zy2_20 {
  background-color: rgba(0, 0, 0, 0.06);
  display: inline-block;
  padding: 5px;
  border-radius: 10px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

._close_x2zy2_32 {
  padding: 3px 5px;
  border-radius: 30%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: black;
  transition: background-color 0.3s ease;
}

._close_x2zy2_32:hover {
  background-color: darkgray;
}
._text_x2zy2_1 {
  color: black;
}
._textInput_x2zy2_49 {
  padding: 5px;
  border: none;
  outline: none;
  flex-grow: 1;
  width: auto;
  font: 400 11px/16px Inter;
}

._noteText_x2zy2_58{
    font: 400 10px/18px Inter;
    padding: 0px 5px;
    color: '#ff6666';
    margin-top: 0px;
}
._div1_11xm3_1 {
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  gap: 5px;
}

._div2_11xm3_15 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  gap: 0px;
}

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

._headerLeft_11xm3_34 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._headerIcon_11xm3_40 {
  color: #22c55e;
  font-size: 20px;
}

._headerText_11xm3_45 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._headerTitle_11xm3_51 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

._badge_11xm3_57 {
  background: #dcfce7;
  color: #16a34a;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 8px;
}

._subTitle_11xm3_65 {
  margin-top: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 14px;
  color: #6b7280;
}

._analyticsGrid_11xm3_72 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80%;
  
}

._analyticsBox_11xm3_80 {
  padding: 12px;
  border-radius: 8px;
  text-align: left;
}

._analyticsTitle_11xm3_86 {
  font-size: 14px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 6px;
}

._analyticsValue_11xm3_94 {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin-left: 2px;
}

._analyticsSub_11xm3_101 {
  font-size: 12px;
  color: #9ca3af;
  margin-left: 2px;
}
._Container_1d1xu_1 {
  position: none;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._NavDiv_1d1xu_10 {
  align-self: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 26px;
  border: 1px solid #EDEDED;
}

._NavDiv1_1d1xu_21 {
  flex: 1;
  height: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._NavDiv2_1d1xu_30 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: rgba(0, 0, 0, 0.88);
}
._Button1_1d1xu_38 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  text-transform: capitalize;
}

._Button1_1d1xu_38:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1d1xu_56 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._Content1_1d1xu_62 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._ButtonParent_1d1xu_70 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
}

._Text_1d1xu_83 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._IconSearchoutlined_1d1xu_90 {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

._SearchContainer_1d1xu_98 {
  flex: 1;
  border-radius: 6px;
  background-color: #f5f7f9;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  height: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0px 16px;
  color: #627f99;
}

._ButtonDiv_1d1xu_114 {
  border-radius: 6px;
  background-color: #00325e;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid #627f99;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 12px;
  color: #fff;
  cursor: pointer;
  align-self: stretch;
  height: 30px;
}

._IconCloseoutlined_1d1xu_130 {
  width: 12px;
  position: relative;
  height: 12px;
  cursor: pointer;
}

._FilterTag_1d1xu_137 {
  position: relative;
  line-height: 20px;
}

._Filter_1d1xu_137 {
  border-radius: 6px;
  background-color: #627f99;
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 8px;
  gap: 4px;
  height: 20px;
}

._FiltersDiv_1d1xu_155 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

._AppliedFiltersDiv_1d1xu_165 {
  align-self: stretch;
  border-bottom: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 6px 16px;
  gap: 16px;
  font-size: 12px;
  color: #fff;
}
._Button_1d1xu_38 {
  position: relative;
  line-height: 22px;
}
._Content_1d1xu_62 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 32px;
}
._Input_1d1xu_190 {
  border: none;
  background-color: #f5f7f9;
  outline: none;
  padding: 5px;
  color: #627f99;
  justify-content: flex-start;
  width: 200px;
}

filtersTag {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_1d1xu_208 {
  border-radius: 22px;
  color: #004b8d;
  padding: 4px 8px;
  /* border: 1px solid rgba(0, 0, 0, 0.15); */
  margin-left: 2px;
}

._dropdown_x4n5r_2 {
  position: relative;
}
._dropdownButton_x4n5r_6 {
  background-color: #f5f7f9;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: auto;
  height: 30px;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
}
._dropdownContent_x4n5r_23 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  position: absolute;
  left: 0px;
  top: 30px;
  font-family: 'Inter';
  min-width: 160px;
  z-index: 1;
  padding: 6px;

  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px;
}
._dropdownItem_x4n5r_40 {
  padding: 0px 12px;
  cursor: pointer;
  width: 100%;
  border-radius: 4px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 32px;
  height: 32px;
}
._dropdownItem_x4n5r_40:hover {
  background-color: #f5f5f5;
  font-weight: 600;
}

._title_12wrc_2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  font-family: Inter;
  display: flex;
  flex-direction: row;
}
._header_12wrc_12{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-family: Inter;
}
._backIcon_12wrc_20{
  display: flex;
  align-items: center;
  /* height: 16px; */
  cursor: pointer;
  font-family: Inter;
  svg{
      path{
          fill: var(--primary-blue);
      }
  }
}
._headerWrapper_12wrc_33{
  display: flex;
  flex-direction: column;
  font-family: Inter;
}
._headerDescription_12wrc_38{
  color: var(--Text2, rgba(0, 0, 0, 0.45));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  font-family: Inter;
}
._headerTitle_12wrc_48{
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  font-family: Inter;
  line-height: 28px; /* 88.889% */
}
._headerButtons_12wrc_61{
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: Inter;
}
._subtitle_12wrc_68 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color:rgba(0, 0, 0, 0.45)
}
._wrapper_12wrc_76 {
  margin: 10px 0px;
  padding: 10px;
  justify-content: center;
  background-color: white;
  padding: 40px 40px 40px 40px;
  border-radius: 8px;
  border: 1px solid #cbd2de;
  opacity: 0px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
._circle_12wrc_89{
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #f4f5f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
._icon_12wrc_98 {
  width: 80px;
  height: 60px;
  gap: 0px;
  opacity: 0px;

}
._content_12wrc_105 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
._subContent_12wrc_112 {
    font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: center;
color:#000000;
opacity:0.5

}
._button_12wrc_122 {
    margin-top: 20px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
}

/* Analysis.module.css */
._title_1fcaq_4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: left;
  font-family: Inter;
  display: flex;
  flex-direction: row;
}
._header_1fcaq_13 {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
._headerWrapper_1fcaq_18{
  display: flex;
  flex-direction: row;
  font-family: Inter;
  justify-content: space-between;
  width: 100%;
}
._inputBox_1fcaq_25{
  margin-left: 10px;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  width: 90%;
  border-radius: 5px;
}
._subtitle_1fcaq_33 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color:rgba(0, 0, 0, 0.45)
}
._modalBox_1fcaq_41 {
  position: absolute;
  background-color: black;
  box-shadow: 24px;
  padding: 16px !important;
  width: 300px;
  border-radius: 8px;
  z-index: 1300;
  color: white;
  outline: none !important;
}
._modalBoxLoader_1fcaq_52 {
  position: absolute;
  background-color: black;
  box-shadow: 24px;
  padding: 16px !important;
  width: 300px;
  border-radius: 8px;
  z-index: 1300;
  top: 0 !important;
  left: 0 !important;
  color: white;
}
._arrow_1fcaq_64 {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid black;
  z-index: 1300;
}
._modalHeader_1fcaq_74 {
  display: flex;
  flex-direction: row;
}
._modalColorBox_1fcaq_79 {
  width: 22px;
  height: 22px;
  border-radius: 2px;
  margin-right: 10px;
}
._modalTitle_1fcaq_86 {
  flex: 3;
  font-weight: 600;
  font-size: 14px;
}
._closeButton_1fcaq_92 {
  border: 1px solid white;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._closeButton_1fcaq_92:hover {
  border-color: #1677FF;
  color: #1677FF;
}
._modalDescription_1fcaq_104 {
  font-size: 12px;
  margin-top: 5px;
  line-height: 25px;
}
._section_1fcaq_110 {
  border-top: 1px solid white;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
}
._sectionItem_1fcaq_120 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
._leftHeading_1fcaq_125 {
  font-size: 12px;
}
._buttonSave_1fcaq_129 {
  background-color: black !important;
  color: white;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding:4px 10px
}
._saveIcon_1fcaq_137 {
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
._marginTop_1fcaq_145 {
  margin-top: 10px;
}
._selectButton_1fcaq_148 {
  background-color: black;
  color: white;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
  padding-right: 15px;
}
._saving_1fcaq_157 {
  color: black;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 12px;
}
._campaignButton_1fcaq_164 {
  display: flex;
  align-items: center;
  background-color: black;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  width: 200px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
  border: 1px solid white;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
}
._dropdownMenu_1fcaq_182 {
  background-color: black;
  color: white;
  border-radius: 5px;
  padding: 10px;
  list-style: none;
  margin: 0;
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 1000;
}
._dropdownMenu_1fcaq_182._show_1fcaq_196 {
  display: block;
}
._dropdownMenu_1fcaq_182 li {
  padding: 2px;
  font-size: 12px;
  cursor: pointer;
  padding-left: 10px;
}
._textBox_1fcaq_206 {
  font-weight: 200;
  font-size: 14px;
  cursor: pointer;

}
._subtextBox_1fcaq_212 {
  font-weight: 200;
  overflow-wrap: break-word;
  font-family: 'Inter';
  cursor: pointer;
}
._dropdownMenu_1fcaq_182 li:hover {
  border: 1px solid white;
  border-radius: 5px;
  color: black
}
._arrowIcon_1fcaq_225 {
  margin-left: 10px;
}
._tooltip_1fcaq_228 {
  background-color: black;
  color: white;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
  position: relative;
  text-align: center;
}
._arrow_1fcaq_64  {
  content: "";
  position: absolute;
  top: 100%;
  left : 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent
}
._subTitle_8hgbx_1 {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
}
._title_8hgbx_6 {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  padding-top: 10px;
}
._box_8hgbx_13 {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
}
._totalCustomers_8hgbx_18 {
  height: 90px;
  flex: 1;
  border-radius: 5px;
  background-color: rgba(230, 235, 242, 1);
  margin-right: 10px;
  padding: 5px 5px 0px 5px;
}
._singleBox_8hgbx_26 {
  max-width: 400px;
}
._requiredCustomers_8hgbx_29 {
  height: 90px;
  flex: 1;
  border-radius: 5px;
  background-color: rgba(230, 235, 242, 1);
  margin-right: 10px;
  padding: 5px 5px 0px 5px;
}
._kpCustomers_8hgbx_37 {
  height: 90px;
  flex: 1;
  border-radius: 5px;
  background-color: rgba(230, 235, 242, 1);
  padding: 5px 5px 0px 5px;
}

._actionWrapper_8hgbx_45 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}

._lowerBox_8hgbx_52 {
  height: 22px;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

._innerTotalCustomers_8hgbx_59 {
  height: 80px;
  background-color: white;
  padding: 8px 5px 5px 5px;
}
._innerrequiredCustomers_8hgbx_64 {
  height: 80px;
  background-color: white;
  padding: 8px 5px 5px 5px;
}
._innerKPCustomers_8hgbx_69 {
  height: 80px;
  background-color: white;
  padding: 8px 5px 5px 5px;
}
._textTitle_8hgbx_74 {
  font-size: 12px;
  font-weight: 400;
  color: #627f99;
}
._count_8hgbx_79 {
  font-weight: 500;
  font-size: 22px;
  color: rgba(4, 24, 41, 1);
  font-family: Inter;
  font-style: normal;
  letter-spacing: 0.3px;
}
._subText_8hgbx_87 {
  color: rgba(98, 127, 153, 1);
  font-size: 10px;
}
._search_8hgbx_91 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
._searchWrapper_8hgbx_101 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  display: flex;
}
._search-icon_8hgbx_106 {
  color: var(--primary-blue);
  font-size: 17px;
  height: 12px;
}
._searchIconBox_8hgbx_111 {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  width: 30px;
  justify-content: center;
  display: flex;
  align-items: center;
}
._searchInput_8hgbx_118 {
  padding: 10px;
  height: 30px;
  color: rgba(0, 0, 0, 0.45);
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 12px;
  line-height: 20px;
  width: 200px;
  transition: all 0.2s ease;
  :focus,
  :not(:placeholder-shown) {
    width: 100px;
    border-bottom: 1px solid var(--primary-blue);
  }
}
._wrapperTable_8hgbx_135 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin-top: 20px;
  padding-bottom: 0px;
}
._totalCount_8hgbx_141 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}
._totalCountValue_8hgbx_145 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.88);
}
._headerTableWrapper_8hgbx_149 {
  padding: 10px;
}

._actionContainer_8hgbx_153 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 20px;
}

._button_8hgbx_160 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

._dropdownBtn_8hgbx_179 {
  display: flex;
  align-items: center;  
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  background-color:  #004B8D;
  border: 1px solid  #627f99;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.875rem;
  cursor: pointer;
}
._cta_8hgbx_191 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 0.5rem;
  font-size: 0.775rem;
  color:  #fff;
}
._blockContact_8hgbx_201{
  display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    position: relative;
    line-height: 22px;
    color: inherit;
    font-size: 12px;
}

._content1_8hgbx_212 {
  display: flex;
  align-items: center;  
  flex-direction: row;
  justify-content: center;
  padding: 0.112rem 0;
}

._filterWrapper_8hgbx_220 {
  position: relative;
}

._actionWrapperFilter_8hgbx_224 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 8px;
  padding-bottom: 2.5px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}


._tableFilters_8hgbx_234 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_8hgbx_241 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_8hgbx_249 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}

._disableIcon_8hgbx_259{
  opacity: 0.25;
}

._channelIconContainer_8hgbx_263{
  display: flex;
  gap: 10px;
}._Container_416uo_1 {
  padding: 0px 10px;
  font-family: Inter;
}
._dropFileText_416uo_5 {
  color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

._dragDrop_416uo_13 {
  border-radius: 4px;
  border: 1px dashed rgba(98, 127, s153, 0.5);

  background: rgba(230, 237, 243, 0.25);
}

._documentUploader_416uo_20 {
  border-radius: 8px;
  border: 1px dashed rgba(98, 127, 153, 0.5);
  background: rgba(230, 237, 243, 0.25);
  margin-top: 10px;

  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

  cursor: pointer;
  min-height: 150px;
  &._active_416uo_35 {
    border-color: #6dc24b;
  }
}

._downloadSampleFile_416uo_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: '#F7FAFF';
  border: 1px solid #1677ff;
  border-radius: 6px;
  padding: 16px;
  margin-top: 16px;
  font-size: 12px;
}
._downloadText_416uo_51 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
._downloadLink_416uo_58 {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}

._fileInfoDiv_416uo_67 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  font-size: 12px;
}

._uploadDivider_416uo_75 {
  background-color: rgba(236, 242, 248, 1);
  border-radius: 40px;
  padding: 2px 16px;
}
._formContainer_416uo_80 {
  margin-top: 16px;
  border: 1px solid rgba(203, 210, 222, 1);
  padding: 16px;
  padding-top: 8px;
  border-radius: 8px;

  ._title_416uo_87 {
    margin: 5px 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }

  ._formDiv_416uo_94 {
    display: grid;
    direction: column;
    gap: 10px;
    margin-top: 5px;
  }

  ._formInputContainer_416uo_101 {
    display: grid;
    direction: column;
    gap: 8px;
    font-size: 12px;
  }
}

._tableContainer_416uo_109 {
  margin: 10px 2px;

  ._title_416uo_87 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}

._buttonContainer_416uo_120 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Inter;
  ._uploadButton_416uo_129 {
    background-color: var(--primary-blue);
    color: white;
    width: 50%;
    font-size: 14px;
  }
}

._summariseImport_416uo_137 {
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  gap: 16px;
  padding: 8px 0;
  font-size: 12px;
  font-family: Inter;
}

._summariseImportTitle_416uo_147 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

._keyValue_416uo_153 {
  font-family: Inter;
  font-size: 12px;
  margin: 10px;
}
._loader_416uo_158 {
  display: block;
  border: 4px solid #1677ff;
  border-radius: 50%;
  border-top: 4px solid transparent;
  width: 40px;
  height: 40px;
  -webkit-animation: _spin_416uo_1 1s linear infinite; /* Safari */
  animation: _spin_416uo_1 1s linear infinite;
}

@-webkit-keyframes _spin_416uo_1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes _spin_416uo_1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
._uploadDivider_cjd0i_1 {
  background-color: rgba(236, 242, 248, 1);
  border-radius: 40px;
  padding: 2px 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: Inter;
}

._uploadingStateContainer_cjd0i_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
}

._uploadingFileDetailsDiv_cjd0i_21 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-size: 12px;
}

._fileSizeDiv_cjd0i_29 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}

._uploadingPercentageDiv_cjd0i_37 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  ._uploadingInProcessCircle_cjd0i_43 {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: rgba(154, 154, 154, 1);
  }
  ._uploadingCompleteCircle_cjd0i_49 {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: green;
  }
}
._finaliseImport_ltb70_1 {
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  gap: 16px;
  padding: 8px 0;
  font-size: 12px;
  font-family: Inter;
}

._finaliseImportTitle_ltb70_11 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

._selectHeader_ltb70_17 {
  width: 150px;
  /* font-size: 8px; */
  margin-top: 2px;
  z-index: 1;
  height: 25px;
  /* font-size: 12px; */
}
._dialogContainer_len38_1 {
  padding: 25px 80px;
  display: grid;
  direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  line-height: 20px;
}

._contentContainer_len38_12 {
  display: grid;
  direction: column;
  justify-content: center;
  align-items: center;
}

._iconContainer_len38_19 {
  display: flex;
  justify-content: center;
}

._errorMessage_len38_24 {
  display: flex;
  justify-content: center;
}

._buttonContainer_len38_29 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._cancelButton_len38_36 {
  background-color: red;
  color: white;
}

._tryAgainButton_len38_41 {
  background-color: green;
  color: white;
}
._fileInfoDiv_7fp0e_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 12px;
  }
  
  ._downloadSampleFile_7fp0e_9 {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: '#F7FAFF';
    border: 1px solid #1677ff;
    border-radius: 6px;
    padding: 16px;
    margin-top: 16px;
    font-size: 12px;
  }
  ._downloadText_7fp0e_20 {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 4px;
    font-size: 12px;
  }
  ._downloadLink_7fp0e_27 {
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 4px;
    font-size: 12px;
  }
  
  ._documentUploader_7fp0e_36 {
    border-radius: 8px;
    border: 1px dashed rgba(98, 127, 153, 0.5);
    background: rgba(230, 237, 243, 0.25);
    margin-top: 10px;
  
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  
    cursor: pointer;
    min-height: 150px;
    &._active_7fp0e_51 {
      border-color: #6dc24b;
    }
  }

  ._loader_7fp0e_56 {
    display: block;
    border: 4px solid #1677ff;
    border-radius: 50%;
    border-top: 4px solid transparent;
    width: 40px;
    height: 40px;
    -webkit-animation: _spin_7fp0e_1 1s linear infinite; /* Safari */
    animation: _spin_7fp0e_1 1s linear infinite;
  }
  
  @-webkit-keyframes _spin_7fp0e_1 {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @keyframes _spin_7fp0e_1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  

._documentUploader_7fp0e_36 {
  border-radius: 8px;
  border: 1px dashed rgba(98, 127, 153, 0.5);
  background: rgba(230, 237, 243, 0.25);
  margin-top: 10px;

  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

  cursor: pointer;
  min-height: 150px;
  &._active_7fp0e_51 {
    border-color: #6dc24b;
  }
}
._summariseImport_7fp0e_105 {
  margin-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  gap: 16px;
  padding: 8px 0;
  font-size: 12px;
  font-family: Inter;
}

._summariseImportTitle_7fp0e_115 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
/* Upload Step */
._uploadText_rw6za_2 {
  font-size: 16px;
  color: #8c8c8c;
  margin-top: 12px;
}

._chooseFileButton_rw6za_8 {
  margin-top: 16px;
  border-radius: 6px;
  padding: 8px 24px;
  height: auto;
}

._downloadLinkCenter_rw6za_15 {
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}

._downloadLink_rw6za_15 {
  color: #1677ff;
  text-decoration: none;
}

._buttonContainer_rw6za_29 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}

._cancelButton_rw6za_36 {
  border-radius: 6px;
}

._nextButton_rw6za_40 {
  border-radius: 6px;
  background: #bbb;
  border-color: #bbb;
}

._primaryButton_rw6za_46 {
  border-radius: 6px;
  background: var(--primary-blue);
  border-color: var(--primary-blue);
}

/* List Details Step */
._sectionWrapper_rw6za_53 {
  margin-bottom: 24px;
}

._sectionTitle_rw6za_57 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
}

._subsectionTitle_rw6za_65 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
}

._channelList_rw6za_73 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._channelOption_rw6za_79 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-family: Inter, sans-serif;
}

._divider_rw6za_87 {
  border-top: 1px solid #f0f0f0;
  padding-top: 24px;
  margin-bottom: 24px;
}

._columnMappingWrapper_rw6za_93 {
  margin-bottom: 16px;
  flex: 1;
}

._columnMappingGrid_rw6za_98 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

._selectFullWidth_rw6za_105 {
  width: 100%;
}

._previewRow_rw6za_109 {
  padding: 12px;
  background: #f7f8fa;
  border-radius: 6px;
  margin-top: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

._previewText_rw6za_119 {
  font-size: 12px;
  color: #8c8c8c;
  font-family: Inter, sans-serif;
}

._finaliseSection_rw6za_125 {
  margin-bottom: 24px;
  border-top: 1px solid #f0f0f0;
  padding-top: 24px;
}

._finaliseText_rw6za_131 {
  font-size: 12px;
  color: #8c8c8c;
  font-family: Inter, sans-serif;
}

._progressWrapper_rw6za_137 {
  margin-top: 12px;
}

._buttonContainerSpaceBetween_rw6za_141 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}

/* Summary Step */
._summaryTitle_rw6za_149 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
}

._summarySubtitle_rw6za_157 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
}

._summaryList_rw6za_165 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._summaryRow_rw6za_171 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

._summaryKey_rw6za_179 {
  display: inline-block;
  width: 170px;
  text-align: left;
  padding-right: 5px;
  font-family: Inter, sans-serif;
  font-size: 14px;
}

._summaryValue_rw6za_188 {
  display: inline-block;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

._summaryTotalRow_rw6za_195 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 0;
  font-weight: 600;
}

._progressSection_rw6za_203 {
  margin-bottom: 24px;
}

._confirmButton_rw6za_207 {
  border-radius: 6px;
  background: #1677ff;
  border-color: #1677ff;
}

._modalContainer_s7h0s_1 {
  display: flex;
  flex-direction: column;
}

._stepContainer_s7h0s_6 {
  display: flex;
  flex-direction: column;
}

/* Step 1 - Channel Selection */
._sectionTitle_s7h0s_12 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, sans-serif;
}

._channelList_s7h0s_20 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._channelOption_s7h0s_26 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, sans-serif;
  cursor: pointer;
}

/* Step 2 - Phone Input */
._selectedChannels_s7h0s_37 {
  color: #8c8c8c;
  margin-bottom: 8px;
  font-size: 12px;
  font-family: Inter, sans-serif;
}

._inputLabel_s7h0s_44 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, sans-serif;
}

._phoneInput_s7h0s_52 {
  font-size: 14px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 12px;
  font-family: Inter, sans-serif;
}

._helperText_s7h0s_61 {
  margin-top: 6px;
  font-size: 12px;
  color: #8c8c8c;
  font-family: Inter, sans-serif;
}

/* Step 3 - Review */
._reviewTitle_s7h0s_69 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, sans-serif;
}

._reviewBox_s7h0s_77 {
  padding: 16px;
  background: #f7f8fa;
  border-radius: 12px;
  margin-bottom: 16px;
}

._reviewContent_s7h0s_84 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter, sans-serif;
  align-items: flex-end
}

._warningBox_s7h0s_94 {
  background: #fff7e6;
  border: 1px solid #ffd591;
  padding: 16px;
  border-radius: 12px;
  color: #ad4e00;
  margin-bottom: 16px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  line-height: 1.5;
}

/* Footer Buttons */
._buttonContainer_s7h0s_107 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  justify-content: flex-end;
}

._buttonContainerSpaceBetween_s7h0s_114 {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  justify-content: space-between;
}

._cancelButton_s7h0s_121 {
  padding: 10px 18px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

._cancelButton_s7h0s_121:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
}

._backButton_s7h0s_140 {
  padding: 10px 18px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.88);
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

._backButton_s7h0s_140:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
}

._nextButton_s7h0s_159 {
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--primary-blue, #00325e);
  color: #fff;
  border: 1px solid var(--primary-blue, #00325e);
  cursor: pointer;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

._nextButton_s7h0s_159:hover {
  background: #004b8d;
  border-color: #004b8d;
}

._nextButton_s7h0s_159:disabled {
  background: #bbb;
  border-color: #bbb;
  cursor: not-allowed;
  opacity: 0.6;
}

._primaryButton_s7h0s_185 {
  padding: 10px 18px;
  border-radius: 6px;
  background: var(--primary-blue, #00325e);
  color: #fff;
  border: 1px solid var(--primary-blue, #00325e);
  cursor: pointer;
  font-size: 14px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
}

._primaryButton_s7h0s_185:hover {
  background: #004b8d;
  border-color: #004b8d;
}

/* Modal Container */
._modalContent_1irup_2 {
  display: flex;
  flex-direction: column;
}

/* Section Titles */
._sectionTitle_1irup_8 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
  line-height: 20px;
}

._label_1irup_17 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  color: rgba(0, 0, 0, 0.88);
}

/* Channel Selection */
._channelSelect_1irup_26 {
  width: 100%;
  margin-bottom: 20px;
}

._selectFullWidth_1irup_31 {
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
}

/* Time Range Section */
._timeRangeSection_1irup_38 {
  margin-bottom: 20px;
}

._timeRangeSelect_1irup_42 {
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
}

._rangePicker_1irup_48 {
  width: 100%;
  margin-top: 10px;
  height: 32px;
  border-radius: 6px;
}

/* Email Section */
._emailSection_1irup_56 {
  margin-bottom: 20px;
}

._emailInput_1irup_60 {
  width: 100%;
  margin-top: 8px;
  min-height: 100px;
  border-radius: 6px;
  font-size: 14px;
  font-family: Inter, sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 12px;
  resize: vertical;
}

._emailInput_1irup_60:focus {
  border-color: #1677ff;
  outline: none;
}

._helperText_1irup_77 {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 6px;
  font-family: Inter, sans-serif;
}

/* Button Container */
._buttonContainer_1irup_85 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}

._cancelButton_1irup_92 {
  padding: 6px 16px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: var(--colorBgContainer, #fff);
  cursor: pointer;
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 12px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
  line-height: 20px;
  height: auto;
}

._cancelButton_1irup_92:hover {
  border-color: var(--Brand-Old-Blue, #00325e);
  color: var(--Brand-Old-Blue, #00325e);
}

._exportButton_1irup_113 {
  padding: 6px 16px;
  border-radius: 6px;
  background: var(--Brand-Old-Blue, #00325e);
  color: var(--colorTextLightSolid, #fff);
  border: 1px solid var(--Brand-Old-Blue, #00325e);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 20px;
  height: auto;
}

._exportButton_1irup_113:hover {
  background: #004b8d;
  border-color: #004b8d;
}

._exportButton_1irup_113:disabled {
  background: #bbb;
  border-color: #bbb;
  cursor: not-allowed;
  opacity: 0.6;
}

/* Dropdown styles */
._dropdown_1irup_146 {
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px 12px;
  font-size: 12px;
  font-family: Inter, sans-serif;
  background: #fff;
}

._CardWrapper_ldfzn_1 {
    border-radius: 6px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
      0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(245, 245, 245, 1);
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  
  ._CardHeader_ldfzn_12 {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    display: flex;
    gap: 10px;
    width: 100%;
  }
  
  ._StatusList_ldfzn_19 {
    background-color: #fff;
    gap: 5px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    white-space: nowrap;
    width: 180px;
    min-height: 150px;
  }
  
  ._StatusText_ldfzn_31 {
    font-family: Inter, sans-serif;
    flex: 1;
  }
  
  ._Divider_ldfzn_36 {
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    width: 1px;
  }
  
  ._CardContent_ldfzn_41 {
    border-radius: 0px 6px 6px 0px;
    border-left: none;
    display: flex;
    padding-bottom: 8px;
    flex-direction: column;
    flex: 1;
    width: 180px;
    gap: 10px;
    font-size: 12px;
  }
  
  ._CheckboxList_ldfzn_53 {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 5px 70px 5px 12px;
  }
  
  ._CheckboxItem_ldfzn_60 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
  }
  
  ._CheckboxLabel_ldfzn_67 {
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    font: 400 14px/157% Inter, sans-serif;
  }
  
  ._TagList_ldfzn_72 {
    border-top: 1px solid rgba(245, 245, 245, 1);
    background-color: #fff;
    display: flex;
    gap: 8px;
    font-size: 12px;
    color: var(--Brand-Old-Blue, #00325e);
    font-weight: 400;
    white-space: nowrap;
    line-height: 167%;
    padding: 8px 0;
    width: 100%;
    flex-wrap: wrap;
  }
  
  ._TagItem_ldfzn_87 {
    border-radius: 4px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    gap: 4px;
    padding: 1px 8px;
    align-items: center;
  }
  
  ._TagLabel_ldfzn_96 {
    font-family: Inter, sans-serif;
    color: #00325e;
    font-size: 10px;
  }
  
  ._CardFooter_ldfzn_102 {
    border-radius: 0px 0px 7px 7px;
    border-top: 1px solid rgba(240, 240, 240, 1);
    background-color: #fff;
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    line-height: 22px;
    justify-content: center;
    padding: 8px;
  }
  
  ._FooterButtonList_ldfzn_117 {
    justify-content: center;
    display: flex;
    gap: 16px;
  }
  
  ._ResetButton_ldfzn_123 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: var(--colorBgContainer, #fff);
    color: var(--Brand-Old-Blue, #00325e);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  ._ApplyButton_ldfzn_138 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 50, 94, 1);
    background-color: var(--Brand-Old-Blue, #00325e);
    color: var(--colorTextLightSolid, #fff);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  ._CardContent_ldfzn_41 {
    
  }
  
  ._SearchBar_ldfzn_157 {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._ScrollableList_ldfzn_163 {
    max-height: 200px;
    overflow-y: auto;
  }
  
  ._CheckboxList_ldfzn_53 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  ._CursorPointer_ldfzn_174 {
    cursor: pointer;
  }
  ._ScrollableList_ldfzn_163 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  ._OptionItem_ldfzn_183 {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    /* background-color: ${({ isSelected }) => (isSelected ? 'rgba(0, 0, 0, 0.04)' : 'transparent')}; */
    &:hover {
      background-color: #f0f0f0;
    }
    border-radius: 4px;
  }
  
  ._OptionItem_ldfzn_183 input[type="checkbox"] {
    margin-right: 10px; /* Space between the checkbox and label */
  }
  
  ._OptionItem_ldfzn_183 input[type="checkbox"]:hover {
    cursor: pointer; /* Ensure cursor shows pointer for checkbox */
  }
  ._container_1spij_1{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 150px);
}

._otpPage_1spij_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    width: 40%;
    border: 1px solid #9babc5;
    border-radius: 12px;
    background-color: #ffffff;
    color: var(--primary-blue); 
  }

  ._heading_1spij_22{
    font-size: 18px;
    color: var(--primary-blue);
    width: 100%;
    font-weight: 600;
  }

  ._description_1spij_29{
    color: #9babc5;
    font-size: 16px;
  }
  
  h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  
  ._otpContainer_1spij_40 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  
  ._otpInput_1spij_46 {
    width: 50px;
    height: 50px;
    margin: 0 5px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #9babc5;
    border-radius: 5px;
    background-color: #ffffff;
    color: var(--primary-blue);
  }
  
  ._timer_1spij_58 {
    margin-top: 10px;
    font-size: 16px;
    color: #9babc5;
    span{
        color: var(--primary-blue);
    }
  }
  
  ._resendButton_1spij_67 {
    font-size: 14px;
    background-color: transparent;
    color: var(--primary-blue);
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

  
  ._submitButton_1spij_77 {
    padding: 10px 20px;
    font-size: 16px;
    color: #ffffff;
    background-color: var(--primary-blue);
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }
  
  ._submitButton_1spij_77:disabled {
    background-color: #c4c4c4;
    cursor: not-allowed;
  }

  
._container_1jy2v_2 {
  min-height: 100vh;
  background-color: var(--blue-body-color);
  padding: 10px 25px;
  font-family: Inter;
}
._header_1jy2v_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;

  text-decoration: none;
  position: relative;
  font-weight: 600;
  margin-right: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: start;
  height: 28px;
}
._title_1jy2v_25 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
._titleText_1jy2v_32 {
  text-decoration: none;
  position: relative;
  line-height: 28px;
  font-size: 18px;
  font-family: Inter;
  font-weight: 600;
  display: inline-block;
  color:#000000E0;
  width:100%;
}
._content_1jy2v_44 {
  font: 400 14px/22px Inter;
  color: rgba(0, 0, 0, 0.45);
}
._actionWrapper_1jy2v_49 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_1jy2v_56 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 2.5px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}
._tableContainer_1jy2v_65 {
  margin-top: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
}
._tableHeader_1jy2v_74 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}
._tableHeaderText_1jy2v_80{
  font:500 14px/22px Inter;
}
._tableFilters_1jy2v_84 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}
._filtersTag_1jy2v_91 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}
._resetFilterTag_1jy2v_99 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}
._paginationDiv_1jy2v_109 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  height: 45px;
}
._filterWrapper_1jy2v_117 {
  position: relative;
}
._dropdownMenu_1jy2v_121 {
  position: absolute;
  top: 40px; /* Adjust this value as needed */
  left: 0;
  z-index: 1000;
  background-color: white;
  border: 1px solid #ddd;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
._headerButtons_1jy2v_131 {
  display: flex;
  gap: 8px;
  align-items: center;
}
._uploadList_1jy2v_137 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;  
}
._list_name_1jy2v_155 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
}
/* ContactsUpdate.module.css */

._container_1iifb_3 {
  height: calc(100vh - 65px);
  background-color: #f6f8fa;
   font-family: 'Poppins', sans-serif;
   padding: 20px 33px;
 }
 ._headerRow_1iifb_9 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
 }
 ._actions_1iifb_15 {
   display: flex;
   align-items: center;
 }
 
 ._delete_1iifb_20 {
   display: flex;
   align-items: center;
   color: red;
   cursor: pointer;
   font-size: 12px;
   font-weight: 400;
   font-family: Inter;
 }
 
 ._deleteIcon_1iifb_30 {
   padding: 2px;
   border: 1px solid red;
   border-radius: 50%;
   margin-right: 20px;
   margin-left: 5px;
   width: 25px;
   height: 25px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 ._editMode_1iifb_43 {
   display: flex;
   align-items: center;
 }
 
 ._profileCard_1iifb_48 {
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 20px;
   background-color: #fff;
   margin-bottom: 20px;
 }
 
 ._topBar_1iifb_57 {
   background-color: white;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   padding: 15px 10px;
 }
 ._bottom_1iifb_63{
   background-color: white;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   padding: 15px 10px;
   margin-top: 10px;
 
 }
 ._profileHeader_1iifb_71 {
   display: flex;
   justify-content: space-between;
   width: 100%;
 }
 
 ._avatar_1iifb_77 {
   width: 100px;
   height: 100px;
   background-color: #e0e0e0;
   border-radius: 50%;
   margin-right: 20px;
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
 }
 
 ._avatar_1iifb_77 img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
 }
 
 ._avatar_1iifb_77 input[type="file"] {
   opacity: 0;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   cursor: pointer;
 }
 
 ._fileInput_1iifb_108 {
   display: none;
 }
 
 ._profileInfo_1iifb_112 {
   flex: 1;
   position: relative;
 }
 
 ._profileInfo_1iifb_112 h2 {
   margin: 0;
   font-size: 24px;
 }
 
 ._profileInfo_1iifb_112 p {
   margin: 5px 0;
 }
 
 ._tabs_1iifb_126 {
   display: flex;
   border: 1px solid rgba(98, 127, 153, 0.25);
   margin-bottom: 20px;
   background-color: rgba(245, 247, 249, 1);
   border-radius: 5px;
   width: fit-content;
 }
 
 ._tab_1iifb_126 {
   padding: 5px 20px;
   cursor: pointer;
   font-family: Inter;
 font-size: 12px;
 font-weight: 500;
 line-height: 22px;
 text-align: left;
 
 }
 ._channelsHeader_1iifb_145{
   font-family: Inter;
 font-size: 14px;
 font-weight: 500;
 line-height: 24px;
 text-align: left;
 
 }
 ._tab_1iifb_126._active_1iifb_153 {
   border-radius: 5px;
   background-color: 
   rgba(0, 50, 94, 1);
   color: white;
 }
 
 ._channelList_1iifb_160 {
   margin-top: 20px;
 }
 
 ._channelItemSubscribed_1iifb_164 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   margin-bottom: 10px;
   max-width: 300px;
 }
 
 ._channelItemSubscribed_1iifb_164 span,._channelItemSubscribed_1iifb_164 div {
 font-family: Inter;
 font-size: 14px;
 font-weight: 400;
 line-height: 22px;
 text-align: left;
 }
 ._activeChannelIcon_1iifb_182 {
   margin-top: 3px;
   margin-right: 5px;
 }
 ._avatarIcon_1iifb_186{
   height: 100%;
     width: 100%;
     max-width: 100px;
     max-height: 100px;
 }
 ._channelItemSubscribed_1iifb_164 svg {
   height: 17px;
   width: 17px;
   margin-right: 7px;
 }
 ._profileHeading_1iifb_197 {
   font-family: Inter;
   font-size: 16px;
   font-weight: 800;
   line-height: 16px;
   text-align: left;
 }
 
 ._switch_1iifb_205 {
   position: relative;
   display: inline-block;
   width: 40px;
   height: 20px;
 }
 ._name_1iifb_211{
   font-family: Inter;
 font-size: 16px;
 font-weight: 500;
 line-height: 21.78px;
 text-align: left;
 min-height: 20px;
 }
 ._subTitle_1iifb_219 {
   font-family: Inter;
   font-size: 14px;
   font-weight: 500;
   line-height: 19.36px;
   text-align: left;
   color: rgba(0, 0, 0, 0.5);
   margin-right: 7px;
   margin-top: 2px;
 }
 ._icon_1iifb_229{
   height: 15px;
   width: 15px;
   margin-right: 7px;
   margin-top: 3px;
 }
 ._detailsWrapper_1iifb_235{
   max-width: 1000px;
   display: flex;
   justify-content: space-between;
 }
 ._row_1iifb_240{
   display: flex;
   flex-direction: column;
   flex:1;
   margin-right: 10px;
 }
 ._iconColor_1iifb_246{
   color:#8c8c8c
 }
 ._email_1iifb_249{
   max-width: 200px;
   word-wrap: break-word; 
   word-break: break-word;
   white-space: normal;
 }
 ._address_1iifb_255{
   flex:3 !important;
 }
 ._noTags_1iifb_258{
   font-size: 12px;
     margin-top: 20px;
     justify-content: center;
     display: flex;
     margin-bottom: 20px;
 }
 ._addressText_1iifb_265 {
   display: -webkit-box;
   -webkit-line-clamp: 2; /* Show up to 2 lines */
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
 }
 ._details_1iifb_235{
   font-family: Inter;
 font-size: 12px;
 font-weight: 500;
 line-height: 22px;
 text-align: left;
 display: flex;
 flex-direction: row;
 }
 ._edit_1iifb_43{
   font-size: 12px;
   font-weight: 400;
   font-family: Inter;
   margin-right: 5px;
 }
 ._selectImage_1iifb_288{
   padding-left: 22px;
 }
 
 ._switch_1iifb_205 input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 
 ._slider_1iifb_298 {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   transition: 0.4s;
   border-radius: 20px;
 }
 
 ._slider_1iifb_298:before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 2px;
   bottom: 2px;
   background-color: white;
   transition: 0.4s;
   border-radius: 50%;
 }
 
 input:checked + ._slider_1iifb_298 {
   background-color: #2196F3;
 }
 
 input:checked + ._slider_1iifb_298:before {
   transform: translateX(20px); /* Adjusted translate value */
 }
 
 ._buttonBlock_1iifb_330 {
   display: flex;
   padding: 6px 10px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   border-radius: 6px;
   /* background: var(--colorerrorbase); */
   box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
   border: 1px solid #ff4d4f ;
   color: #ff4d4f;
   cursor: pointer;
   font-size: 12px;
   font-family: Inter;
   font-style: normal;
   font-weight: 400;
   line-height: 16px;
   background-color: #fff1f1 ;
   /* background-color: #ff4d4f; */
 
 }
 
 ._buttonUnblock_1iifb_352{
   display: flex;
   padding: 6px 10px;
   justify-content: center;
   align-items: center;
   gap: 8px;
   border-radius: 6px;
   /* background: var(--colorerrorbase); */
   box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
   border: 1px solid #009688 ;
   color: #009688;;
   cursor: pointer;
   font-size: 12px;
   font-family: Inter;
   font-style: normal;
   font-weight: 400;
   line-height: 16px;
   background-color: #f0fffd;
 }
 
 ._customModal_1iifb_372{
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.3s ease; 
   width: 500px;
 }._channelsHeader_1whje_1 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  
  ._box_1whje_9 {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
  }
  ._totalOrderValue_1whje_14{
    font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 16.94px;
text-align: left;
color:rgba(0, 0, 0, 0.5)

  }
  ._totalCustomers_1whje_23,
  ._requiredCustomers_1whje_24,
  ._kpCustomers_1whje_25 {
    height: 110px;
    flex: 1;
    border-radius: 5px;
    background-color: rgba(230, 235, 242, 1);
    margin-right: 10px;
    padding: 5px 5px 0px 5px;
  }
  
  ._innerTotalCustomers_1whje_34,
  ._innerrequiredCustomers_1whje_35,
  ._innerKPCustomers_1whje_36 {
    height: 80px;
    background-color: white;
    padding: 5px;
  }
  
  ._textTitle_1whje_42 {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
  }
  
  ._count_1whje_48 {
    font-weight: 600;
    font-size: 20px;
    color: rgba(4, 24, 41, 1);
  }
  
  ._button_1whje_54 {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
  }
  
  ._lowerBox_1whje_60 {
    height: 22px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
  }
  
  ._rfm_1whje_67 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
  }
  
  ._subText_1whje_75 {
    color: rgba(98, 127, 153, 1);
    font-size: 10px;
  }
  ._rfmBox_1whje_79 {
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    padding: 15px 10px;
    margin-top: 15px;
    border: 1px solid rgba(231, 231, 231, 1);
  }
  
  ._rfmItem_1whje_88 {
    text-align: center;
    flex: 1;
  }
  
  ._rfmTitle_1whje_93 {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.45);
    justify-content: center;
    display: flex;
  }
  
  ._rfmValue_1whje_101 {
    font-size: 16px;
    font-weight: 500;
    color: rgba(4, 24, 41, 1);
    justify-content: center;
    display: flex;
    text-transform: capitalize;
  }
  
  ._rfmItem_1whje_88:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
  }
  ._insightsHeader_1whje_113 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
  }
  ._insightsSubHeader_1whje_120{
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color:rgba(0, 0, 0, 0.45);
    text-align: left;
  }
  
  ._insightsBox_1whje_129 {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding: 10px 2px;
  }
  ._insightItem_1whje_135 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid rgba(231, 231, 231, 1);
    padding: 10px ;
  }
  
  ._insightTitle_1whje_146 {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: rgba(4, 24, 41, 1);
    font-family: Inter;
  }
  
  ._insightTitle_1whje_146 i {
    margin-right: 5px;
  }
  ._insightValue_1whje_158 {
    font-size: 14px;
    font-weight: 400;
    color: rgba(4, 24, 41, 1);
    display: flex;
    align-items: center;
  }
  
  ._highValue_1whje_166 {
    color: red;
    margin-right: 5px;
    background-color: rgba(255,0,0,0.1);
    padding: 2px 5px;
    border-radius:5px;
    border: 1px solid red;
    font-size: 12px;
  }
  ._mediumValue_1whje_175 {
    color: #FAAD14;
    margin-right: 5px;
    background-color: rgba(250,173,20,0.1);
    padding: 2px 5px;
    border-radius:5px;
    border: 1px solid #FAAD14;
    font-size: 12px;
  }
  ._val_1whje_184 {
    margin-right: 5px;
    padding: 2px 5px;
    border-radius:5px;
    font-size: 12px;
    text-transform: capitalize; 
  }
  ._lowValue_1whje_191 {
    color: #52C41A;
    margin-right: 5px;
    background-color: rgba(82,196,26,0.1);
    padding: 2px 5px;
    border-radius:5px;
    border: 1px solid #52C41A;
    font-size: 12px;

  }
  
  ._insightButton_1whje_202 {
    margin-left: 10px;
  }    

  ._gknetwork_1whje_206{
    border: 1px solid rgba(231, 231, 231, 1);
    border-radius: 5px;
    padding: 10px 20px;
   
  }
  

  ._tabModalContainer_1whje_214{
    background-color: rgba(255, 255, 255, 0.1); 
    width:100%;
    height:100%;
    position: absolute;
    top:0px;
    z-index: 100;
    backdrop-filter: blur(3px);
  }
  ._tabContainer_1whje_223{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; 
  }
  ._modalContent_1whje_229{
    position: absolute;
    top:100px;
    left:40%;
    z-index: 10000;
    background-color: white;
    border-radius: 5px;
    width: 280px;
    height: 150px;
    font-size: 12px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
  }
  ._unlock_1whje_245 {
    font-size: 14px;
    font-family: 'Inter';
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
  }
  ._desc_1whje_252 {
    font-size: 12px;
    font-family: 'Inter';
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0,0,0,.0.45);
    text-align: center;
  }
  ._noData_1whje_261{
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
      min-height: 200px;
  }
  ._nodatatext_1whje_269 {
    font-family: 'Inter';
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    
  }._container_5i3au_1{
    padding: 10px 25px;
    background-color: var(--blue-body-color);
    min-height: calc(100vh - 64px);
}

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

._backIcon_5i3au_14{
    display: flex;
    align-items: center;
    /* height: 16px; */
    cursor: pointer;

    svg{
        path{
            fill: var(--primary-blue);
        }
    }
}

._headerWrapper_5i3au_27{
    display: flex;
    flex-direction: column;
}
._headerDescription_5i3au_31{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

._headerTitle_5i3au_39{
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 88.889% */
}


._headerButtons_5i3au_51{
    display: flex;
    gap: 8px;
    align-items: center;
}

._transparentButton_5i3au_57{
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;

}

._newTemplate_5i3au_77{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #FFF);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;

}

._iconsContainer_5i3au_96{
    display: flex;
    gap: 8px;
}

._icon_5i3au_96{
    cursor: pointer;
}

._textGreen_5i3au_105{
    color: #14992A;
}._container_ptymz_1 {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    background: #FFF;
  }
  
  ._Button1_ptymz_8 {
    align-self: stretch;
    border-radius: 4px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
  }
  
  ._Button1_ptymz_8:hover {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
    cursor: pointer;
  }
  ._Selected_ptymz_25 {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
  }
  
  ._header_ptymz_31{
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
  }
  
  ._ButtonParent_ptymz_37 {
    border-radius: 4px;
    background-color: #f5f7f9;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    gap:3px;
  
  }
  
  ._Text_ptymz_51 {
    position: relative;
    line-height: 22px;
    font-weight: 500;
    font-size: 12px;
    font-family: Inter;
  }
  
  ._actionWrapper_ptymz_59{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
  }
  ._actionWrapperFilter_ptymz_65{
    border :1px solid rgba(0, 0, 0, 0.15);
    padding: 5px 12px 5px 12px;
    border-radius: 6px;
    height: 32px;
    background-color: white;
  }
  

  ._transparentButton_ptymz_74 {
    display: flex;
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--primary-blue);
    background: var(--colorBgContainer, #fff);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--primary-blue);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    height: 32px;
  }._container_1ih0n_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_1ih0n_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
}

._Button1_1ih0n_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1ih0n_25 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1ih0n_31 {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

._ButtonParent_1ih0n_37 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 320px;
}

._Text_1ih0n_51 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_1ih0n_58 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_1ih0n_64 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._transparentButton_1ih0n_73 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

/* Preview Styles */

._previewContainer_1ih0n_93 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

._details_1ih0n_100 {
  width: 50%;
  display: flex;
  padding: 16px;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
}

._phoneContainer_1ih0n_111 {
  border-radius: 40px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  width: 50%;
  display: flex;
  flex-direction: column;
  height: 600px;
}

._notificationBar_1ih0n_120 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}
._timeStamp_1ih0n_142 {
  color: black;
  display: flex;
  justify-content: center;
  font-size: 10px;
  margin-bottom: 8px;
}
._smsBar_1ih0n_149 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f4f9;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._whatsappBar_1ih0n_165 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f4f9;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}

._whatsappBackground_1ih0n_182 {
  background-image: url('./whatsapp-bg.png');
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._smsBackground_1ih0n_190 {
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._contentDiv_1ih0n_197 {
  height: 400px;
  overflow: scroll;
  padding: 8px;
}
._messageWrapper_1ih0n_202 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5px;
}

._senderNameIcon_1ih0n_209 {
  display: flex;
  justify-content: start;
  align-items: center;
}
._messageContent_1ih0n_214 {
  width: 90%;
  padding: 20px 8px;
  border-radius: 12px;
  background: #fff;

  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._whatsappContent_1ih0n_240 {
  height: 400px;
  overflow: scroll;
  padding: 8px;
  /* display: flex;
  justify-content: space-between;
  align-items: start; */
}

._filledButton_1ih0n_249 {
  display: grid;
  column-gap: 10px;
  width: 90%;
  grid-template-columns: 1fr 1fr;

  button {
    margin-top: 5px;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._footer_1ih0n_272 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 0px;
}
._textbox_1ih0n_279 {
  display: flex;
  width: 88%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  background: #fff;

  color: #9da3a7;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

._mic_1ih0n_296 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 32px;
  background: #00927c;
}

._footerBar_1ih0n_307 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._detailsTitle_1ih0n_319 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_1ih0n_329 {
  padding: var(--Spacing-Pixel-3, 12px) 0px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}

._detailsButtons_1ih0n_355 {
  button {
    width: 100%;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._template_name_1ih0n_373 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}
._Container_c5ocl_1 {
  padding: 0px 10px;
  font-family: Inter;
}
._containerHeader_c5ocl_5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

._headerText_c5ocl_12 {
  font: 600 16px/20px Inter;
  color: grey;
  margin-left: 10px;
}
._dropFileText_c5ocl_17 {
  color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

._dragDrop_c5ocl_25 {
  border-radius: 4px;
  border: 1px dashed rgba(98, 127, s153, 0.5);

  background: rgba(230, 237, 243, 0.25);
}

._documentUploader_c5ocl_32 {
  border-radius: 8px;
  border: 1px dashed rgba(98, 127, 153, 0.5);
  background: rgba(230, 237, 243, 0.25);
  margin-top: 10px;

  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

  cursor: pointer;
  min-height: 150px;
  &._active_c5ocl_47 {
    border-color: #6dc24b;
  }
}

._downloadSampleFile_c5ocl_52 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: '#F7FAFF';
  border: 1px solid #1677ff;
  border-radius: 6px;
  padding: 16px;
  margin-top: 16px;
  font-size: 12px;
}
._downloadText_c5ocl_63 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
._downloadLink_c5ocl_70 {
  width: 50%;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}

._fileInfoDiv_c5ocl_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  font-size: 12px;
}

._uploadDivider_c5ocl_87 {
  background-color: rgba(236, 242, 248, 1);
  border-radius: 40px;
  padding: 2px 16px;
}
._formContainer_c5ocl_92 {
  /* margin-top: 1px; */
  /* border: 1px solid rgba(203, 210, 222, 1); */
  /* padding: 5px; */
  border-radius: 8px;
  /* margin: 10px 10px 20px 10px; */
  direction: grid;
  align-items: center;
  justify-content: center;

  ._title_c5ocl_102 {
    margin: 5px 0px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }

  ._formDiv_c5ocl_109 {
    display: grid;
    direction: column;
    gap: 5px;
    margin-top: 5px;
    justify-content: center;
  }

  ._formInputContainer_c5ocl_117 {
    display: grid;
    direction: column;
    gap: 5px;
    font-size: 12px;
  }
}

._tableContainer_c5ocl_125 {
  margin: 10px 2px;

  ._title_c5ocl_102 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}

._buttonContainer_c5ocl_136 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  margin-top: 16px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Inter;
  ._cancelButton_c5ocl_145 {
    width: 50%;
    font-size: 14px;
    background-color: white;
    border: 1px solid rgba(203, 210, 222, 1);
    color: black;
    height: 32px;
  }
  ._uploadButton_c5ocl_153 {
    background-color: rgba(0, 50, 94, 1);
    color: white;
    width: 50%;
    font-size: 14px;
    height: 32px;
  }
}
._CardWrapper_1c2wz_1 {
  border-radius: 6px;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
    0px 3px 6px -4px rgba(0, 0, 0, 0.12);
  border: 1px solid rgba(245, 245, 245, 1);
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 10px;
}

._CardHeader_1c2wz_12 {
  border-bottom: 1px solid rgba(240, 240, 240, 1);
  display: flex;
  gap: 10px;
  width: 100%;
}

._StatusList_1c2wz_19 {
  background-color: #fff;
  gap: 5px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
  white-space: nowrap;
  width: 180px;
  min-height: 150px;
}

._StatusText_1c2wz_31 {
  font-family: Inter, sans-serif;
  flex: 1;
}

._Divider_1c2wz_36 {
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  width: 1px;
}

._CardContent_1c2wz_41 {
  border-radius: 0px 6px 6px 0px;
  border-left: none;
  display: flex;
  padding-bottom: 8px;
  flex-direction: column;
  flex: 1;
  width: 180px !important;
}

._CheckboxList_1c2wz_51 {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 5px 70px 5px 12px;
}

._CheckboxItem_1c2wz_58 {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}

._CheckboxLabel_1c2wz_65 {
  color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
  font: 400 14px/157% Inter, sans-serif;
}

._TagList_1c2wz_70 {
  border-top: 1px solid rgba(245, 245, 245, 1);
  background-color: #fff;
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: var(--Brand-Old-Blue, #00325e);
  font-weight: 400;
  white-space: nowrap;
  line-height: 167%;
  padding: 8px 0;
  width: 100%;
  flex-wrap: wrap;
}

._TagItem_1c2wz_85 {
  border-radius: 4px;
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  gap: 4px;
  padding: 1px 8px;
  align-items: center;
}

._TagLabel_1c2wz_94 {
  font-family: Inter, sans-serif;
  color: #00325e;
  font-size: 10px;
}

._CardFooter_1c2wz_100 {
  border-radius: 0px 0px 7px 7px;
  border-top: 1px solid rgba(240, 240, 240, 1);
  background-color: #fff;
  display: flex;
  width: 100%;
  flex-direction: column;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 22px;
  justify-content: center;
  padding: 8px;
}

._FooterButtonList_1c2wz_115 {
  justify-content: center;
  display: flex;
  gap: 16px;
}

._ResetButton_1c2wz_121 {
  font-family: Inter, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: var(--colorBgContainer, #fff);
  color: var(--Brand-Old-Blue, #00325e);
  flex: 1;
  padding: 5px 16px;
  cursor: pointer;
}

._ApplyButton_1c2wz_136 {
  font-family: Inter, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 50, 94, 1);
  background-color: var(--Brand-Old-Blue, #00325e);
  color: var(--colorTextLightSolid, #fff);
  flex: 1;
  padding: 5px 16px;
  cursor: pointer;
}

._CardContent_1c2wz_41 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  font-size: 12px;
}

._SearchBar_1c2wz_159 {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

._ScrollableList_1c2wz_165 {
  max-height: 200px;
  overflow-y: auto;
}

._CheckboxList_1c2wz_51 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._CursorPointer_1c2wz_176 {
  cursor: pointer;
}
._uploadDivider_cjd0i_1 {
  background-color: rgba(236, 242, 248, 1);
  border-radius: 40px;
  padding: 2px 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: Inter;
}

._uploadingStateContainer_cjd0i_10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 12px;
  border-radius: 8px;
  font-size: 12px;
}

._uploadingFileDetailsDiv_cjd0i_21 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  font-size: 12px;
}

._fileSizeDiv_cjd0i_29 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}

._uploadingPercentageDiv_cjd0i_37 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  ._uploadingInProcessCircle_cjd0i_43 {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: rgba(154, 154, 154, 1);
  }
  ._uploadingCompleteCircle_cjd0i_49 {
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: green;
  }
}
._image_jwx3c_1{
    height: 200px;
    width: 80%;
}

._cardContainer_jwx3c_6{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items:  'flex-start';
    justify-content: flex-start;
    padding: 16px;
    padding-top: 0px;
}

._container_jwx3c_17{
    min-height: 280px;
    padding-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}

._content_jwx3c_28{
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    gap: 2px;
    border-bottom-right-radius:12px;
    border-bottom-left-radius: 12px;
    border-top:1px solid rgba(0, 0, 0, 0.1) ;
}

._imageWrapper_jwx3c_38{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

._iphoneContainer_jwx3c_45 {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 350px ; 
  height: 620px ; 
    /* as per 360*640 */
}

._iphone_jwx3c_45 {
  position: relative;
  width: 375px;
  height: 612px;
  /* border: 16px solid #000;
  border-radius: 36px; */
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

._phoneContent_jwx3c_69 {
  width: 100%;
  height: 100%;
}

._iconWrapper_jwx3c_74{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

._iconfinal_jwx3c_80{
    padding: 4px;
    padding-bottom: 0px;
    cursor: pointer;
}

._icon_jwx3c_74{
    display: flex;
    gap: 10px;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 4px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
}

._desktopContainer_jwx3c_95{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 500px ; 
  height: 650px ; 
}

._desktop_jwx3c_95{
    position: relative;
    width: 500px;
    height: 650px;
    /* border: 16px solid #000;
    border-radius: 36px; */
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

._name_jwx3c_119{
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

._time_jwx3c_127{
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


._header_jwx3c_136{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 14px 0px;
}

._title_jwx3c_143{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

._titleText_jwx3c_150{
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}


._actionWrapper_jwx3c_158{
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 16px;
}

._description_jwx3c_165{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

._seeMore_jwx3c_172{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    display: flex;
    justify-content: end;
    padding-right: 12px;
    
    span{
        cursor: pointer;
        color: var(--colorPrimaryBase, #1677FF);
    }
}

._cardWrapper_jwx3c_187{
    padding: 12px 0px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid #CBD2DE;
}

._squareButton_jwx3c_194{
    width: 32px;
    height: 32px;
    padding: 0px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    gap: 8px;
    flex-shrink: 0;
    text-align: end;
    display: flex;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: #FFF;
    cursor: pointer;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
}


._loader_jwx3c_216 {
    display: block;
    border: 3px solid var(--primary-blue);
    border-radius: 50%;
    border-top: 3px solid transparent;
    width: 25px;
    height: 25px;
    -webkit-animation: _spin_jwx3c_1 0.75s linear infinite; /* Safari */
    animation: _spin_jwx3c_1 0.75s linear infinite;
  }

  @-webkit-keyframes _spin_jwx3c_1 {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }

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

  ._editIconWrapper_jwx3c_245{
    position: absolute;
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    bottom: 150px;
    align-items: center;
  }
  ._editIcon_jwx3c_245._disabled_jwx3c_253 {
    pointer-events: auto; /* Allow hover for tooltip */
  }
  ._editIcon_jwx3c_245{
    display: flex;
    width: 32px;
    height: 32px;
    padding: 6px;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 1.15px solid rgba(0, 0, 0, 0.3);
    background: #FFF;
    cursor: pointer;
  }

  ._closeButton_jwx3c_269{
    width: 20px;
    margin-top: 10px;
    font-size: 20px;
    cursor: pointer;
    margin-left: 10px;
  }


  ._filledButton_jwx3c_278{
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #FFF);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
    cursor: pointer;
    min-width: 100px;
  }

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

._headerWrapper_jwx3c_302{
    display: flex;
    flex-direction: column;
}
._headerDescription_jwx3c_306{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

._headerTitle_jwx3c_314{
    display: flex;
    gap: 8px;
    align-items: center;

    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 88.889% */
}


._headerButtons_jwx3c_327{
}

._newTemplate_jwx3c_330{
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #FFF);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._editorContainer_jwx3c_348{
  height: calc(100vh - 56px);
  font-family: 'Inter', sans-serif;
  padding: 20px 25px;
  background-color: var(--blue-body-color);
}


._label_jwx3c_356 {
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  padding: 0px 5px;
  margin-top: 10px;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}.videoContainer {
    position: relative;
    width: 182px;
    height: 92px;
    margin-bottom: 5px;
    max-height:130px;
    max-width:130px;
    margin-top: 10px;
  }
  .MuiFormControlLabel-root span{
    font-size: 12px;
  }

.iphone-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f0f0f0;
  flex-direction: column;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 421px ; 
    height: 750px  
    /* as per 360*640 */
}

.iphone {
  position: relative;
  width: 375px;
  height: 812px;
  border: 16px solid #000;
  border-radius: 36px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.phone-content {
  width: 100%;
  height: 100%;
  margin-top: 15px;
}

.iphone:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 30px;
  background-color: #000;
  border-radius: 0 0 20px 20px;
}

.varDeleteBtn{
  font-size: 16px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: end;
}._container_kie93_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_kie93_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
}

._Button1_kie93_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_kie93_25 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_kie93_31 {
  display: flex;
  justify-content: flex-end;
  padding: 14px 16px;
}

._ButtonParent_kie93_37 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
}

._Text_kie93_50 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
}

._actionWrapper_kie93_58 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_kie93_64 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 12px 5px 12px;
  border-radius: 6px;
  height: 32px;
  background-color: white;
}

._transparentButton_kie93_72 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--primary-blue);
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--primary-blue);
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  height: 32px;
}

._tableFilters_kie93_92 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_kie93_99 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_kie93_107 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}
/* Preview Styles */

._previewContainer_1a3sg_3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
}

._details_1a3sg_10 {
  width: 50%;
  display: flex;
  padding: 16px;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
}

._detailsTitle_1a3sg_21 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_1a3sg_31 {
  padding: var(--Spacing-Pixel-3, 12px) 0px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}
._phonePreviewDiv_1a3sg_56 {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
._Button1_1a3sg_63 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
}

._Button1_1a3sg_63:hover {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1a3sg_80 {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1a3sg_86 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_1a3sg_92 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  /* width: 50%; */
}

._Text_1a3sg_106 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
}
._OsIcon_1a3sg_113 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px; /* Adjust size if needed */
  color: inherit; /* Use parent color or specify */
}
._Container_169tt_1 {
  width: 100%;
  padding: 10px 10px;
  font: 400 12px/22px Inter, sans-serif;
  color: rgba(0, 0, 0, 0.65);
  margin-left: 5px;
}
._button_169tt_8 {
  font: 400 12px/22px Inter;
  margin-top: 5px;
  color: white;
}
._container_1hcmp_1 {
  width: 100%;
  padding: 20px 25px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}

._createTemplateContainer_1hcmp_8 {
  display: flex;
  gap: 30px;
}

._createTemplateInput_1hcmp_13 {
  width: 70%;
  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
  padding: 16px;
  padding-top: 5px;
}

._preview_1hcmp_22 {
  width: 30%;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #cbd2de;
}

._categoryWrapper_1hcmp_30 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 50px;
}

._phoneContainer_1hcmp_37 {
  border-radius: 40px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  display: flex;
  flex-direction: column;
  height: 600px;
  width: 27%;
  border: 1px solid #cbd2de;
}

._dropFileText_1hcmp_47 {
  color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
  text-align: center;
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 173.333% */
}

._dragDrop_1hcmp_57 {
  border-radius: 4px;
  border: 1px dashed rgba(98, 127, 153, 0.5);

  background: rgba(230, 237, 243, 0.25);
}

._documentUploader_1hcmp_64 {
  border-radius: 8px;
  border: 1px dashed rgba(98, 127, 153, 0.5);
  background: rgba(230, 237, 243, 0.25);
  margin-top: 5px;

  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

  cursor: pointer;
  min-height: 150px;
  &._active_1hcmp_79 {
    border-color: #6dc24b;
  }

  ._uploadInfo_1hcmp_83 {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;

    svg {
      font-size: 36px;
      margin-right: 1rem;
    }

    div {
      p {
        margin: 0;
        font-size: 14px;
        font-family: Inter;
      }

      p:first-child {
        font-weight: bold;
      }
    }
  }

  ._fileList_1hcmp_106 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    &__container {
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }

  ._fileItem_1hcmp_118 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;

    ._fileInfo_1hcmp_126 {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      flex: 1;

      p {
        margin: 0;
        font-size: 10px;
        font-family: Inter;
        color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
        color: #333;
      }
    }

    ._fileActions_1hcmp_141 {
      cursor: pointer;

      svg {
        font-size: 16px;
        font-family: Inter;
        color: #888;
      }

      &:hover {
        svg {
          color: #d44;
        }
      }
    }
  }

  ._browseBtn_1hcmp_158 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    background-color: var(--primary-color);
    &:hover {
      background-color: transparent;
    }
  }

  ._successFile_1hcmp_172 {
    display: flex;
    align-items: center;
    color: #6dc24b;

    p {
      margin: 0;
      font-size: 12px;
      font-family: Inter;
      font-weight: bold;
    }
  }

  input[type='file'] {
    display: none;
  }
}

._attachmentContainer_1hcmp_190 {
  width: 100%;
  height: 120px;
  overflow: hidden;
  text-align: center;
  background-color: white;
  margin-bottom: 10px;
}

._attachmentFile_1hcmp_199 {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

._playButton_1hcmp_207 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 8px 16px;
  border-radius: 50%;
  cursor: pointer;
}

._label_1hcmp_219 {
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  padding: 0px 5px;
  display: block;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

  span {
    color: rgba(0, 0, 0, 0.5);
  }
}

._labelWrapper_1hcmp_233 {
  display: flex;
  justify-content: space-between;
}

._error_1hcmp_238 {
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  padding: 0px 5px;
  color: red;
}

._radio_1hcmp_246 {
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 22px;
  padding: 0px 5px;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}

._ctaFieldWrapper_1hcmp_255 {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 10px;
}

._sampleInput_1hcmp_261 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

._mediaBody_1hcmp_267 {
  width: 100%;
  height: 220px;
}

._submitButton_1hcmp_272 {
  display: flex;
  width: 100%;
  justify-content: end;
  margin-top: 10px;
  gap: 10px;

  button {
    width: 25%;
    padding: 10px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #fff);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }
}

._singleCardContainer_1hcmp_295 {
  position: relative;
}

._deleteIcon_1hcmp_299 {
  position: absolute;
  right: 8px;
  cursor: pointer;

  svg {
    path {
      fill: red;
    }
  }
}

._switch_1hcmp_311 {
  display: flex !important;
  align-items: center;
  gap: 5px;
  margin: 5px 0px;

  width: 155px;
  font-size: 10px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  padding: 0px 5px;
  display: block;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

  b {
    font-size: 11px;
  }
}

._singleFileContainer_1hcmp_331 {
  display: flex;
  justify-content: space-between;
  padding: 5px 10px;
  width: 100%;
  border: 1px solid #d9d9d9;
  align-items: center;
  border-radius: 6px;
}

._fileLeft_1hcmp_341 {
  display: flex;
  align-items: center;
}

._link_1hcmp_346 {
  height: 15px;
  cursor: pointer;
}

._fileName_1hcmp_351 {
  font-size: 12px;
  font-family: Inter;
  color: var(--primary-blue);
  font-weight: 600;
  margin: 0px 10px;
}

._remove_1hcmp_359 {
  border: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: 400;
  color: var(--primary-blue);
  cursor: pointer;
}

._fileSize_1hcmp_368 {
  margin: 0px 10px;
  color: #00000073;
  font-size: 12px;
}

._headerTemplate_1hcmp_374 {
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
}
._CardLabel_1hcmp_379 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.65);
}

._addButton_1hcmp_384 {
  display: flex;
  width: 100%;
  justify-content: start;
  margin-top: 10px;
  margin-left: 2px;
  gap: 10px;

  button {
    width: 15%;
    padding: 10px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #fff);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }
}

._button_1hcmp_408 {
  display: flex;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  svg {
    path {
      fill: black;
    }
  }
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

._addVariableButton_1hcmp_431 {
  cursor: pointer;
  color: rgb(22, 119, 255);
  font-size: 12px;
  padding: 2px 5px;
}

._phonePreviewDiv_1hcmp_438 {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
._Button1_1hcmp_445 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
}

._Button1_1hcmp_445:hover {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1hcmp_462 {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1hcmp_374 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_1hcmp_474 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  /* width: 50%; */
}

._Text_1hcmp_488 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
}
._OsIcon_1hcmp_495 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px; /* Adjust size if needed */
  color: inherit; /* Use parent color or specify */
}

._addIosButton_1hcmp_503 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.65);
  margin: 5px -1px 0px 10px;
}

  ._phoneFrame_1pb36_2 {
    position: relative;
    width: 300px;
    height: 580px;
    background: white;
    border: 1px solid #cbd2de;
    border-radius: 40px;
    box-sizing: border-box;
  }
  
  /* Top elements */
  ._topSection_1pb36_13 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    gap: 10px;
    border-bottom: 1px solid #cbd2de;
  }
  
  ._speaker_1pb36_22 {
    width: 60px;
    height: 10px;
    border-radius: 5px;
    border: 2px solid #888;
  }
  
  ._camera_1pb36_29 {
    width: 12px;
    height: 12px;
    border: 2px solid #888;
    border-radius: 50%;
  }
  
  /* Screen border */
  ._screenBorder_1pb36_37 {
    margin: 10px;
    position: relative;
    height: 470px;
    border: 1px solid #cbd2de;
    border-radius: 6px;
    overflow: hidden;
  }
  
  /* Top bar */
  ._topBar_1pb36_47 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
  }
  
  ._arrow_1pb36_56 {
    width: 12px;
    height: 12px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    margin-left: 4px;
  }
  
  ._rightIcons_1pb36_65 {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  
  ._dots_1pb36_71 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
  }
  
  ._dots_1pb36_71::before,
  ._dots_1pb36_71::after,
  ._dots_1pb36_71 span {
    content: '';
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    display: block;
  }
  
  /* Inner content (white area) */
  ._textBox_1pb36_90 {
    margin: 20px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 6px;
  }
  
  /* Bottom button */
  ._bottomButtonText_1pb36_98 {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 25px;
    border-radius: 25px;
    border: 2px solid #888;
  }

  ._bottomSection_1pb36_109 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-top: 1px solid #cbd2de;
  }

  ._contentPad_1pb36_117 {
    padding: 12px;
    overflow-y: scroll;
    height: 450px;
  }

  ._cardContainer_1pb36_123 {
    background: #fff;
    border: 1px solid #cbd2de;
    border-radius: 8px;
    overflow: hidden;
  }

  /* Vertical layout */
  ._verticalImageBox_1pb36_131 {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    border-bottom: 1px solid #e9e9e9;
  }

  ._cardBody_1pb36_139 {
    padding: 12px 14px;
  }

  ._cardTitle_1pb36_143 {
    font-weight: 700;
    font-size: 14px;
    color: #1d1d1f;
    margin-bottom: 6px;
  }

  ._cardDesc_1pb36_150 {
    color: #8a8a8e;
    font-size: 12px;
    line-height: 16px;
    max-height: 150px;
    overflow-y: scroll;
  }

  /* Horizontal layout */
  ._hRow_1pb36_159 {
    display: flex;
    gap: 12px;
    align-items: stretch;
  }

  ._hRow_1pb36_159._left_1pb36_165 ._hImageBox_1pb36_165 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  ._hRow_1pb36_159._right_1pb36_65 {
    flex-direction: row-reverse;
  }
  ._hRow_1pb36_159._right_1pb36_65 ._hImageBox_1pb36_165 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  ._hImageBox_1pb36_165 {
    flex: 0 0 40%;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    border: 1px solid #e9e9e9;
  }

  ._hTextBox_1pb36_185 {
    flex: 1 1 auto;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

._carouselArrow_1pb36_193 {
  background: transparent;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  cursor: pointer;
  /* safety if inline style gets overridden by slick */
  display: flex;
  align-items: center;
  justify-content: center;
}

._carouselNav_1pb36_206 {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

._navBtn_1pb36_213 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
}

._navBtn_1pb36_213 svg {
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

._navBtnDisabled_1pb36_226 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
  opacity: 0.5;
  cursor: not-allowed;
}

._navBtnDisabled_1pb36_226 svg {
  color: #888;
  font-size: 14px;
}._container_l0rv8_1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 10px;
}

._topBar_l0rv8_8 {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
  font-weight: 700;
  font-size: 20px;
  padding: 10px 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 10px;
}
._header_l0rv8_23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

._headerTitle_l0rv8_30 {
  font: 600 18px/22px Inter;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
._headerAction_l0rv8_37 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

._headerSubTitle_l0rv8_44 {
  font: 400 14px/22px Inter;
  color: grey;
}

._contentDiv_l0rv8_49 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  margin-top: 10px;
}
._sidebar_l0rv8_58 {
  width: 22%;
}
._templateCategoryList_l0rv8_61 {
  margin-top: 24px;
  overflow-y: auto;
  max-height: 500px;
}

._templateCategoryDiv_l0rv8_67 {
  width: 100%;
  text-align: left;
  padding: 8px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  background: #fff;
}
._categoryInfoContainer_l0rv8_79 {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}

._dropdownArrow_l0rv8_86 {
  transition: transform 0.3s ease;
}

._dropdownArrow_l0rv8_86._expanded_l0rv8_90 {
  transform: rotate(180deg);
}
._templateCategoryDiv_l0rv8_67._expanded_l0rv8_90 {
  background: #f5f5f5;
}

._templateCategoryDiv_l0rv8_67:hover {
  background-color: #f0f0f0; /* Light grey or any color you prefer */
}

._templateCategoryDiv_l0rv8_67._active_l0rv8_101 {
  background-color: #f0f0f0; /* Darker grey or selected state color */
}
._templateSubCategoryList_l0rv8_104 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
  margin-top: 8px;
  margin-left: 8px;
}

._templateItem_l0rv8_112 {
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  padding: 10px;
  background: #fff;
  margin-bottom: 4px;
  cursor: pointer;
}

._subCategoryItem_l0rv8_121 {
  width: 100%;
  text-align: left;
  padding: 8px 12px;

  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}

._subCategoryItem_l0rv8_121:hover {
  background-color: #f0f0f0; /* Light grey or any color you prefer */
}

._subCategoryItem_l0rv8_121._active_l0rv8_101 {
  background-color: #f0f0f0; /* Darker grey or selected state color */
}

._subCategoryTitle_l0rv8_142 {
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
}
._iconWrapper_l0rv8_147 {
  padding: 2px 4px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
._cardTitle_l0rv8_154 {
  font: 500 14px/16px Inter;
}
._cardSubtitle_l0rv8_157 {
  font: 400 12px/16px Inter;
  margin-top: 5px;
}

._templateContainer_l0rv8_162 {
  width: 80%;
  height: calc(100vh - 100px);
  overflow-y: auto;
  padding: 0px 20px 40px 20px; /* Add bottom padding */
  border-left: 1px solid rgb(228, 228, 231);
}
._buildTemplate_l0rv8_169 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._gridContainer_l0rv8_187 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  column-gap: 32px; /* horizontal gap */
  row-gap: 16px; /* vertical gap */
  width: 100%;
  box-sizing: border-box;
}
._templateTitle_l0rv8_195 {
  border: 1px solid rgb(228, 228, 231);
  height: 40px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 5px;
  font: 500 14px/18px Inter;
  display: flex;

  align-items: center;
  justify-content: space-between;
  gap: 5px;
}
._templateFormatDiv_l0rv8_209 {
  border: 1px solid rgb(228, 228, 231);
  border-radius: 10px;
  padding: 4px 2px;
  width: 40%;
  font: 500 10px/18px Inter;
  text-align: center;
}
._gridItem_l0rv8_217 {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 200px; /* adjust as needed */
  transition: box-shadow 0.2s;
}

._gridItem_l0rv8_217:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

._noTemplatesWrapper_l0rv8_233 {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

._noTemplatesContent_l0rv8_240 {
  color: grey;
  font: 400 14px/16px Inter;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

._noTemplatesIcon_l0rv8_250 {
  font-size: 30px;
  width: 30px;
  height: 30px;
  color: grey;
}

._noTemplatesSubtitle_l0rv8_257 {
  color: grey;
  font: 400 12px/16px Inter;
}
._container_xqghe_1 {
  width: 100%;
  border-radius: 8px;
  /* border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15)); */
  background: #fff;
  height: 20%;
  position: relative;
  display: inline-block;
}

._whatsappBar_xqghe_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #085b53;
  padding: 10px 12px;
  width: 100%;
  color: white;
  border-radius: 8px 8px 0px 0px;
  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._hoverPopup_xqghe_26 {
  position: absolute;
  top: 8px; /* adjust vertically above */
  right: 8px;
  background-color: #f0f0f0;
  width: 25%;
  padding: 2px 6px;
  font-size: 500 16px/16px Inter;
  cursor: pointer;
  border-radius: 4px;
  color: black;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
._container_xqghe_1:hover ._hoverPopup_xqghe_26 {
  opacity: 1;
}
._whatsappBackground_xqghe_50 {
  background-image: url('/assets/whatsapp-bg-fc0a1849.png');
  background-size: contain;
  height: 350px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 8px 8px;
  border-bottom: 1px solid rgb(228, 228, 231);
}

._messageContent_xqghe_60 {
  width: 90%;
  padding: 8px;
  border-radius: 4px;
  background: #fff;

  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._whatsappContent_xqghe_86 {
  height: 465px;
  overflow: scroll;
  padding: 20px;
  

  :-webkit-scrollbar {
    display: none;
  }

  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

._filledButton_xqghe_100 {
  display: grid;
  column-gap: 10px;
  width: 90%;
  grid-template-columns: 1fr 1fr;

  button {
    margin-top: 5px;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._footer_xqghe_123 {
  display: flex;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 10px;
}

._textbox_xqghe_130 {
  display: flex;
  width: 88%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  background: #fff;

  color: #9da3a7;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

._mic_xqghe_147 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 32px;
  background: #00927c;
}

._footerBar_xqghe_158 {
  display: flex;
  justify-content: center;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._detailsTitle_xqghe_169 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_xqghe_179 {
  padding: var(--Spacing-Pixel-3, 12px) 0px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}

._detailsButtons_xqghe_205 {
  button {
    width: 100%;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._template_name_xqghe_223 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
}

._qrButtonType_xqghe_231 {
  padding: 5px 0px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

._ctaButtons_xqghe_241 {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 2px 0px;

  span {
    display: flex;
    padding: 0px var(--Spacing-Pixel-3, 12px);
    align-items: center;
    gap: 10px;
    width: 68%;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: rgba(255, 255, 255, 0.04);
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    overflow: scroll;
    line-height: 22px; /* 157.143% */

    :-webkit-scrollbar {
      display: none;
    }

    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

._qrButtons_xqghe_275 {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding: 2px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

._buttonWrapper_xqghe_285 {
  text-align: center;
  max-width: 312px;
  button {
    border: 0;
    color: #5ac2ff;
    margin-bottom: 0;
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
  }

  div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
}

._headerTemplate_xqghe_305 {
  font-size: 12px;
  font-weight: 700;
  font-family: Inter;
  display: block;
  margin-bottom: 5px;
}

._footerText_xqghe_313 {
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: Inter;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 5px;
}

._multiCtaDrawer_xqghe_322 {
  position: absolute;
  bottom: 1px;
  width: 100%;
  background-color: white;
  border-bottom-left-radius: 42px;
  border-bottom-right-radius: 42px;
  transition: height 0.2s;
  display: flex;
  justify-content: center;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

._actionContainer_xqghe_336 {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
}

._buttonClose_xqghe_343 {
  display: flex;
  margin-top: 10px;
  justify-content: space-between !important;
  font-size: 12px;
  padding: 0px 5px;
  font-family: Inter;
}

._dropDown_xqghe_352 {
  display: flex;
  align-items: center;
}
._buttonContainer_e9rgc_1{
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}
._contentWrapper_e9rgc_5{
    border-radius: 8px;
    padding: 12px;
}
._buttonHeader_e9rgc_9{
    display: flex;
    align-items: center;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: rgba(0, 0, 0, 0.04);
    padding: 10px 14px;
    justify-content: space-between;
}
._title_e9rgc_18{
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}

._description_e9rgc_27{
    font-size: 10px;
    font-family: Inter;
    font-weight: 400;
    line-height: 18px;
    padding: 0px 5px;
    display: block;
    color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
  
    span{
      color: rgba(0, 0, 0, 0.5)
    } 
}

._iconContainer_e9rgc_41{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-radius: 8px 8px 0px 0px;
    background: rgba(0, 0, 0, 0.04);
    padding:  8px 10px;
}

._icon_e9rgc_41{
    display: flex;
    align-items: center;
    gap: 10px;
}

._button_e9rgc_1{
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;

    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);

    color: var(--colorText, rgba(0, 0, 0, 0.88));

    svg{
        path{
            fill: black;
        }
    }
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
}


._upDownArrow_e9rgc_83{
    display: flex;
    align-items: center;
    color: var(--primary-blue);
    font-size: 12px;
    gap: 10px;
    cursor: pointer;
    svg{
        width: 16px;
        height: 16px;
        position: relative;
        top: 0px !important;
    }

    p{
        width: 100px;
    }
}

._arrowContainer_e9rgc_102{
    display: flex;
    gap: 5px;
}._categoryWrapper_1ub8j_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
}

._enableSmsFallbackWrapper_1ub8j_7 {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
._label_1ub8j_12 {
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  line-height: 18px;
  padding: 0px 5px;
  display: block;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));
}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.ReactCrop__crop-selection {
  border: 1px dashed #ffffff !important;
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.45) inset;
}.ReactCrop__drag-handle {
  width: 10px;
  height: 10px;
  background: #fff;
  border: 1px solid #333;
}._container_cdtey_1 {
    min-height: 100vh;
    font-family: Inter;
    padding: 10px 25px;
  }
  ._header_cdtey_6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
  }
  
  ._title_cdtey_13 {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 8px;
  }
  
  ._titleText_cdtey_20 {
    font-size: 18px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.88);
  }
  ._filterText_cdtey_25{
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 20px;
    color:rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    white-space: nowrap;
    z-index: 0;
  }
  ._subtitle_cdtey_39{
    font-size: 12px;
    margin-top: 5px;
    font-family: Inter;
    font-weight: 300;
    color: rgba(0,0,0,0.45);
  }
  ._box_cdtey_46 {
    background-color: white;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.15);
    width: 100%;
    min-height: 185px;
    margin-top: 20px;
    padding:20px 10px 10px 10px
  }
  ._containerfilter_cdtey_55 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    width: auto;
    height: 28px;
    padding: 1px 8px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.02);

}
._wrapperFilters_cdtey_68{
  min-width: calc(100% - 100px);
}
._clearAll_cdtey_71{
  color:#1677FF;
  font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
}
._icon_cdtey_78 {
    height:12px;
    width:12px;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.45); /* For SVG fill color */
  stroke: rgba(0, 0, 0, 0.45);
  stroke-width: 1px; /* Adjust stroke width to make it thinner */
  

}
  ._filterBoxContainer_cdtey_88{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    padding: 5px 0px 10px 0px;
    margin-top: 15px;
  }
  ._innerBox_cdtey_97{
    background-color: white;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.15);
    width: calc(100%);
    height: 83px;
    padding: 6px 10px 10px 10px;
  }
  ._enterParameters_cdtey_105{
    font-size: 12px ;
    font-weight: 600;
    font-family: Inter;
    color:rgba(0, 0, 0, 0.88)
  }
  ._row_cdtey_111{
    display: flex;
    flex-direction: row;
  }
  ._custom_cdtey_115{
    display: flex;
    padding-top:5px ;
    padding-left: 15px;
    align-items: center;
    font-size:12px;
    font-weight:300;
    font-family:'Inter'
  }
._selectBox_cdtey_124 {
  margin-top: 10px;
  flex: 1;
  min-width: 100px !important;
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 4px;
  font-size: 12px;
  color: hsl(0, 0%, 20%);
}

._filterListContainer_cdtey_135 {
  margin-top: 10px;
  margin-left: 5px;
  max-width:40px
}:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Helvetica Neue', Helvetica,
      Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei UI', 'Microsoft Yahei', 'Source Han Sans CN', sans-serif;
  }
  
  .main-container {
    overflow: hidden;
  }
  
  .main-container,
  .main-container * {
    box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
    outline: 0;
  }
  
  .main-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 4px;
    position: relative;
    width: 31rem;
    margin: 10px 2px;
  }
  .menu {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 6px 6px 0 0;
  }
  .group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 185px;
    padding: 4px 4px 4px 4px;
    z-index: 1;
  }
  .cascader-menu-item {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    /* width: 177px; */
    height: 32px;
    padding: 0 12px 0 12px;
    background: #f5f5f5;
    z-index: 2;
    border-radius: 4px;
  }
  .cascader-item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
  }
  .cascader-menu-item-1 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    width: 100%;
    position: relative;
    /* width: 177px; */
    height: 32px;
    padding: 0 12px 0 12px;
    z-index: 5;
    border-radius: 4px;
    margin-top: 4px;
  }
  .cascader-item-2 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 6;
  }
  .icon-right-outlined-3 {
    flex-shrink: 0;
    position: relative;
    width: 10px;
    height: 11px;
    background-size: cover;
    z-index: 7;
    overflow: hidden;
  }
  .divider {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 1px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 23;
  }
  .filterValues {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: -1111px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 9999;
  }
  .textLabelFilterMenu {
    text-transform: capitalize;
  }
  .group-f {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    width: 200px;
    padding: 4px 4px 4px 4px;
    z-index: 24;
  }
  .cascader-menu-item-11 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    width: 100%;
    position: relative;
    /* width: 177px; */
    height: 32px;
    padding: 0 12px 0 12px;
    z-index: 28;
    border-radius: 4px;
  }
  .range-picker-date {
    position: relative;
    top: 100px;
  }
  .checkbox-12 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
    gap: 8px;
    position: relative;
    min-width: 0;
    z-index: 29;
  }
  .checkbox-yesterday {
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 30;
  }
  .divider-2a {
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 1px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 55;
  }
  .cascader-menu-item-1:hover,
  .cascader-menu-item-1:active,
  .cascader-menu-item-1:focus {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.88);
    cursor: pointer;
  }
  
  .cascader-item-2:hover,
  .cascader-item-2:active,
  .cascader-item-2:focus {
    font-weight: 600;
  }
  .group-f .cascader-menu-item-11:hover {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.88);
    cursor: pointer;
  }
  
  .group-f .cascader-menu-item-11:hover .checkbox-yesterday {
    font-weight: 600;
  }
  
  .cascader-menu-item-1.active,
  .cascader-item-2.active {
    background: #f5f5f5;
    color: rgba(0, 0, 0, 0.88);
    cursor: pointer;
  }
  
  .cascader-item-2.active {
    font-weight: 600;
  }
  .box-3 {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 8px;
    position: relative;
    /* width: 177px; */
    height: 32px;
    padding: 0 12px 0 12px;
    z-index: 10;
    border-radius: 4px;
  }
  .text-6 {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 22px;
    color: rgba(0, 0, 0, 0.25);
    font-family: Inter, var(--default-font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    white-space: nowrap;
    z-index: 11;
  }
  
  .ant-picker-dropdown {
    z-index: 1300 !important;
  }
  
  .ant-picker-range-arrow {
    display: none !important;
  }
  
  .containerfilter {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    width: auto;
    padding: 1px 8px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    border-radius: 4px;
}
.icon {
    height:12px;
    width:12px;
    cursor: pointer;
}
.icon svg path {
    fill: #00325E
}._searchInput_1svkf_1 {
    border: 1px solid rgba(0,0,0,0.15);
    /* color:rgba(0,0,0,0.15); */
    border-radius: 5px;
    padding:5px;
    outline: none;
    background-color: transparent;
    font-size: 13px;
    line-height: 20px;
    width: 97%;
    transition: all 0.2s ease;
    margin-left: 5px;
    margin-bottom: 5px;
    :focus,
    :not(:placeholder-shown) {
      width: 100%;
      border-bottom: 1px solid var(--primary-blue);
    }
  }
  ._textLabel_1svkf_20{
    text-transform: capitalize;
  }
  ._wrapper_1svkf_23 {
    max-width: 250px;

    max-height: 300px;
    min-height: 300px;
  }
  ._wrapperBottom_1svkf_29{
    overflow-y: scroll;
    max-width: 250px;

    max-height: 260px;
    min-height: 260px;
  }
  ._searchIconBox_1svkf_36{
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    width:30px;
    justify-content: center;
    display: flex;
    align-items: center;
  }
  ._searchInput_1svkf_1 {
    position: relative;
    padding: 2px;
    height: 28px;
    color: rgba(0, 0, 0, 0.80);
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 12px;
    line-height: 20px;
    width: 200px;
    transition: all 0.2s ease;
    :focus,
    :not(:placeholder-shown) {
      width: 100px;
      border-bottom: 1px solid var(--primary-blue);
    }
    margin-bottom: 0px;
  }
  ._searchWrapper_1svkf_62 {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    display: flex;
    width:98%;
    margin-left: 5px;
    margin-bottom: 5px;

  }._tableContainer_1hlqg_1 {

    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
  }
  ._tableContainerWrapper_1hlqg_8{
    margin-top: 20px;
    padding: 15px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
  }
  ._tableWrapper_1hlqg_16{
    padding:10px;
    margin-bottom: 20px;
  }
  ._actionWrapper_1hlqg_20{
    display: flex;
    flex-direction: row;
    gap:10px;
  }
  ._modalBox_1hlqg_25 {
    position: absolute;
    background-color: black;
    box-shadow: 24px;
    padding: 16px !important;
    width: 300px;
    border-radius: 8px;
    z-index: 1300;
    color: white;
    outline: none !important;
  }
  ._modalHeader_1hlqg_36 {
    display: flex;
    flex-direction: row;
  }
  
  ._modalColorBox_1hlqg_41 {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    margin-right: 10px;
  }
  
  ._modalTitle_1hlqg_48 {
    flex: 3;
    font-weight: 600;
    font-size: 14px;
  }
  ._arrow_1hlqg_53 {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
    z-index: 1300;
  }
  
  ._modalHeader_1hlqg_36 {
    display: flex;
    flex-direction: row;
  }
  
  ._modalColorBox_1hlqg_41 {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    margin-right: 10px;
  }
  
  ._modalTitle_1hlqg_48 {
    flex: 3;
    font-weight: 600;
    font-size: 14px;
  }
  
  ._closeButton_1hlqg_81 {
    border: 1px solid white;
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  ._closeButton_1hlqg_81:hover {
    border-color: #1677FF;
    color: #1677FF;
  }
  ._modalDescription_1hlqg_93 {
    font-size: 12px;
    margin-top: 5px;
    line-height: 25px;
  }
  ._inputBox_1hlqg_98{
    margin-left: 10px;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 90%;
    border-radius: 5px;
  }
  ._section_1hlqg_106 {
    border-top: 1px solid white;
    margin-top: 10px;
    font-size: 12px;
    line-height: 25px;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  
  ._sectionItem_1hlqg_115 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  ._leftHeading_1hlqg_120 {
    font-size: 12px;
  }
  
  ._button_1hlqg_124 {
    background-color: black !important;
    color: white !important;
    width: 100%;
    border: 1px solid white !important;
    display: flex;
    justify-content: flex-start !important;
    padding:4px 10px
  }
  ._saveIcon_1hlqg_133 {
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  ._marginTop_1hlqg_141 {
    margin-top: 10px;
  }
  ._selectButton_1hlqg_144 {
    background-color: black;
    color: white;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }._headerDiv_1737e_1{
    display: flex;
    gap: 8px;
    flex-direction: column;
}

._titleHeader_1737e_7{
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    align-items: center;
}

._header2_1737e_18{
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #00000073;
}

._CardTitle_1737e_27{
    padding: 0 14px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    height: 24px;
    /* margin-bottom: 5px; */
}

._CardBody_1737e_38{
   padding: 0 14px;
}

._CardDiv_1737e_42{
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin-bottom: 5px;
    border: 1px solid #cbd2de !important;
}

._CardBody_1737e_38 label{
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;    
}

._CampaignSummaryData_1737e_58{
    color: #000000E0;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    word-break: break-word;
}

._CardLabel_1737e_68{
    color: #000000A6;
    font-size: 12px;
}

._AddNewListLink_1737e_73{
    margin-left: auto;
    color: rgba(0, 0, 0, 0.88);
    font-size: smaller;
}

._AddNewListLink_1737e_73:hover{
    margin-left: auto;
    color: #0000EE;
    font-size: smaller;

}

._NonClickable_1737e_86{
    pointer-events: none;
    opacity: 0.6;
}

._fileItem_1737e_91{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid lightgray;
    padding: 2px;
    align-items: center;
    border-radius: 8px;
}

._addVariable_1737e_101{
    width: 100%;
    color: #000000E0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 29px;
}

._wrapperTitle_1737e_111{
    display: flex;
    flex-direction: row;
}
._retryText_1737e_115{
    display: flex;
    align-items: center;
}
._onDate_1737e_119{
    display: flex;
    align-items: center; 
    color: #000000A6;
    font-size: 12px;
    font-family: Inter;
}
._retryFont_1737e_126{
    color: #000000A6;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-family: Inter;
}
._deleteRetryIcon_1737e_133 {
    display: flex;
    align-items: center;
    margin-left: 10px;
}
._lastLimitRetry_1737e_138{
    min-width: 120px;
    max-width: 120px;
}
._blueButton_1737e_142{
    display: flex;
    align-items: center; 
    color: white;
    padding: 6px 16px; 
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    background-color:  var(--primary-blue);
    border: 1px solid  #627f99;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    border: none;
    min-width: 130px;
}
._disabledButton_1737e_157{
    display: flex;
    align-items: center; 
    color: #00000040;
    padding: 6px 16px; 
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    background: #0000000A;
    border: 1px solid  #627f99;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    border: none;
    min-width: 130px;
}

._attachmentContainer_1737e_173{
    display: flex;
    justify-content: end;
    width: 100%;
    margin-right: 8px;
    margin-top: 5px;
}

._deleteSubjectVariable_1737e_181{
    position: absolute;
    top: -20px;
    left: 175px;
    cursor: pointer;
    transform: scale(0.8);
}

._fileContainer_1737e_189{
    padding: 0px 10px;
    font-family: Inter;
}

._dropFileText_1737e_194 {
    color: var(--colorTextHeading, rgba(0, 0, 0, 0.88));
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
  }
  
  ._dragDrop_1737e_202 {
    border-radius: 4px;
    border: 1px dashed rgba(98, 127, s153, 0.5);
  
    background: rgba(230, 237, 243, 0.25);
  }
  
  ._documentUploader_1737e_209 {
    border-radius: 8px;
    border: 1px dashed rgba(98, 127, 153, 0.5);
    background: rgba(230, 237, 243, 0.25);
    margin-top: 10px;
  
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  
    cursor: pointer;
    min-height: 150px;
    &._active_1737e_224 {
      border-color: #6dc24b;
    }
  }

  ._normalButton_1737e_229{
    display: flex;
    align-items: center; 
    color: #000000A6;
    font-size: 12px;
    padding: 6px 16px; 
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    background-color:  white;
    border: 1px solid  #cbd2de;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    min-width: 130px;
  }
  
._textInput_1737e_245::placeholder {
    font-size: 12px;
}

._singleFileContainer_1737e_249{
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid #d9d9d9;
    align-items: center;
    margin: 5px 8px;
    border-radius: 6px;
}

._fileLeft_1737e_260{
    display: flex;
    align-items: center;
}

._link_1737e_265{
    height: 15px;
    cursor: pointer;
}

._fileName_1737e_270{
    font-size: 12px;
    font-family: Inter;
    color: var(--primary-blue);
    font-weight: 600;
    margin: 0px 10px;
}

._remove_1737e_278{
    border: none;
    background-color: transparent;
    font-size: 12px;
    font-weight: 400;
    color: var(--primary-blue);
    cursor: pointer;
}

._fileSize_1737e_287{
    margin: 0px 10px;
    color: #00000073;
}

._arrowStyle_1737e_292{
    margin-right: 10px;
    height: 20px;
}

._recommendedChip_1737e_297{
    padding: 3px 5px;
    font-size: 10px;
    font-family: Inter;
    margin-left: 10px;
    border-radius: 5px;
    color: white;
    background-color: #f38d35;
}

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

._distributionInput_1737e_314 {
    width: 100%;
}

._distributionInput_1737e_314 ._ant-input_1737e_318 {
    text-align: left;
    padding-right: 30px; /* Make space for the suffix */
}

._distributionInput_1737e_314 ._ant-input-suffix_1737e_323 {
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
}

/* Hide input arrows */
._distributionInput_1737e_314 input::-webkit-outer-spin-button,
._distributionInput_1737e_314 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

._distributionInput_1737e_314 input[type=number] {
    -moz-appearance: textfield;
    text-align: start;
    width: 100%;
}

._variationNameLabel_1737e_343{
    font: 400 12px / 22px Inter;
      color: rgba(0, 0, 0, 0.65);
      padding: 0px 5px;
      margin-top: 5px;
  }


  ._container_1737e_351 {
    background: white;
    padding: 16px;
    
  }
  
  ._title_1737e_7 {
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    margin: 0 0 24px 0;
  }
  
  ._settingItem_1737e_364 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px 2px 10px 10px;
    background: #f8f9fa;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    margin-top: 5px;
    margin-left: 15px;
  }
  ._settingItem1_1737e_375 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  ._settingItem_1737e_364:last-child {
    margin-bottom: 0;
  }
  
  ._settingContent_1737e_385 {
    flex: 1;
    margin-right: 10px;
  }
  
  ._settingTitle_1737e_390 {
    font:400 12px/14px Inter;
    color: #262626;
    margin: 0 0 4px 0;
  }
  
  ._settingDescription_1737e_396 {
    font:400 10px/12px Inter;
    color: #8c8c8c;
    margin: 0;
  }
  
  ._errorMessage_1737e_402 {
    color: #EF4444;
    font: 400 10px/16px Inter;
    margin: 5px;
  }
  
  ._switchButton_1737e_408 {
    flex-shrink: 0;
  }.whatsapp-container {
    width: 100%; /* iPhone screen width */
    min-height: 75vh;
    height: fit-content; /* iPhone screen height */
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-size: contain;
  }

  .whatsapp-bg {
    background-image: url(/assets/whatsapp-bg-fc0a1849.png);
  }

  .sms-bg {
    background: #f2f4f9;
  }
  
  .whatsapp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background: #f0f0f0;
    border-bottom: 1px solid #ddd;
  }
  
  .profile-info {
    display: flex;
    align-items: center;
  }
  
  .profile-pic {
    border-radius: 50%;
    margin-right: 10px;
  }
  
  .contact-info {
    display: flex;
    flex-direction: column;
  }
  
  .header-icons {
    display: flex;
    align-items: center;
    font-size: 20px;
  }
  
  .header-icons i {
    margin-left: 10px;
  }
  
  .message-container {
    padding: 20px;
  }
  
  .timestamp {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
  
  .message-card {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
  }
  
  .call-button {
    margin-top: 10px;
  }
  
  .message-time {
    display: block;
    text-align: right;
    margin-top: 5px;
  }
  
._container_19zyf_2 {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  color: #00325e;
  max-width: 100%;
  text-align: left;
  font-size: 0.775rem;
  font-family: Inter;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
  align-items: flex-start;    
  margin-top: 1rem;  
}
._tableHeader_19zyf_21 {
  align-self: stretch;
  justify-content: flex-start;
  padding: 14px 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;  
}
._headerControls_19zyf_32 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;  
  flex: 1;
  justify-content: space-between;
  gap: 1.25rem;
}
._buttonControls_19zyf_42 {
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border-radius: 4px;
  background-color: #f5f7f9;
  border: 1px solid rgba(98, 127, 153, 0.25);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.1rem 0.187rem;
  gap: 2px;
  max-width: 100%;
  flex-wrap: wrap;
  height: 32px;

}
._activeButton_19zyf_60 {
  display: flex;
  align-items: center;
  justify-content: center;  
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border-radius: 4px;
  background-color: #00325e;
  flex-direction: column;
  padding: 0 1rem;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
}
._activeButtonText_19zyf_74 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  min-width: 17px;
  font-size: 12px;
}
._deactiveButton_19zyf_83 {
  display: flex;
  align-items: center;
  justify-content: center;  
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  flex-direction: column;
  padding: 0 1rem;
  box-sizing: border-box;
  cursor: pointer;
}
._deactiveButtonText_19zyf_95 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  font-size: 12px;
}
._searchControls_19zyf_103 {
  justify-content: flex-start;
  gap: 0.5rem;
  color: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  flex-wrap: wrap;  
}
._inputSearch_19zyf_114 {
  background-color: #fff;
  display: flex;  
  width: 136px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
._inputBasic_19zyf_126 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;  
  border-radius: 6px 0 0 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 0 0.687rem;
}
._content8_19zyf_139 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;  
  width: calc(100% - 18px);
  border: 0;
  outline: 0;
  background-color: transparent;
  padding: 0.312rem 0;
  box-sizing: border-box;
  font-family: Inter;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.25);
  height:240px;
}
._searchIconContainer_19zyf_156 {
  background-color: #fff;
  display: flex;  
  border-radius: 0 6px 6px 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #434343;
  height:2px
}
._content9_19zyf_168 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
}
._iconSearchoutlined6_19zyf_177 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
._pagination_19zyf_185 {
  align-self: stretch;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  z-index: 13;
  text-align: center;
  height: 40px;
  margin-right: 10px;
}
._paginationItemArrow_19zyf_198 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.32rem 0.5rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  color: #004b8d;
}
._paginationItemArrow_19zyf_198:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._previous_19zyf_216 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 57px;
}
._activeBtnContainer_19zyf_223 {
  width: 32px;
  border-radius: 6px;
  border: 1px solid #004b8d;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.187rem 0.312rem;
  color: #004b8d;
}
._activeBtnText_19zyf_236 {
  width: 20px;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  flex-shrink: 0;
}
._deactiveBtnContainer_19zyf_245 {
  width: 32px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0.375rem;
  box-sizing: border-box;
}
._deactiveBtnText_19zyf_256 {
  flex: 1;
  position: relative;
  line-height: 22px;
}
._paginationItemArrow1_19zyf_262 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0.5rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  color: #004b8d;
}
._paginationItemArrow1_19zyf_262:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._next_19zyf_280 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 32px;
}
._paginationNumber_19zyf_287 {
  color: #004B8D; /* Desired color for pagination numbers */
}
/* create campaign css starts */
.listSegmentPopup .ant-tabs-content-holder{
    max-height: 300px;
    overflow-y: scroll;
}

.campaignDiv .ant-card-body{
  display: flex;
  gap: 2px;
  flex-direction: column;
}

#campaignDiv .ant-btn-primary:not(:disabled) {
  background: var(--primary-blue); 
}

#campaignDiv .ant-upload-list-item-action{
    opacity: 1 !important;
}

#campaignDiv .ant-picker-outlined{
    height: 32px;
}

#campaignDiv .ant-picker .ant-picker-input >input{
  font-size: 12px;
}

#campaignDiv .anticon-info-circle{
  color: #00000073;
}

#campaignDiv{
  padding: 10px 25px;
  margin: 0;
}

/* #campaignDiv .carousel-card .ant-image-img{
  max-height: 100px;
  min-height: 100px;
  min-width: fit-content;
} */

#campaignDiv .ant-form-item{
  margin-bottom: 5px;
}

#campaignDiv p{
  margin-bottom: 0;
}

#campaignDiv .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#campaignDiv .content-hidden {
  visibility: hidden;
  display: none;
  overflow-y: hidden;
}

#campaignDiv .content {
  visibility: visible;
  display: block;
}

#campaignDiv .ant-col,
#campaignDiv input,
#campaignDiv .ant-form-item-required,
#campaignDiv .ant-select-selection-item,
#campaignDiv .ant-btn span,
#campaignDiv .ant-row p,
#campaignDiv .ant-form-item-explain-error,
#campaignDiv .ant-typography {
  font-size: 12px;
}

#campaignDiv .ant-col {
  padding: 0;
}


#campaignDiv .ant-upload {
  background: #E6EDF340;
  height: 170px;
}

#campaignDiv .ant-upload-text {
  font-family: Inter;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
}

/* #campaignDiv .ant-upload-list-item {
  height: 40px;
} */

#campaignDiv .ant-upload-list-item-thumbnail{
  align-content: center;  
}

/* #campaignDiv .ant-upload-list-item img{
  height: 30px;
} */

#campaignDiv .ant-upload-hint {
  display: none;
}

#campaignDiv .ant-upload-drag-icon svg {
  color: #00000026;
}

#campaignDiv .preview-actions button {
  border: 0;
  color: #5ac2ff;
  margin-bottom: 0;
  font-weight: 600;
  padding: 5px;
}

#campaignDiv .message-card {
  padding-bottom: 0px;
  padding-top: 0px;
}

#campaignDiv .preview-actions {
  text-align: center;
  margin-top: 2%;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

#campaignDiv .message-card-text {
  /* color: #616161; */
  font-size: 12px;
}

.message-card-text{
  overflow-wrap: break-word;
}

#campaignDiv .ant-image-img {
  width: 100% !important;
}


#campaignDiv .preview-media, #campaignDiv .preview-media a {
  padding: 0;
  background: #EDEDED;
  margin-bottom: 10px;
  color: black;
}
/* create campaign css ends */
._container_wc9gb_2 {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.875rem 0 0;
  color: #00325e;
  gap: 1rem;
  max-width: 100%;
  text-align: left;
  font-size: 0.875rem;
  font-family: Inter;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
._truncate_wc9gb_22 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._tooltip-container_wc9gb_28 {
  display: inline-block;
  max-width: 100%;
}
._heading_wc9gb_34 {
  color:  rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-left: 20px;
}
._tableHeader_wc9gb_44 {
  align-self: stretch;
  justify-content: flex-start;
  padding: 0 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
._headerControls_wc9gb_55 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  flex: 1;
  justify-content: space-between;
  gap: 1.25rem;
}
._buttonControls_wc9gb_65 {
  /* box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06); */
  /* border-radius: 4px; */
  /* background-color: #f5f7f9; */
  /* border: 1px solid rgba(98, 127, 153, 0.25); */
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.125rem 0.187rem;
  gap: 2px;
  max-width: 100%;
  flex-wrap: wrap;
}
._activeButton_wc9gb_81 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  /* box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06); */
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.06);
  flex-direction: column;
  padding: 0 1rem;
  box-sizing: border-box;
  color: #004b8d;
  cursor: pointer;
}
._activeButtonText_wc9gb_96 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
  min-width: 17px;
  font-size: 12px;
}
._deactiveButton_wc9gb_105 {
  display: flex;
  align-items: center;
  justify-content: center;
  /* box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02); */
  border-radius: 6px;
  flex-direction: column;
  padding: 0 1rem;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
}
._deactiveButtonText_wc9gb_118 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  display: inline-block;
}
._searchControls_wc9gb_125 {
  justify-content: flex-start;
  gap: 0.5rem;
  color: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
  flex-wrap: wrap;
}
._inputSearch_wc9gb_136 {
  background-color: #fff;
  display: flex;
  width: 136px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
._inputBasic_wc9gb_148 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 6px 0 0 6px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 0 0.687rem;
}
._content8_wc9gb_162 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 18px);
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 32px;
  padding: 0.312rem 0;
  box-sizing: border-box;
  font-family: Inter;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.25);
  height:26px;
}
._searchIconContainer_wc9gb_180 {
  background-color: #fff;
  display: flex;
  border-radius: 0 6px 6px 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #434343;
  height:28px
}
._content9_wc9gb_192 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
}
._iconSearchoutlined6_wc9gb_201 {
  height: 16px;
  width: 16px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
._pagination_wc9gb_209 {
  align-self: stretch;
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 10px;
  gap: 0.5rem;
  z-index: 13;
  text-align: center;
  margin-right:10px;
}
._paginationItemArrow_wc9gb_223 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.12rem 0.5rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  color: #004b8d;
}
._paginationItemArrow_wc9gb_223:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._previous_wc9gb_241 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 57px;
}
._activeBtnContainer_wc9gb_248 {
  width: 32px;
  border-radius: 6px;
  border: 1px solid #004b8d;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.187rem 0.312rem;
  color: #004b8d;
}
._activeBtnText_wc9gb_261 {
  width: 20px;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  display: inline-block;
  flex-shrink: 0;
}
._deactiveBtnContainer_wc9gb_270 {
  width: 32px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0.375rem;
  box-sizing: border-box;
}
._deactiveBtnText_wc9gb_281 {
  flex: 1;
  position: relative;
  line-height: 22px;
}
._paginationItemArrow1_wc9gb_287 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.312rem 0.5rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
  color: #004b8d;
}
._paginationItemArrow1_wc9gb_287:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
._next_wc9gb_305 {
  position: relative;
  line-height: 22px;
  display: inline-block;
  min-width: 32px;
}
._button_wc9gb_65 {
  display: flex;
  align-items: center;
  justify-content: center;  
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 15px;
  background-color: var(--primary-blue);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  flex-direction: column;
}
._content_wc9gb_162 {
  display: flex;
  align-items: center;
  justify-content: center;  
  flex-direction: row;
  padding: 0.112rem 0;
  gap: 0.5rem;
}
._iconPluscircleoutlined_wc9gb_334 {
  height: 16px;
  width: 16px;
  position: relative;
  display: none;
}
._button1_wc9gb_341 {
  text-decoration: none;
  position: relative;
  font-size: 0.675rem;
  line-height: 22px;
  font-family: Inter;
  color:#ffffff;
  text-align: left;
  display: inline-block;
}
._emailLabel_wc9gb_353{
  font: 400 12px / 22px Inter;
    color: rgba(0, 0, 0, 0.65);
    padding: 0px 5px;
    margin-top: 5px;
}
._variationTable_wc9gb_360{
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 100%;
}
._actionWrapperFilter_wc9gb_365 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 6px;
  border-radius: 6px;
  height: 28px;
  background-color: white;
}
._tableFilters_wc9gb_373 {
  padding: 5px 15px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}
._filtersTag_wc9gb_380 {
  padding: 4px 8px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}
._resetFilterTag_wc9gb_388 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  margin-right: 0px;
  cursor: pointer;
}
._CardWrapper_hrjsz_1 {
    border-radius: 6px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08),
      0px 3px 6px -4px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(245, 245, 245, 1);
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }
  
  ._CardHeader_hrjsz_12 {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    display: flex;
    gap: 10px;
    width: 100%;
  }
  
  ._StatusList_hrjsz_19 {
    background-color: #fff;
    gap: 5px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    white-space: nowrap;
    width: 180px;
    min-height: 150px;
  }
  
  ._StatusText_hrjsz_31 {
    font-family: Inter, sans-serif;
    flex: 1;
  }
  
  ._Divider_hrjsz_36 {
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    width: 1px;
  }
  
  ._CardContent_hrjsz_41 {
    border-radius: 0px 6px 6px 0px;
    border-left: none;
    display: flex;
    padding-bottom: 8px;
    flex-direction: column;
    flex: 1;
    width: 180px;
    gap: 10px;
    font-size: 12px;
  }
  
  ._CheckboxList_hrjsz_53 {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 5px 70px 5px 12px;
  }
  
  ._CheckboxItem_hrjsz_60 {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
  }
  
  ._CheckboxLabel_hrjsz_67 {
    color: var(--colorText, var(--Text, rgba(0, 0, 0, 0.88)));
    font: 400 14px/157% Inter, sans-serif;
  }
  
  ._TagList_hrjsz_72 {
    border-top: 1px solid rgba(245, 245, 245, 1);
    background-color: #fff;
    display: flex;
    gap: 8px;
    font-size: 12px;
    color: var(--Brand-Old-Blue, #00325e);
    font-weight: 400;
    white-space: nowrap;
    line-height: 167%;
    padding: 8px 0;
    width: 100%;
    flex-wrap: wrap;
  }
  
  ._TagItem_hrjsz_87 {
    border-radius: 4px;
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    gap: 4px;
    padding: 1px 8px;
    align-items: center;
  }
  
  ._TagLabel_hrjsz_96 {
    font-family: Inter, sans-serif;
    color: #00325e;
    font-size: 10px;
  }
  
  ._CardFooter_hrjsz_102 {
    border-radius: 0px 0px 7px 7px;
    border-top: 1px solid rgba(240, 240, 240, 1);
    background-color: #fff;
    display: flex;
    width: 100%;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    line-height: 22px;
    justify-content: center;
    padding: 8px;
  }
  
  ._FooterButtonList_hrjsz_117 {
    justify-content: center;
    display: flex;
    gap: 16px;
  }
  
  ._ResetButton_hrjsz_123 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.15);
    background-color: var(--colorBgContainer, #fff);
    color: var(--Brand-Old-Blue, #00325e);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  ._ApplyButton_hrjsz_138 {
    font-family: Inter, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 50, 94, 1);
    background-color: var(--Brand-Old-Blue, #00325e);
    color: var(--colorTextLightSolid, #fff);
    flex: 1;
    padding: 5px 16px;
    cursor: pointer;
  }
  
  
  ._SearchBar_hrjsz_154 {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._ScrollableList_hrjsz_160 {
    max-height: 200px;
    overflow-y: auto;
  }
  
  ._CheckboxList_hrjsz_53 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  ._CursorPointer_hrjsz_171 {
    cursor: pointer;
  }
  ._ScrollableList_hrjsz_160 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  ._OptionItem_hrjsz_180 {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    /* background-color: ${({ isSelected }) => (isSelected ? 'rgba(0, 0, 0, 0.04)' : 'transparent')}; */
    &:hover {
      background-color: #f0f0f0;
    }
    border-radius: 4px;
  }
  
  ._OptionItem_hrjsz_180 input[type="checkbox"] {
    margin-right: 10px; /* Space between the checkbox and label */
  }
  
  ._OptionItem_hrjsz_180 input[type="checkbox"]:hover {
    cursor: pointer; /* Ensure cursor shows pointer for checkbox */
  }
  
  ._actionWrapperFilter_hrjsz_200 {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 6px;
    border-radius: 6px;
    height: 28px;
    background-color: white;
  }._container_q6c80_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_q6c80_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
}

._Button1_q6c80_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_q6c80_25 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_q6c80_31 {
  display: flex;
  justify-content: space-between;
  padding: 12px 16px;
}

._ButtonParent_q6c80_37 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 320px;
}

._Text_q6c80_51 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_q6c80_58 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_q6c80_64 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._transparentButton_q6c80_73 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

/* Preview Styles */

._previewContainer_q6c80_93 {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 20px;
  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

._mainPreviewContainer_q6c80_106{
  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
._details_q6c80_114 {
  width: 50%;
  display: flex;
  padding: 16px;
  flex-direction: column;

  border-radius: 8px;
  border: 1px solid #cbd2de;
  background: #fff;
}

._phoneContainer_q6c80_125 {
  border-radius: 20px;
  background: var(--Light-Theme-Primary-Surface, #f3f4f9);
  display: flex;
  flex-direction: column;
  border: 1px solid #cbd2de;

  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

._notificationBar_q6c80_140 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 40px;
  padding: 10px 24px;
  div {
    color: #1f1f1f;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'ss02' on;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.14px;
  }
  span {
    display: flex;
    gap: 4px;
  }
}

._whatsappBar_q6c80_163 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #085b53;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}

._smsBar_q6c80_180 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f3f4f9;
  padding: 16px;
  width: 100%;
  color: white;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._emailBar_q6c80_196 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fcfcfe;
  padding: 16px;
  width: 100%;
  color: black;
  height: 64px;

  span {
    display: flex;
    align-items: center;
    gap: 25px;
  }
  ._span2_q6c80_211 {
    display: flex;
    align-items: center;
    gap: 5px;
  }
  ._sender_q6c80_216 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }

  ._senderIcon_q6c80_223 {
    background-color: #7986cc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  ._senderDetails_q6c80_233 {
    font: 400 10px/20px Inter;
  }

  ._senderName_q6c80_237 {
    font: 500 14px/24px Inter;
  }

  ._senderToMe_q6c80_241 {
    display: flex;
    align-items: center;
    gap: 5px;
  }
}
._whatsappBackground_q6c80_247 {
  background-image: url('./whatsapp-bg.png');
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 5px;
}

._smsBackground_q6c80_257 {
  background-size: contain;
  height: 450px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
._emailBackground_q6c80_264 {
  background-size: contain;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

._messageContent_q6c80_278 {
  padding: 20px 8px;
  border-radius: 12px;
  margin: 5px;
  background: #fff;
  height: 500px;
  color: rgba(0, 0, 0, 0.88);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  white-space: pre-line;

  span {
    margin-top: 8px;
    display: block;
    color: #9da3a7;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

._contentDiv_q6c80_304 {
  height: 500px;
  overflow: scroll;
  padding: 8px;
}

._filledButton_q6c80_310 {
  display: grid;
  column-gap: 10px;
  width: 90%;
  grid-template-columns: 1fr 1fr;

  button {
    margin-top: 5px;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._footer_q6c80_333 {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px 10px;
  margin-bottom: 0px;
}
._emailFooter_q6c80_340 {
  background-color: #e7eef4;
  padding: 5px 15%; 
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._textbox_q6c80_349 {
  display: flex;
  width: 88%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  border-radius: 36px;
  background: #fff;

  color: #9da3a7;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

._mic_q6c80_366 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 32px;
  background: #00927c;
}

._footerBar_q6c80_377 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  height: 3px;
  span {
    width: 30%;
    height: 3px;
    background: black;
  }
}

._detailsTitle_q6c80_389 {
  color: var(--Brand-Old-Blue, #00325e);
  font-size: 14px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
  margin-bottom: 16px;
}

._detailsContent_q6c80_399 {
  padding: var(--Spacing-Pixel-3, 5px) 0px;
  border-bottom: 1px solid var(--Thin-Stroke, rgba(0, 0, 0, 0.06));
  display: flex;
  justify-content: space-between;

  div {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    text-transform: capitalize;
  }

  span {
    color: rgba(0, 0, 0, 0.88);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 157.143% */
  }
}

._detailsButtons_q6c80_425 {
  button {
    width: 100%;
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 6px;
    border: none;
    background: var(--primary-blue);
    color: var(--colorTextLightSolid, #fff);
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px; /* 157.143% */
  }
}

._template_name_q6c80_443 {
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}

._iconWrapper_q6c80_451{
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

._iconfinal_q6c80_457{
  padding: 4px;
  padding-bottom: 0px;
  cursor: pointer;
}

._icon_q6c80_451{
  display: flex;
  gap: 10px;
  padding: 0px 8px;
  border: 1px solid black;
  border-radius: 4px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
}

  ._subitem1_1974t_3 {
    flex-direction: row;
    flex-wrap: wrap;
    align-self: stretch;
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    width:100%;
    margin-top: 10px;
  }

  ._header_1974t_14 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 0.5rem;
    min-width: 30%;
    /* max-width: 100%; */
    /* min-width: 100%; */
  }

  ._tags_1974t_27 {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;  
  }

  ._header1_1974t_36 {
    flex: 1;
    padding: 0 187px 0 0;
    box-sizing: border-box;
    max-width: 100%;
    gap: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;  
  }

  ._icon_1974t_48 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  ._iconContainer_1974t_55 {
    width: 24px;
    height: 24px;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    flex-shrink: 0;
  }

  ._text_1974t_64 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }

  ._campaigns_1974t_71 {
    text-decoration: none;
    position: relative;
    line-height: 28px;
    font-size: 18px;
    font-weight: 600;
    color: inherit;
    display: inline-block;
    margin-right: 5px;
    width:100%;
  }

  ._iconQuestioncircleoutlined_1974t_83 {
    height: 16px;
    width: 16px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    min-height: 16px;
  }

  ._sampleText_1974t_92 {
    align-self: stretch;
    position: relative;
    font-size: 0.875rem;
    line-height: 22px;
    color:  rgba(0, 0, 0, 0.45);
  }

  ._cta_1974t_100 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    gap: 0.5rem;
    font-size: 0.775rem;
    color:  #fff;
  }

  ._button_1974t_111 {
    display: flex;
    align-items: center;
    justify-content: center;  
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 15px;
    background-color:  #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    flex-direction: column;
  }

  ._content_1974t_124 {
    display: flex;
    align-items: center;
    justify-content: center;  
    flex-direction: row;
    padding: 0.312rem 0;
    gap: 0.5rem;
  }

  ._iconPluscircleoutlined_1974t_133 {
    height: 16px;
    width: 16px;
    position: relative;
    display: none;
  }

  ._button1_1974t_140 {
    text-decoration: none;
    position: relative;
    font-size: 0.775rem;
    line-height: 22px;
    font-family: Inter;
    color:  rgba(0, 0, 0, 0.88);
    text-align: left;
    display: inline-block;
  }

  ._button2_1974t_151 {
    display: flex;
    align-items: center;  
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02);
    border-radius: 6px;
    background-color:  #004B8D;
    border: 1px solid  #627f99;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.875rem;
    cursor: pointer;
  }

  ._content1_1974t_164 {
    display: flex;
    align-items: center;  
    flex-direction: row;
    justify-content: center;
    padding: 0.112rem 0;
  }

  ._createNewCampaign_1974t_172 {
    display: flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    position: relative;
    line-height: 22px;
    color: inherit;
    font-size: 12px;
  }

  ._disableTabLink_1974t_183{
    a {
      color:rgba(0,0,0, 0.25) !important;
    }
  }

  ._enableTabLink_1974t_189{
    a {
      color: rgba(0,0,0,0.88) !important;
    }
  }._container_kmvod_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* border-bottom: 1px solid rgba(0, 0, 0, 0.06); */
  /* padding: 0.812rem 0.687rem 0.687rem; */
  gap: 0.25rem;
}

._iconContainer_kmvod_10 {
  border-radius: 0.312rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.187rem;
}
._container_tszir_1 {
  width: 65px;
  border-radius: 4px;
  background-color: #ffeded;
  border: 1px solid #eb8f8f;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  /* padding: 0 0.437rem; */
  font-size: 0.75rem;
  color: #872424;
}

._text_tszir_16 {
  position: relative;
  line-height: 20px;
  display: inline-block;
  min-width: 39px;
}
._container_6j146_1 {
    width: 79px;
    border-radius: 4px;
    background-color:  #f6ffed;
    border: 1px solid  #b7eb8f;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.437rem;
    font-size: 0.75rem;
    color: #458724;
  }

  ._text_6j146_16 {
    position: relative;
    line-height: 20px;
    display: inline-block;
    min-width: 63px;
  }._container_9dxjt_1 {
    width: 67px;
    border-radius: 4px;
    background-color:  #f7edff;
    border: 1px solid  #bd8feb;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.437rem;
    font-size: 0.75rem;
    color:  #5b2487;
  }

  ._text_9dxjt_16 {
    position: relative;
    line-height: 20px;
    display: inline-block;
    min-width: 61px;
  }._container_1ih3l_1 {
    width: 45px;
    border-radius: 4px;
    background-color:  #edf6ff;
    border: 1px solid  #8fb4eb;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.437rem;
    font-size: 0.75rem;
    color:  #245287;
  }

  ._text_1ih3l_16 {
    position: relative;
    line-height: 20px;
    display: inline-block;
    min-width: 29px;
  }._container_1yobv_1 {
    width: 82px;
    border-radius: 4px;
    background-color:  #fff9ed;
    border: 1px solid  #ebd18f;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.437rem;
    font-size: 0.75rem;
    color:  #875924;
  }

  ._text_1yobv_16 {
    position: relative;
    line-height: 20px;
    display: inline-block;
    min-width: 46px;
  }._container_1lzcc_1 {
    width: 77px;
    border-radius: 4px;
    background-color:  #f7edff;
    border: 1px solid  #bd8feb;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.437rem;
    font-size: 0.75rem;
    color:  #5b2487;
  }

  ._text_1lzcc_16 {
    position: relative;
    line-height: 20px;
    display: inline-block;
    min-width: 61px;
  }._tabs_6kjzp_1 {
  width: 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 1.25rem 0 0;
  row-gap: 20px;
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  max-width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

._tabItemBasic_6kjzp_15 {
  border-bottom: 2px solid #004b8d;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 1rem 9px 2px;
  gap: 0.75rem;
  color: #004b8d;
  cursor: pointer;
  font-size: 13px;
}

._tabTitle_6kjzp_28 {
  text-decoration: none;
  position: relative;
  line-height: 22px;
  font-weight: 600;
  color: inherit;
  display: inline-block;
  min-width: 18px;
}

._tabItemBasic1_6kjzp_38 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0.75rem 1rem 0.625rem 2px;
  gap: 0.75rem;
  cursor: pointer;
  font-size: 13px;
}

._tabTitle1_6kjzp_49 {
  text-decoration: none;
  position: relative;
  line-height: 22px;
  color: inherit;
  display: inline-block;
}



._item_nf75f_3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-family: Inter;
  color: rgba(0, 0, 0, 0.88);
}

._container_nf75f_16 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  flex-direction: column;
  padding: 10px 25px;
  gap: 56px;
  line-height: normal;
  letter-spacing: normal;
  gap: 28px;
  /* background-color: rgba(22, 119, 255, 0.06); */
  height: calc(100vh - 64px);
}


._text_8cis5_3 {
    border: 0;
    outline: 0;
    background-color: transparent;
    height: 1.375rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-family: Inter;
    font-size: 0.775rem;
    color: #627f99;
  }

._titleText_8cis5_17 {
    text-decoration: none;
    position: relative;
    line-height: 2rem;
    font-weight: 600;
    color: inherit;
    display: inline-block;
    min-width: 1.063rem;
  }

._title_8cis5_17 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-9xs);
  }

._textParent_8cis5_36 {
    align-self: stretch;
    padding: 0 0.625rem 0 0;
  }

._frameContainer_8cis5_40,
  ._container_8cis5_41,
  ._textParent_8cis5_36 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

._frameContainer_8cis5_40 {
    align-self: stretch;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    padding: 0.625rem 0.937rem;
  }

._container_8cis5_41 {
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border-radius: 10px;
    background-color: #eff4f6;
    border: 1px solid #e6ebf2;
    box-sizing: border-box;
    width: 100%;
    padding: 0.125rem 0.187rem;
    text-align: left;
    font-size: 1.5rem;
    color: #051829;
    font-family: Inter;
  }

  ._container_yjvaw_1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /* flex-direction: column; */
  width: 100%;
  position: relative;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 0.875rem;
  color: #004b8d;
  font-family: 1.5rem;
  gap: 1rem;
}
._row_yjvaw_15 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}


._item_pua8u_3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  max-width: 100%;
  text-align: left;
  flex-direction: column;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-family: Inter;
  color: rgba(0, 0, 0, 0.88);
}

._container_pua8u_17 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  flex-direction: column;
  padding: 10px 25px;
  gap: 56px;
  line-height: normal;
  letter-spacing: normal;
  gap: 28px;
  background-color: #fff;
  height:100vh
}
._container_rr28u_1 {
  width: 100%;
  padding: 0px 0px 20px 0px;
}
._heading_rr28u_5 {
  font: 600 16px/16px Inter;
  padding-top: 10px;
}
._cardsContainer_rr28u_9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  padding-top: 10px;
}
._cardContainer_rr28u_18 {
  width: 100%;
  height: 25%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 16px;
}
._disableCard_rr28u_29 {
  opacity: 0.6;
  background-color: '#f5f5f5';
  color: '#9e9e9e';
}
._header_rr28u_34 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
._titleDiv_rr28u_40 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
._textDiv_rr28u_46 {
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 4px;
}
._titleText_rr28u_53 {
  font: 500 14px/16px Inter;
}
._subTitleText_rr28u_56 {
  font: 500 12px/16px Inter;
  color: grey;
}
._templateDiv_rr28u_60 {
  width: 80%;
  height: 30px;
  background-color: #faf0f9;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 4px;
}

._midDiv_rr28u_70 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font: 500 14px/16px Inter;
  color: grey;
  width: 60%;
}
._tags_rr28u_78 {
  display: flex;
  justify-content: start;
  align-items: center;
}
._dotSeparator_rr28u_83 {
  display: inline-block;
  margin: 0 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #888;
  vertical-align: middle;
}
/* Add these new classes to the existing file */

._gstFormContainer_1vfxd_3 {
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    gap: 5px;
    flex-direction: column;
  }
  
  ._gstInputGroup_1vfxd_11 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  
  ._gstLabel_1vfxd_17 {
    font-weight: 500;
    flex: 0 0 auto;
  }
  
  ._gstInputWrapper_1vfxd_22 {
    display: flex;
    flex: 1;
    gap: 10px;
  }
  
  ._gstInput_1vfxd_11 {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._validateButton_1vfxd_35 {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
  }
  
  ._validateButton_1vfxd_35:enabled {
    background-color: #00325e;
    color: white;
    cursor: pointer;
  }
  
  ._validateButton_1vfxd_35:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
  }
  
  ._brandInput_1vfxd_53 {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._brandInput_1vfxd_53[readonly] {
    cursor: not-allowed;
  }
  
  ._buttonContainer_1vfxd_64 {
    display: flex;
    flex: 1;
    gap: 10px;
    margin-top: 16px;
  }
  
  ._backButton_1vfxd_71 {
    padding: 18px;
  }
  
  ._submitButton_1vfxd_75 {
    flex: 1;
    padding: 18px;
    border: none;
    border-radius: 4px;
  }
  
  ._submitButton_1vfxd_75:enabled {
    background-color: #00325e;
    color: white;
    cursor: pointer;
  }
  
  ._submitButton_1vfxd_75:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
  }
  ._gstDetaiks_1vfxd_93{
    margin-left: 30px;
    margin-bottom: 20px;
  }
  ._gstDetailsLabel_1vfxd_97{
    width: 100px;
    display: flex;
  }._formContainer_8us4o_1 {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  ._formGroup_8us4o_7 {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  
  ._label_8us4o_13 {
    font-weight: 500;
    flex: 0 0 auto;
  }
  
  ._inputWrapper_8us4o_18 {
    display: flex;
    flex: 1;
    gap: 10px;
  }
  
  ._input_8us4o_18 {
    flex: 1;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  ._gridContainer_8us4o_31 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  
  ._buttonContainer_8us4o_37 {
    display: flex;
    flex: 1;
    gap: 10px;
    margin-top: 16px;
  }
  
  ._backButton_8us4o_44 {
    padding: 18px;
  }
  
  ._submitButton_8us4o_48 {
    flex: 1;
    padding: 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  ._submitButton_8us4o_48:disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
  }
  
  ._submitButton_8us4o_48:enabled {
    background-color: #00325e;
    color: white;
    cursor: pointer;
  }
._modalTitle_8yxx5_2 {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin-bottom: 4px;
  }
  
  ._setupButton_8yxx5_9 {
    background-color: rgb(9, 88, 217);
    font-size: 12px;
  }
  
  ._setupLink_8yxx5_14 {
    color: rgb(9, 88, 217);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
  }
  
  ._optionsContainer_8yxx5_21 {
    text-align: center;
    margin-bottom: 16px;
  }
  
  ._optionsWrapper_8yxx5_26 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 6px;
  }
  
  ._optionLabel_8yxx5_34 {
    display: flex;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 8px;
    cursor: pointer;
  }
  
  ._radioInput_8yxx5_42 {
    margin: 0px 8px;
  }
  
  ._optionTitle_8yxx5_46 {
    font-weight: 600;
    margin-bottom: -3px;
  }
  
  ._optionDescription_8yxx5_51 {
    margin-bottom: -3px;
    color: grey;
  }._container_ygx7q_1 {
  padding: 15px 0px 10px 0px;
  height:100%;
  overflow-y: hidden;
}

._header_ygx7q_7 {
  display: flex;
  flex-direction: row;
}
._noData_ygx7q_11 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  @media screen and (min-width: 1440px) {
    height: 525px;
  }

  @media screen and (min-width: 1024px) and (max-width: 1439px) {
    height: 500px;
  }

  @media screen and (min-width: 768px) and (max-width: 1023px) {
    max-height: 650px;
  }
}
._title_ygx7q_28 {
  padding: 0px 15px;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  margin-top: 2px;
}
._noDatatext_ygx7q_35{
  font-size: 12px;
}
._subtitle_ygx7q_38 {
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 11px;
  font-weight: 400;
  margin-top: 5px;
}

._notificationList_ygx7q_46 {
  /* max-height: 525px; */
  margin-top:5px;
  padding: 0px 15px;
  overflow-y: auto;
  


}

._notificationList_ygx7q_46::-webkit-scrollbar-track {
  background: transparent;
}
._notificationHeading_ygx7q_59 {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2em;
  max-height: 2.4em;
  word-break: break-word;
}

._descriptionText_ygx7q_75 {
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
}
._mainContent_ygx7q_81:has(._notificationHeading_ygx7q_59._two-lines_ygx7q_81) ._descMargin_ygx7q_81 {
  margin-top: 20px; /* Add your desired margin */
}
._notificationItem_ygx7q_84 {
  height: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  @media screen and (min-width: 1440px) {
    height: 60px;
  }
  @media screen and (min-width: 1024px) and (max-width: 1439px) {
    height: 60px;
  }
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    height: 60px;
  }
}
._descMargin_ygx7q_81{
  margin-top: 0px;
}

._itemContent_ygx7q_106 {
  display: flex;
  flex-direction: row;
}

._iconContainer_ygx7q_111 {
  margin-right: 10px;
  flex: 0.05;
}

._mainContent_ygx7q_81 {
  flex: 0.95;
}

._heading_ygx7q_120 {
  color: rgba(0, 0, 0, 1);
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}

._timeContainer_ygx7q_128 {
  display: flex;
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
  flex: 1;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

._dateContainer_ygx7q_142 {
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  margin-left: 15px;
  border: 1px solid rgba(0, 0, 0, 0.40);
  padding: 5px ;
  border-radius: 5px;
}

._description_ygx7q_75 {
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
} ._container_n4zzg_1 {
    min-height: 100vh;
    background-color: #f6f8fa;
    /* font-family: 'Poppins', sans-serif; */
    padding: 10px 33px;
    font-family: Inter;
  }._container_15pso_1 {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
}

._leftSection_15pso_7 {
  flex: 1;
  border: 5px solid #E6EBF2;
  padding: 15px 0 0px 0;
  margin-right: 5px;
  border-radius: 10px;
}

._header_15pso_15 {
  padding: 0 10px;
}

._headerTitle_15pso_19 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
}

._subHeader_15pso_25 {
  padding: 7px 10px;
}

._subHeaderText_15pso_29 {
  color: rgba(0, 0, 0, 0.45);
  font-family: Inter;
  font-size: 11px;
  font-weight: 400;
  margin-top: 5px;
}

._accordianContent_15pso_37 {
  display: flex;
  flex-direction: row;
  align-items: start;
}

._iconContainer_15pso_43 {
  align-items: center;
  display: flex;
}

._title_15pso_48 {
  font-size: 12px;
  font-family: Inter;
  font-weight: 600;
  display: flex;
  align-items: center;
}

._description_15pso_56 {
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
  font-family: Inter;
  font-weight: 400;
  margin-top: 10px;
}
._descriptionSMSOnly_15pso_63 {
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
  font-family: Inter;
  font-weight: 400;
  margin-top: 0px;
  margin-left: 2px;
  position: relative;
  top: -8px;
}

._buttonContainer_15pso_74 {
  padding-left: 40px;
}

._rightSection_15pso_78 {
  display: flex;
  flex-direction: column;
  flex: 1.5;
}

._notificationsContainer_15pso_84 {
  border: 5px solid #E6EBF2;
  border-radius: 10px;
  height: 100%;
}

._borderBottom_15pso_90 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

._accordian_15pso_37 {
  padding: 10px;
}

._errorMessage_15pso_98 {
  margin-top: 5px;
  color: #FF4D4F;
  font-family: Inter;
  font-size: 12px;
}._container_n4zzg_1 {
    min-height: 100vh;
    background-color: #f6f8fa;
    /* font-family: 'Poppins', sans-serif; */
    padding: 10px 33px;
    font-family: Inter;
  }.welcome-container {
  position: relative;
  background: #f4f8fb;
  background-image: url(/assets/background-bee9cf36.svg);
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: 25vh;
  margin: 15px;
  border-radius: 8px;
  padding-left: 2vw;
  height: 96.5vh;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.welcome-container {
  .welcome-row {
    /* height: 60vh; */
    display: flex;
    align-items: flex-start;
  }

  .text-content {
    padding-left: 20px;
  }

  .logo-container {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .logo {
    height: 30px;
    /* Adjust as needed */
  }

  .welcome-title {
    font-size: 32px;
    font-weight: 400;
    color: #000;
  }

  .welcome-title-bold{
    font-weight: 700;
  }

  .highlight-text {
    color: #002b78;
    font-size: 50px;
  }

  .highlight-text-small {
    color: #01275A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.32px;
  }

  .subtext {
    font-size: 18px;
    color: #333333;
    margin-bottom: 20px;
  }

  .feature-list-item {
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
    border: 0;
    padding: 0;
  }


  .check-icon {
    color: #f79e1b;
    font-size: 16px;
    margin-right: 10px;
  }

  .feature-text {
    color: #000;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.17px;
  }

  .stats-row {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    align-self: stretch;
  }

  .stats-col {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
  }

  .stat-value {
    color: #014C8E;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.24px;
    margin-top: 0 !important;
  }

  .stat-label {
    align-self: stretch;
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
  }

  .carousel-row {
    margin-top: 30px;
    text-align: center;
  }

  .brand-carousel {
    width: 80%;
  }

  .brand-logo {
    max-height: 50px;
    object-fit: contain;
  }

  .brand-logos-row {
    margin-left: 20px !important;
    margin-right: 10px !important;
    margin-top: 20px;
    row-gap: 16px;
    background: #031628;
    border-radius: 10px;
    padding: 15px;
    width: 75%;
    /* position: absolute;
    bottom: 50px; */
  }

  .brand-logo-wrapper {
    display: flex;
    justify-content: center;
    /* Center logos */
    align-items: center;
    /* Center logos vertically */
  }

  .brand-logo {
    width: 100%;
    /* Make sure logos are responsive */
    max-height: 60px;
    /* Set a max height for logos */
  }

  .react-multi-carousel-item {
    opacity: 0.6;
  }

  .react-multi-carousel-item--active {
    opacity: 1;
  }

  .suffix-style{
    color: #014C8E;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.16px;
  }
}@font-face{font-family:"revicons";fallback:fallback;src:url("/assets/revicons-f7b9c306.woff") format('woff'),url("/assets/revicons-4ca02b8a.ttf") format('ttf'),url("/assets/revicons-9e4d4c68.eot") format('ttf')}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:rgba(0,0,0,0.5);min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:rgba(0,0,0,0.8)}.react-multiple-carousel__arrow::before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:rgba(0,0,0,0.5)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left::before{content:"\e824"}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right::before{content:"\e825"}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;margin:auto;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;padding:5px 5px 5px 5px;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:grey;padding:0;margin:0;margin-right:6px;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active{background:#080808}.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0 !important}.react-multi-carousel-track{overflow:visible !important}}[dir='rtl'].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right::before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left::before{content:"\e825"}#onboardingForm {
    .link-style {
        outline: none;
        cursor: pointer;
        color: #004B8D;
        font-weight: 600;
    }

    .icon-prefix {
        color: #e09128;
        padding-right: 5px;
        min-width: 20px;
    }

    .login-form-container {
        max-width: 30vw;
        margin: auto;
        padding-top: 10vh;
    }
   
    
    /* Media query for mobile screens */
    @media (max-width: 990px) {
        .login-form-container {
            max-width: 80vw;
        }
    }

    .logo-container img {
        height: 32px;
        display: block;
        margin: 20px 0;
    }

    .login-button {
        width: 49%;
        margin-right: 2%;
        height: 40px;
        display: inline-flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
    }

    .login-button.facebook {
        margin-right: 0;
    }

    .divider-container {
        display: flex;
        align-items: center;
        margin: 30px 0 15px 0;
    }

    .divider {
        flex-grow: 1;
        height: 1px;
        background-color: #ccc;
        opacity: 0.5;
    }

    .divider-text {
        padding: 0 16px;
        color: #000;
        margin-top: -12px;
    }

    .remember-me {
        float: left;
    }

    .forgot-password {
        float: right;
    }

    .terms-service {
        float: left;
    }

    .signup-container {
        margin-top: 10px;
    }

    .submit {
        float: right;
        margin: 0;
        background: #004B8D;
        min-width: 100px;
        max-width: fit-content;
        height: 40px;
    }

    .page-title {
        font-size: 24px !important;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .error-message {
        color: red;
        font-size: 12px;
        font-family: 'Inter';
    }

    .ant-form-item-required::before {
        display: none !important;
    }

    a {
        color: #004B8D;
    }

    .success-div {
        gap: 15px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-top: 100px;
    }

    .otp-valid {
        border-left: 2px solid #CF7F0C;
        padding: 0 8px;
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        background: #cf7f0c1a;
        width: fit-content;
    }

    .back-btn {
        padding-left: 0;
        justify-content: flex-start;
        font-size: 14px;
        color: #000;
        display: flex;
        align-items: center;
    }

    .timer-color {
        color: #CF7F0C;
    }

    .otp-sub-div {
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

    .otp-div {
        text-align: left;
        padding: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .next-btn {
        background: #004B8D;
        padding: 0 16px;
        min-width: 100px;
        max-width: fit-content;
        color: white;
        height: 40px;
    }

    .attempt-div {
        border: 1px solid #C80E0E80;
        background: #DC8B8B1C;
        padding: 8px;
        border-radius: 4px;
    }

    .user-card {
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .user-info {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .user-details {
        font-size: 14px;
    }

    .user-avatar {
        margin-left: 20px;
    }

    .verified-button {
        margin-left: 10px;
        color: #1890ff;
        font-weight: bold;
        background: none;
        border: none;
        cursor: default;
    }

    .verified-button:hover {
        background: none;
    }

    .edit-button {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #1890ff;
        font-size: 16px;
        border: none;
    }

    .edit-button:hover {
        color: #40a9ff;
        background: none;
    }

    .icon-wrapper svg {
        width: 20px;
        padding: 5px 0 0 0;
    }

    .social-login-label {
        font-family: Inter;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        text-align: left;
    }

    .submit:disabled,
    .next-btn:disabled {
        cursor: not-allowed;
        border-color: #d9d9d9;
        color: rgba(0, 0, 0, 0.25);
        background: rgba(0, 0, 0, 0.04);
        box-shadow: none;
    }

    .ant-input-affix-wrapper {
        height: 40px;
    }

    .password-validation-text {
        font-family: Inter;
        font-size: 12px;
        font-weight: 500;
        line-height: 14.4px;
        text-align: left;
    }

    .credit-card {
        font-size: 12px;
        margin-top: -20px;
        color: #0000008c;
        float: right;
    }

    .resend {
        font-weight: 500;
        color: #000;
    }

    .ant-checkbox-checked .ant-checkbox-inner {
        background-color: #004B8D;
        border-color: #004B8D;
    }

    .password-icon {
        width: 12px;
        height: 12px;
        margin-right: 3px;
    }

    .text-bold {
        font-weight: 600;
    }

    .password-span {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
    }

    .error-span {
        color: red;
        text-align: right;
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 5px;
    }

    .success-span {
        color: #008D1FE0;
        text-align: right;
        display: flex;
        justify-content: end;
        align-items: center;
        gap: 5px;
    }

    #normal_login_email_help .ant-form-item-explain-error {
        flex: 1 0 0;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    #normal_login_email_help {
        margin-bottom: 5px;
    }

    #normal_login_email_help .ant-form-item-explain-error {
        margin-top: 5px;
    }

    #normal_login_email_help .anticon-warning {
        margin-right: 5px;
    }

    .otp-box{
        text-align: center;
        font-size: 24px;
        width: 55px;
    }

    .ant-input-affix-wrapper .anticon.ant-input-password-icon{
        color: rgba(0, 0, 0, 0.45) !important;
    }
}

#normal_login {
    margin-bottom: 5vh;
}._container_8pg0m_1 {
  padding: 10px 25px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}

._header_8pg0m_7{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  font-family: Inter;
}

._backIcon_8pg0m_15{
  display: flex;
  align-items: center;
  /* height: 16px; */
  cursor: pointer;
  font-family: Inter;
  svg{
      path{
          fill: var(--primary-blue);
      }
  }
}

._headerWrapper_8pg0m_28{
  display: flex;
  flex-direction: column;
  font-family: Inter;
}
._headerDescription_8pg0m_33{
  color: var(--Text2, rgba(0, 0, 0, 0.45));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  font-family: Inter;
}

._headerTitle_8pg0m_43{
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  font-family: Inter;
  line-height: 28px; /* 88.889% */
}


._headerButtons_8pg0m_56{
  display: flex;
  gap: 8px;
  align-items: center;
  font-family: Inter;
}

._transparentButton_8pg0m_63 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--colorText, rgba(0, 0, 0, 0.88));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
}

._newTemplate_8pg0m_82 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

._iconsContainer_8pg0m_101 {
  display: flex;
  gap: 8px;
}

._icon_8pg0m_101 {
  cursor: pointer;
}

._textGreen_8pg0m_110 {
  color: #14992a;
}
._textStyleAddEmails_5mmk4_1 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.65);
  padding: 0px 5px;
  margin-top: 5px;
}
._tagsInputContainer_5mmk4_7 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 5px 0px 5px;
  padding-top: 0px;
  border-radius: 6px;
  margin-top: 2px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  font: 400 11px/16px Inter;
  color: rgb(84, 84, 84);
  height: 32px;
}

._tagsItem_5mmk4_22 {
  background-color: rgba(0, 0, 0, 0.06);
  display: inline-block;
  padding: 2px 5px;
  border-radius: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

._close_5mmk4_34 {
  padding: 3px 5px;
  border-radius: 30%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: black;
  transition: background-color 0.3s ease;
}

._close_5mmk4_34:hover {
  background-color: darkgray;
}
._text_5mmk4_1 {
  color: black;
}
._textInput_5mmk4_51 {
  padding: 5px;
  border: none;
  outline: none;
  flex-grow: 1;
  width: auto;
  font: 400 11px/16px Inter;
}

._noteText_5mmk4_60 {
  font: 400 10px/18px Inter;
  padding: 0px 5px;
  color: '#ff6666';
  margin-top: 0px;
}._container_52mt1_1 {
  display: flex;
  gap: 24px;
  /* padding: 24px; */
  /* background-color: #f9fafb; */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

._card_52mt1_9 {
  flex: 1;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

._label_52mt1_18 {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 8px;
}

._amount_52mt1_24 {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
}

._decimal_52mt1_30 {
  font-size: 18px;
  font-weight: 500;
}

._actions_52mt1_35 {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}

._addFunds_52mt1_41 {
  background: #2563eb;
  color: white;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

._addFunds_52mt1_41:hover {
  background: #1d4ed8;
}

._autoTopUp_52mt1_56 {
  background: white;
  border: 1px solid #d1d5db;
  color: #374151;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  cursor: pointer;
}

._autoTopUp_52mt1_56:hover {
  background: #f3f4f6;
}

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

._switchPlan_52mt1_78 {
  font-size: 14px;
  font-weight: 500;
  color: #2563eb;
  background: none;
  border: none;
  cursor: pointer;
}

._switchPlan_52mt1_78:hover {
  text-decoration: underline;
}

._planRow_52mt1_91 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._planName_52mt1_97 {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
}

._activeBadge_52mt1_103 {
  background: #dcfce7;
  color: #15803d;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
}

._details_52mt1_112 {
  margin-top: 16px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  color: #374151;
}

._bold_52mt1_120 {
  font-weight: 500;
  color: #111827;
}

._button_52mt1_125{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  padding: 8px 10px;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  font-size: 0.9em;
}

._primaryButton_52mt1_139 {
  background-color: var(--primary-blue);
  color: var(--white);
}

._balanceHeader_52mt1_144 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}

._addFundLink_52mt1_151 {
  font-size: 14px;
  font-weight: 500;
  color: #2563eb;
  cursor: pointer;
  padding-top: 4px;
  background-color: white;
}

._addFundLink_52mt1_151:hover {
  text-decoration: underline;
}

._dividerContainer_52mt1_164 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0;
}

._dividerLine_52mt1_171 {
  flex-grow: 1;
  height: 1px;
  background-color: #e5e7eb;
}

._dividerText_52mt1_177 {
  font-size: 10px;
  font-weight: 600;
  color: #6b7280;
  letter-spacing: 0.5px;
}

._autoTopUpDetails_52mt1_184 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

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

._activeStatus_52mt1_197 {
  font-size: 14px;
  font-weight: 500;
  color: #16a34a; /* Green */
}

._detailValue_52mt1_203 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

._infoIcon_52mt1_209 {
  color: #9ca3af;
  cursor: help;
}



@media (max-width: 768px) {
  ._container_52mt1_1 {
    flex-direction: column;
  }
}
._container_1i5og_1 {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    background: #fff;
}

._header_1i5og_8 {
   display: flex;
   justify-content: space-between;
   padding: 12px 16px;
}
._headerTitle_1i5og_13 {
    font: 600 14px/20px Inter;
  }
._actionWrapper_1i5og_16 {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 8px;
    
}._actionStyle_1ndqo_1 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}

._iconWrapper_1ndqo_8 {
  cursor: pointer;
}

._modalContent_1ndqo_12 {
  height: 600px;
  width: 600px;
  padding: 5px;
}

._pdfContainer_1ndqo_18 {
  height: 550px;
  border: 1px solid grey;
  color: green;
}

._actionButtons_1ndqo_24 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

._button_1ndqo_31 {
  padding: 0px 9px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
._loadingContainer_1ndqo_41 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* Ensure it takes up the full height of the container */
  width: 100%;
  position: absolute; /* Position it absolutely within the pdfContainer */
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7); /* Optional: add a semi-transparent background */
  z-index: 1; /* Ensure it sits above the PDF while loading */
}
._phonePreviewDiv_1tfsn_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 0px 16px;
}
._Button1_1tfsn_9 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 5px;
}

._Button1_1tfsn_9:hover {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1tfsn_26 {
  background-color: grey;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_1tfsn_32 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_1tfsn_38 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  /* width: 50%; */
}

._Text_1tfsn_52 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
}
._OsIcon_1tfsn_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px; /* Adjust size if needed */
  color: inherit; /* Use parent color or specify */
}
._helpContainer_1ykvk_1 {
  width: 100%;
  height: 80px;
  margin-left: 20px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-image: linear-gradient(90deg, rgba(48, 121, 181, 0.15), rgba(21, 53, 79, 0));
  margin-top: auto; 
}
._wrapperBox_1ykvk_12 {
  width: 44%;
  background-image: url(/assets/background-bee9cf36.svg);
  background-color: #f4f8fb;
  background-position: right top -238px; /* Alternative syntax */
  background-repeat: no-repeat;
  /* background-size: 25vh; */
  height: calc(100vh - 24px);
  border-radius: 5px;
  max-width: 560px;
  min-width: 480px;
  display: flex;
  flex-direction: column; 
  justify-content: space-between; 
  @media screen and (min-width: 1024px) and (max-width: 1439px) {
    background-position: right top -238px; /* Alternative syntax */
  }
}
._logoGk_1ykvk_30 {
  margin-left: 20px;
  margin-top: 50px;
}
._helpContainerSideBar_1ykvk_34 {
  width: 1%;
  height: 100%;
  background-color: rgba(0, 75, 141, 1);
  margin-left: 1px;
}

._helpContainerContent_1ykvk_41 {
  width: 99%;
  height: 100%;
  display: flex;
  padding-left: 20px;
  align-items: center;
  gap: 50px;
}

._helpContainerText_1ykvk_50 {
  font: 600 18px/26px Inter;
}
._mainTitle_1ykvk_53 {
  font-family: Inter;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  margin-left: 20px;
  margin-top: 30px;
  margin-bottom: 15px;
  color: rgba(1, 39, 90, 1);
  word-wrap: break-word; /* Ensures long words break to the next line */
  overflow-wrap: break-word;
  white-space: pre-wrap; /* Preserves whitespace and allows wrapping */
  width: 15ch; /* Restricts the width to 15 characters */
}

._stepContent_1ykvk_68 {
  flex-grow: 1;
}

._stepTitle_1ykvk_72 {
  margin-bottom: 8px;
}

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

._markAsDone_1ykvk_82 {
  color: blue;
  cursor: pointer;
}

._tabIcon_1ykvk_87 {
  display: flex;
  align-items: center;
}

._tabIconImage_1ykvk_92 {
  margin-right: 8px;
}

._rightSection_1ykvk_96 {
  max-width: 800px;
  min-width: 500px;
  height: 100%;
  width: 55%;
}

._iconContainer_1ykvk_103 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  border: 1px solid rgba(0, 75, 141, 0.1);
  /* background-color: white; */
  border-radius: 50%;
}

._iconMargin_1ykvk_114 {
  /* margin-right: 8px; */
  padding: 2px;
}
/* ShopifySetup.module.css */
._setupContainer_18enw_2 {
  padding: 10px;
  border-radius: 5px;
  height: 500px;
  width: 100%;
}
._contentContainer_18enw_8 {
  display: flex;
  gap: 24px;
  flex: 3;
  padding-bottom: 10px;
}

._textBox_18enw_15 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 16px;
}

._description_18enw_23 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}
._inputContainer_18enw_34 {
  display: flex;
  flex-direction: column;
}
._inputDiv_18enw_38 {
  width: 100%;
}
._input_18enw_34 {
  width: 100%;
  height: 35px;
}
._errorMessage_18enw_45 {
  color: red;
  font-size: 11px;
  margin-top: 2px;
}
._helpText_18enw_50 {
  margin-left: 25%;
  font-size: 14px;
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-weight: 300;
  line-height: 22px;
}
._setupChannelContainer_18enw_58 {
  padding: 16px;
  background-color: rgba(248, 248, 248, 1);
  border-radius: 24px;
  margin-top: 20px;
}

._channelHeader_18enw_65 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 10px 16px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(235, 235, 235, 1);
  border-bottom: none;
  height: 50px;
}

._channel_18enw_65 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._channelTitle_18enw_83 {
  font: 600 16px/22px Inter;
}

._setupStatus_18enw_87 {
  display: flex;
  align-items: center;
  gap: 20px;
}

._statusText_18enw_93 {
  opacity: 0.5;
  font: 400 12px/14px Inter;
}
._statusWarning_18enw_97 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
  height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

._statusWarningText_18enw_106 {
  font: 500 14px/22px Inter;
}

._setupGuideBody_18enw_110 {
  border: 1px solid rgba(235, 235, 235, 1);
  border-radius: 0 0 10px 10px;
  /* padding: 5px 16px 10px 16px; */
  background-color: #fff;
}

._bodyRow_18enw_117 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0px 16px;
}

._bodyRowTitle_18enw_126 {
  font: 600 14px/22px Inter;
}

._bodyRowLabel_18enw_130 {
  font: 300 12px/14px Inter;
  color: rgba(0, 0, 0, 0.88);
  width: 30%;
}

._markAsDone_18enw_136 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._submitButtonRow_18enw_142 {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

._submitButton_18enw_142 {
  background-color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._text_18enw_15 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._box_18enw_168 {
  width: 100%;
  flex: 2;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
  gap: 10px;
}

._buttonContainer_18enw_179 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}
._container_cgqw4_1 {
    padding: 20px;
  }
  
  ._messageBox_cgqw4_5 {
    width: 100%;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    gap: 8px;
    background-image: linear-gradient(
      213deg,
      rgba(0, 75, 141, 0.13) 0%,
      rgba(0, 75, 141, 0.03) 49.5%,
      rgba(0, 75, 141, 0.13) 100%
    );
  }
  
  ._header_cgqw4_22 {
    font: 600 24px/24px Inter;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(1, 39, 90, 1);
  }
  
  ._subHeader_cgqw4_30 {
    font: 400 14px/22px Inter;
    display: block;
    justify-content: center;
  }
  
  ._nextSteps_cgqw4_36 {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  ._nextStepsText_cgqw4_43 {
    width: 94%;
  }
  
  ._nextStepsTitle_cgqw4_47 {
    font-weight: 600;
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 5px;
  }
  
  ._nextStepsText_cgqw4_43 p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: grey;
  }
  
  ._shopifyIcon_cgqw4_61 {
    display: flex;
    width: 56px;
    height: 56px;
    border: 0.77px solid grey;
    border-radius: 9.27px;
    justify-content: center;
    align-items: center;
  }
  
  ._footer_cgqw4_71 {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 10px 16px;
    height: 50px;
    border-top: 1px solid rgba(235, 235, 235, 1);
  }
._container_2s9pf_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
._setupGuideTitle_2s9pf_7 {
  font: 600 24px/30px Inter;
}

._setupGuideHeader_2s9pf_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

._setupGuideDescription_2s9pf_18 {
  font: 400 12px/22px Inter;
  color: rgba(0, 0, 0, 0.48);
}
/* ShopifySetup.module.css */

._setupContainer_6sxa3_3 {
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  height: 500px;
}

._characterCount_6sxa3_10 {
  font-size: 0.75rem; 
  color: #666;       
  text-align: right;
  margin-top: 2px; 
}

._setupChannelContainer_6sxa3_17 {
  padding: 16px;
  background-color: rgba(248, 248, 248, 1);
  border-radius: 24px;
  margin-top: 20px;
}

._channelHeader_6sxa3_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 10px 16px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(235, 235, 235, 1);
  border-bottom: none;
  height: 50px;
}

._channel_6sxa3_24 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._channelTitle_6sxa3_42 {
  font: 600 16px/22px Inter;
}

._setupStatus_6sxa3_46 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._topM_6sxa3_51 {
  margin-top: 10px;
}
._bottomM_6sxa3_54 {
  margin-bottom: 5px;
}
._statusText_6sxa3_57 {
  opacity: 0.5;
  font: 400 12px/14px Inter;
}

._statusWarning_6sxa3_62 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
  height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

._statusWarningText_6sxa3_71 {
  font: 500 14px/22px Inter;
}

._setupGuideBody_6sxa3_75 {
  border: 1px solid rgba(235, 235, 235, 1);
  border-radius: 0 0 10px 10px;
  /* padding: 16px; */
  background-color: white;
}

._bodyRow_6sxa3_82 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

._bodyRowTitle_6sxa3_89 {
  font: 600 14px/22px Inter;
}

._bodyRowLabel_6sxa3_93 {
  font: 400 12px/14px Inter;
}

._markAsDone_6sxa3_97 {
  color: rgba(0, 75, 141, 1);
  font: 500 14px/22px Inter;
  cursor: pointer;
}

._submitButtonRow_6sxa3_103 {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

._submitButton_6sxa3_103 {
  background-color: rgba(0, 75, 141, 1);
  height: 40px;
  width: 80px;
}

._bottomContent_6sxa3_115 {
  background: #fff;
  border-radius: 0 0 8px 8px;
  border: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
._heightSmall_6sxa3_123 {
  height: 250px;
}
._box_6sxa3_126 {
  width: 100%;
  flex: 2;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 16px 10px 16px;
  margin-top: 10px;
  gap: 10px;
}
._box2_6sxa3_137 {
  width: 100%;
  flex: 2;
  /* padding: 10px; */
  /* border-bottom: 1px solid rgba(235, 235, 235, 1); */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0px;
}
._connectWhatsappText_6sxa3_147 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}
._InputFieldDiv_6sxa3_157 {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
._InputField_6sxa3_157 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 20px;
}
._InputField2_6sxa3_171 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
._InputFieldHeading_6sxa3_177 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 14px;
}
._Input_6sxa3_157 {
  height: 35px;
  width: 100%;
}
._connectButton_6sxa3_189 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
._prerequisitesHeader_6sxa3_196 {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 16px;
}

._automationContainer_6sxa3_206 {
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._SubHeaderText_6sxa3_213 {
  color: #000;
  font: 600 14px/22px Inter;
  letter-spacing: -0.28px;
}

._markAsDoneContainer_6sxa3_219 {
  margin-left: auto;
}
._done_6sxa3_222 {
  color: #004b8d;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._done_6sxa3_222:hover {
  opacity: 0.8;
}
._SupportLinksDiv_6sxa3_234 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._SupportLinksHeading_6sxa3_240 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.88);
}
._SupportLinksText_6sxa3_247 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 1);
  opacity: 0.6;
}
._Div_6sxa3_255 {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._DivHeading_6sxa3_261 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.88);
}
._DivHeading1_6sxa3_268 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.88);
  margin: 24px 0px 12px 0px;
}
._DivText_6sxa3_276 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 1);
  opacity: 0.6;
}
._ExampleBox_6sxa3_284 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  width: 100%;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
  padding: 12px;
  opacity: 0.6;
}
._DoNotIncludeBox_6sxa3_296 {
  padding: 12px 0px 12px 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
._DoNotIncludeContent_6sxa3_303 {
  color: black;
}
._DoNotIncludeContent_6sxa3_303 {
  color: black;
}
._DoNotIncludeContentRow_6sxa3_309 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: rgba(0, 0, 0, 1);
  letter-spacing: -0.1px;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  padding: 4px 0px;
  opacity: 0.6;
}
._LinksInputContainer_6sxa3_322 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* from here video wla  */
._bottomHeader_6sxa3_333 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
}

._SubHeaderText_6sxa3_213 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._markAsDoneContainer_6sxa3_219 {
  margin-left: auto;
}

._done_6sxa3_222 {
  color: #004b8d;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._done_6sxa3_222:hover {
  opacity: 0.8;
}

._automationContainer_6sxa3_206 {
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._automationBox_6sxa3_374 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  background: #fff;
}

._automationContent_6sxa3_385 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

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

._featureTitle_6sxa3_398 {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._featureDescription_6sxa3_408 {
  color: rgba(0, 0, 0, 0.6);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._contentContainer_6sxa3_418 {
  display: flex;
  gap: 24px;
}

._videoBox_6sxa3_423 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

._videoPlayer_6sxa3_430 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
}

._textBox_6sxa3_438 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._description_6sxa3_445 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_6sxa3_196 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._buttonContainer_6sxa3_466 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}

._connectButton_6sxa3_189 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._bodyRow_6sxa3_82 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0px 16px;
}

._bodyRowTitle_6sxa3_89 {
  font: 600 14px/22px Inter;
}

._bodyRowLabel_6sxa3_93 {
  font: 300 12px/14px Inter;
  color: rgba(0, 0, 0, 0.88);
  min-width: 150px;
}

._markAsDone_6sxa3_97 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._errorMessage_6sxa3_507 {
  color: red;
  font-size: 11px;
  margin-top: 2px;
}
._ModalTitle_pm7n0_1 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  text-align: start;
  margin-left: 0px;
}
._ModalHeading_pm7n0_11 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
  width: 60%;
}
._ModalHeading2_pm7n0_21 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-align: center;
}
._ModalText_pm7n0_30 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: center;

  /* opacity: 60%; */
}
._DashedBox_pm7n0_41 {
  border: 1px dashed rgba(0, 0, 0, 0.15);
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
._buttonContainer_pm7n0_49 {
  color: black;
  display: flex;
  justify-content: end;
}

._connectButton_pm7n0_55 {
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

._underlinedText_pm7n0_62 {
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-skip: false;
  /* text-decoration-color: black;
  text-decoration-thickness: 1px; */
  text-underline-offset: 3px;
}
._setupContainer_a11mn_1 {
  padding: 10px;
  border-radius: 5px;
  height: 500px;
  width: 100%;
}
._setupChannelContainer_a11mn_7 {
  padding: 16px;
  background-color: rgba(248, 248, 248, 1);
  border-radius: 24px;
  margin-top: 20px;
}
._topM_a11mn_13 {
  margin-top: 10px;
  padding: 0px 16px;
}
._channelHeader_a11mn_17 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 10px 16px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(235, 235, 235, 1);
  border-bottom: none;
  height: 50px;
}
._channel_a11mn_17 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._channelTitle_a11mn_34 {
  font: 600 16px/22px Inter;
}

._setupStatus_a11mn_38 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._statusWarning_a11mn_43 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
  height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

._statusWarningText_a11mn_52 {
  font: 500 14px/22px Inter;
}

._statusText_a11mn_56 {
  opacity: 0.5;
  font: 400 12px/14px Inter;
}

._statusWarning_a11mn_43 {
  display: flex;
  align-items: center;
}

._bottomContent_a11mn_66 {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}

._heightLarge_a11mn_72 {
  height: 320px;
}

._heightSmall_a11mn_76 {
  height: 300px;
}

._setupGuideBody_a11mn_80 {
  border: 1px solid rgba(235, 235, 235, 1);
  border-radius: 0 0 10px 10px;
  /* padding: 5px 16px 10px 16px; */
  background-color: #fff;
}


._contentContainer_a11mn_88 {
  display: flex;
  gap: 24px;
  padding: 20px 0px;
  align-items: flex-start;
}

._videoBox_a11mn_95 {
  width: 50%;
}

._videoPlayer_a11mn_99 {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

._textBox_a11mn_105 {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 0px;
}

._description_a11mn_113 {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_a11mn_124 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

._automationContainer_a11mn_132 {
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._automationBox_a11mn_139 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  background: #fff;
}

._automationContent_a11mn_150 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

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

._featureTitle_a11mn_163 {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._featureDescription_a11mn_173 {
  color: rgba(0, 0, 0, 0.6);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._contentContainer_a11mn_88 {
  display: flex;
  gap: 24px;
  flex: 3;
}

._videoBox_a11mn_95 {
  flex: 1;
  min-height: 200px;
  display: flex;
  align-items: center;
}

._videoPlayer_a11mn_99 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
}

._textBox_a11mn_105 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._description_a11mn_113 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_a11mn_124 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._buttonContainer_a11mn_232 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex: 1;
}
._bottomM_a11mn_238 {
  margin-bottom: 5px;
}

._scheduleButton_a11mn_242 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._connectButton_a11mn_250 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
._bodyRow_a11mn_257 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 16px;
}
._bodyRowTitle_a11mn_264 {
  font: 600 14px/22px Inter;
}

._bodyRowLabel_a11mn_268 {
  font: 300 12px/14px Inter;
  color: rgba(0, 0, 0, 0.88);
  min-width: 150px;
}

._markAsDone_a11mn_274 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._box_a11mn_280 {
  width: 100%;
  flex: 2;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  padding-bottom: 16px;
  gap: 10px;
}

._buttonContainer_a11mn_232 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}
._bodyRow_1r6f2_1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0px 16px;
}

._bodyRowTitle_1r6f2_10 {
  font: 600 14px/22px Inter;
}

._markAsDone_1r6f2_14 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._markAsDone_1r6f2_14:hover {
  opacity: 0.8;
}

._contentContainer_1r6f2_24 {
  display: flex;
  gap: 24px;
  flex: 3;
  padding-bottom: 10px;
}

._textBox_1r6f2_31 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 16px;
}

._description_1r6f2_39 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_1r6f2_51 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._buttonContainer_1r6f2_60 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}

._scheduleButton_1r6f2_68 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._connectButton_1r6f2_76 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

/* Button Extended Styles */

/* :global(.ant-btn:hover) {
  opacity: 0.9;
}

:global(.ant-btn-primary) {
  background: #004b8d;
  border: none;
}

:global(.ant-btn-default) {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
} */

._box_1r6f2_100 {
  width: 100%;
  flex: 2;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
  gap: 10px;
}
._bottomContent2_1kzu2_1 {
  background: #fff;
  border-radius: 8px;
  padding: 10px 16px;
}

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

._SubHeaderText_1kzu2_14 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._markAsDoneContainer_1kzu2_24 {
  margin-left: auto;
}

._done_1kzu2_28 {
  color: #004b8d;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._done_1kzu2_28:hover {
  opacity: 0.8;
}

._automationContainer_1kzu2_41 {
  /* padding: 10px 0px; */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._automationBox_1kzu2_48 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  background: #fff;
}

._automationContent_1kzu2_59 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

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

._featureTitle_1kzu2_72 {
  font: 300 12px/14px Inter;
  letter-spacing: -0.28px;
}

._featureDescription_1kzu2_77 {
  color: rgba(0, 0, 0, 0.6);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
._setupGuideLink_1kzu2_86 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
._setupGuideLink_1kzu2_86:hover {
  text-decoration: underline;
  opacity: 0.8;
}


._toggleSwitch_1kzu2_101 {
  min-width: 28px;
  height: 16px;
}
._setupContainer_dtudg_1 {
  padding: 10px;
  border-radius: 5px;
  height: 441px;
}

._setupChannelContainer_dtudg_7 {
  padding: 16px;
  background-color: rgba(248, 248, 248, 1);
  border-radius: 24px;
  margin-top: 20px;
}

._channelHeader_dtudg_14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  padding: 10px 16px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba(235, 235, 235, 1);
  border-bottom: none;
  height: 50px;
}
._channel_dtudg_14 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._channelTitle_dtudg_31 {
  font: 600 16px/22px Inter;
}

._setupStatus_dtudg_35 {
  display: flex;
  align-items: center;
  gap: 20px;
}
._bodyRow_dtudg_40 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

._markAsDone_dtudg_47 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._bodyRowTitle_dtudg_53 {
  font: 600 14px/22px Inter;
}
._statusText_dtudg_56 {
  opacity: 0.5;
  font: 400 12px/14px Inter;
}
._setupGuideBody_dtudg_60 {
  border: 1px solid rgba(235, 235, 235, 1);
  border-radius: 0 0 10px 10px;
  /* padding: 5px 16px 10px 16px; */
  background-color: #fff;
}

._statusWarning_dtudg_67 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 10px;
  height: 30px;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
._statusWarningText_dtudg_75 {
  font: 500 14px/22px Inter;
}

._bottomContent_dtudg_79 {
  background: #fff;
  border-radius: 8px;
  padding: 20px;
}

._heightLarge_dtudg_85 {
  height: 320px;
}

._heightSmall_dtudg_89 {
  height: 300px;
}

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

._SubHeaderText_dtudg_100 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.28px;
}

._markAsDoneContainer_dtudg_110 {
  margin-left: auto;
}

._done_dtudg_114 {
  color: #004b8d;
  cursor: pointer;
  font-family: Inter;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

._done_dtudg_114:hover {
  opacity: 0.8;
}
._setupGuideLink_dtudg_126 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}
._setupGuideLink_dtudg_126:hover {
  text-decoration: underline;
  opacity: 0.8;
}

._videoBox_dtudg_140 {
  width: 50%;
}

._videoPlayer_dtudg_144 {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

._textBox_dtudg_150 {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 0px;
}

._description_dtudg_158 {
  color: #000;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_dtudg_169 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
._container_dtudg_176 {
  padding: 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
._bottomContent2_dtudg_182 {
  background: #fff;
  border-radius: 8px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
}

._automationContainer_dtudg_189 {
  /* padding: 10px 0px; */
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._automationBox_dtudg_196 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  background: #fff;
}

._automationContent_dtudg_207 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

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

._featureTitle_dtudg_220 {
  font: 300 12px/14px Inter;
  letter-spacing: -0.28px;
}

._featureDescription_dtudg_225 {
  color: rgba(0, 0, 0, 0.6);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
}

/* Custom styling for antd Switch component */



._contentContainer_dtudg_239 {
  display: flex;
  gap: 24px;
}

._videoBox_dtudg_140 {
  flex: 1;
  min-height: 200px;
  display: flex;
  align-items: center;
}

._videoPlayer_dtudg_144 {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
  border-radius: 4px;
}

._textBox_dtudg_150 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._description_dtudg_158 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_dtudg_169 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._scheduleButton_dtudg_287 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._connectButton_dtudg_295 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
._prerequisitesHeader_dtudg_302 {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._titleWithNumber_dtudg_313 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._numberCircle_dtudg_319 {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid #004b8d;
  color: rgba(0, 75, 141, 1);
}

._automationBox_dtudg_196 {
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #ebebeb;
  background: #fff;
}

._automationBox2_dtudg_345 {
  display: flex;
  padding: 12px 0px 12px 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: #fff;
  width: 100%;
}
._automationContent_dtudg_207 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

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

._buttonContainer_dtudg_368 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}
._bodyRow_1worr_1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0px 16px;
}

._bodyRowTitle_1worr_10 {
  font: 600 14px/22px Inter;
}

._markAsDone_1worr_14 {
  color: rgba(0, 75, 141, 1);
  font: 400 14px/22px Inter;
  cursor: pointer;
}

._markAsDone_1worr_14:hover {
  opacity: 0.8;
}

._contentContainer_1worr_24 {
  display: flex;
  gap: 24px;
  flex: 3;
  padding-bottom: 10px;
}

._textBox_1worr_31 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 16px;
}

._description_1worr_39 {
  align-self: stretch;
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  opacity: 0.6;
}

._prerequisite_1worr_51 {
  color: rgba(0, 75, 141, 1);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

._buttonContainer_1worr_60 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 16px;
  height: 50px;
}

._scheduleButton_1worr_68 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

._connectButton_1worr_76 {
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

/* Button Extended Styles */


/* :global(.ant-btn-primary) {
  background: #004b8d;
  border: none;
} */

/* :global(.ant-btn-default) {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
} */

._box_1worr_97 {
  width: 100%;
  flex: 2;
  border-bottom: 1px solid rgba(235, 235, 235, 1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
  gap: 10px;
}
._container_rgh1w_1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 75, 141, 0.13);
    font-family: Inter;
  }
  
  ._card_rgh1w_12 {
    height: 600px;
    width: 600px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    background-image: url(/assets/background-bee9cf36.svg);
  background-color: #f4f8fb;
  background-position: right top -179px; /* Alternative syntax */
  background-repeat: no-repeat;
    padding: 60px;
  }
  
  ._merchantName_rgh1w_24 {
    font-weight: 500;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.68);
  }
  
  ._welcomeText_rgh1w_30 {
    font-weight: 300;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.88);
    font-family: Inter;
  }
  
  ._brandName_rgh1w_37 {
    color: rgba(1, 39, 90, 1);
    font-weight: 700;
    font-size: 30px;
  }
  
  ._tagline_rgh1w_43 {
    max-width: 200px;
    color: rgba(0, 0, 0, 0.58);
    font-weight: 400;
    font-size: 12px;
    margin-top: 15px;
  }
  
  ._description_rgh1w_51 {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 14px;
  }
  
  ._buttonContainer_rgh1w_57 {
    height: 145px;
    display: flex;
    align-items: flex-end;
  }._container_1aach_1 {
  display: flex;
  height: 100vh;
  width: 100%;
  padding:10px
}

._leftSection_1aach_8 {
  width: 40%;
  background-image: url(/assets/background-bee9cf36.svg);
  background-color: #f4f8fb;
  background-position: right top -0px; /* Alternative syntax */
  background-repeat: no-repeat;
  position: relative;
  padding: 40px;
  display: flex;
  flex-direction: column;
  /* justify-content: flex-end; */
}
._logoGk_1aach_20 {
  margin-left: 0px;
  margin-top: 15px;
}
._textContainer_1aach_24 {
  margin-bottom: 10px;
}
._buttonContainer_1aach_27 {
    display: flex;
    align-items: flex-end;
  }

._title_1aach_32 {
  font-family: Inter;
  font-size: 40px;
  font-weight: 700;
  line-height: 40.92px;
  letter-spacing: -0.01em;
  text-align: left;
  color: rgba(1, 39, 90, 1);
  margin-bottom: 10px;
}

._subtitle_1aach_43 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

._rightSection_1aach_52 {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 140px 20px 150px;
  width: 60%;
  display:flex;
  justify-content: center;
  align-items: center;

}

._topBox_1aach_64 {

  min-height: 180px;
  max-height: 250px;
  background-color: white;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  width: 100%;
  padding: 5px;
  min-width: 330px;
}

._bottomBox_1aach_78 {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  width: 100%;
  padding: 5px;
  min-width: 330px;
}

._benefitItem_1aach_88 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

._benefitText_1aach_96 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: rgba(0, 0, 0, 0.5);
}

._exploreMore_1aach_105 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: rgba(0, 75, 141, 1);
  padding: 0px 20px;
}

._checkboxContainer_1aach_115 {
  padding: 12px 16px;
}

._checkboxText_1aach_119 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
}

._subText_1aach_127 {
  font-family: Inter;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.4px;
  color: rgba(0, 0, 0, 0.56);
  margin-left: 24px;
}

._divider_1aach_136 {
  height: 1px;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 12px 0;
}

._platformFee_1aach_142 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._feeText_1aach_148 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
}

._feeAmount_1aach_156 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.88);
}

._chargesTitle_1aach_164 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
  color: rgba(0, 0, 0, 0.88);
  padding: 10px 10px 2px 10px;
}

._chargesSubtitle_1aach_175 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 16.8px;
  letter-spacing: -0.03em;
  text-align: left;
  padding: 2px 10px 0px 10px;
  color: rgba(0, 0, 0, 0.68);
  margin-bottom: 16px;
}
._verticalDivider_1aach_186 {
  width: 1px;
  height: 60px;
  background-color: #e8e8e8;
  margin: 5px 16px;
}

._priceBoxContainer_1aach_193 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

._priceBox_1aach_193 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._priceType_1aach_207 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 75, 141, 1);
  margin-bottom: 5px;
}

._price_1aach_193 {
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 5px;
}

._priceUnit_1aach_227 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  color: rgba(0, 0, 0, 1);
}

._bottomActions_1aach_236 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
}

.ant-checkbox-wrapper.terms-service .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #004B8D !important;
  border-color: #004B8D !important;
}

.ant-checkbox-wrapper.terms-service .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #004B8D !important;
}

.ant-checkbox-wrapper.terms-service .ant-checkbox-inner {
  border-color: #d9d9d9;
}
._container_17qcf_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

._card_17qcf_11 {
  background: white;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  max-width: 500px;
  width: 100%;
  text-align: center;
}

._title_17qcf_21 {
  color: #333;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
}

._subtitle_17qcf_28 {
  color: #666;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
}

._connectButton_17qcf_35 {
  background: #25d366 !important;
  border: none !important;
  color: white !important;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  width: 100%;
  margin-top: 20px;
}

._connectButton_17qcf_35:hover {
  background: #128c7e !important;
  color: white !important;
}

._connectButton_17qcf_35:disabled {
  background: #ccc !important;
  color: #666 !important;
}

._statusMessage_17qcf_57 {
  margin-top: 20px;
  padding: 15px;
  border-radius: 8px;
}

._statusSuccess_17qcf_63 {
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  color: #52c41a;
}

._statusError_17qcf_69 {
  background: #fff2f0;
  border: 1px solid #ffccc7;
  color: #ff4d4f;
}

._infoSection_17qcf_75 {
  margin-top: 30px;
  font-size: 14px;
  color: #999;
}

._infoList_17qcf_81 {
  text-align: left;
  padding-left: 20px;
}

._logoContainer_17qcf_86 {
  margin-bottom: 20px;
}

._whatsappIcon_17qcf_90 {
  margin-bottom: 20px;
}/* src/components/WhatsappAccountManagement/styles.module.css */
._card_ne9cy_2{
    border-radius: 8px;
    border: 1px solid #cbd2de;
    background: #fff;
    padding: 16px;
    margin-bottom: 16px;
  }
  
  ._fieldLabel_ne9cy_10{
    color: var(--Text2, rgba(0,0,0,0.45));
    font-size: 12px;
    font-family: Inter;
    margin-bottom: 8px;
  }
  
  ._searchRow_ne9cy_17{
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  ._inputWrap_ne9cy_23{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    border-radius: 6px;
    padding: 8px 10px;
  }
  
  ._inputIcon_ne9cy_34{
    width: 16px;
    height: 16px;
    opacity: 0.65;
  }
  
  ._input_ne9cy_23{
    border: none;
    outline: none;
    width: 100%;
    font-size: 12px;
    font-family: Inter;
    color: rgba(0,0,0,0.88);
    background: transparent;
  }
  
  ._grid_ne9cy_50{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  
  ._cardTitle_ne9cy_56{
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(0,0,0,0.88);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  
  ._cardTitleWithIcon_ne9cy_66{
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(0,0,0,0.88);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
  }
  
  ._titleIcon_ne9cy_76{
    width: 18px;
    height: 18px;
  }
  ._titleDot_ne9cy_80{
    width: 6px;
    height: 6px;
    background: var(--primary-blue);
    border-radius: 50%;
    display: inline-block;
  }
  
  ._kv_ne9cy_88{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  ._row_ne9cy_94{
    display: grid;
    grid-template-columns: 220px 1fr;
    align-items: center;
  }
  
  ._key_ne9cy_100{
    color: var(--Text2, rgba(0,0,0,0.45));
    font-size: 12px;
    font-family: Inter;
  }
  
  ._value_ne9cy_106{
    color: rgba(0,0,0,0.88);
    font-size: 12px;
    font-family: Inter;
    text-align: left;
  }
  
  ._subtitle_ne9cy_113{
    color: var(--Text2, rgba(0,0,0,0.45));
    font-size: 12px;
    font-family: Inter;
    margin-bottom: 12px;
  }
  
  ._rowBetween_ne9cy_120{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
  }
  
  ._countPill_ne9cy_127{
    min-width: 28px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: Inter;
    color: rgba(0,0,0,0.88);
  }
  
  ._pill_ne9cy_142{
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 12px;
    font-family: Inter;
    border: 1px solid var(--colorBorder, rgba(0,0,0,0.15));
    background: var(--colorBgContainer, #FFF);
    color: rgba(0,0,0,0.88);
  }
  
  ._pillBlue_ne9cy_155{
    background: rgba(83, 152, 255, 0.1);
    color: #2b69ff;
    border-color: rgba(83, 152, 255, 0.25);
  }
  
  ._pillGreen_ne9cy_161{
    background: rgba(20, 153, 42, 0.08);
    color: #14992A;
    border-color: rgba(20, 153, 42, 0.2);
  }
  
  ._fullBtn_ne9cy_167{
    width: 100%;
    justify-content: center;
    margin-top: 8px;
  }
  
  ._roundedBtn_ne9cy_173{
    border-radius: 8px;
    padding: 8px;
  }


  /* moved from template.module.css so this component is self-contained */
._container_ne9cy_180{
    padding: 10px 25px;
    background-color: var(--blue-body-color);
    min-height: calc(100vh - 64px);
  }
  
  ._header_ne9cy_186{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  
  ._backIcon_ne9cy_193{
    display: flex;
    align-items: center;
    cursor: pointer;
    svg{
      path{
        fill: var(--primary-blue);
      }
    }
  }
  
  ._headerWrapper_ne9cy_204{
    display: flex;
    flex-direction: column;
  }
  
  ._headerDescription_ne9cy_209{
    color: var(--Text2, rgba(0, 0, 0, 0.45));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }
  
  ._headerTitle_ne9cy_217{
    display: flex;
    gap: 8px;
    align-items: center;
    color: rgba(0, 0, 0, 0.88);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }
  
  ._headerButtons_ne9cy_228{
    display: flex;
    gap: 8px;
    align-items: center;
  }
  
  ._transparentButton_ne9cy_234{
    padding: 6px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--colorBorder, rgba(0, 0, 0, 0.15));
    background: var(--colorBgContainer, #FFF);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    color: var(--colorText, rgba(0, 0, 0, 0.88));
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
  }
  
  ._newTemplate_ne9cy_252{
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: var(--primary-blue);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
    border: none;
    color: var(--White, #FFF);
    cursor: pointer;
    font-size: 12px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
  }
  
  ._iconsContainer_ne9cy_270{
    display: flex;
    gap: 8px;
  }
  
  ._icon_ne9cy_270{
    cursor: pointer;
  }
  
  ._textGreen_ne9cy_279{
    color: #14992A;
  }
  
  /* for schema customizations */
  ._pillRed_ne9cy_284{
    background: rgba(228, 53, 53, 0.08);
    color: #E43535;
    border-color: rgba(228, 53, 53, 0.2);
  }
  
  ._red_ne9cy_290{
    color: #E43535;
  }._actionWrapper_8grkv_1 {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding-right: 10px;
}

._searchInput_8grkv_8 {
    width: 155px;
    margin-bottom: 3px;
}

._actionWrapper_8grkv_1  .custom-search-input.ant-input-search > .ant-input-group > .ant-input-group-addon:last-child .ant-input-search-button:not(.ant-btn-primary) {
    color: black !important;
  }

  ._sideNavWrapper_8grkv_17 { 
  position: fixed;
  display: inline-block;
  z-index: 1;
  background-color: white;
  margin-left: -5px;
  padding-top: 10px;
  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);
  }

  ._aside_8grkv_27 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 100vh;
  height: calc(100vh - 80px);
  overflow: hidden; 
  margin-left: 4px;
  }
  
  ._navMenuWrapper_8grkv_37 {
    padding-right: 0;
    flex-grow: 1;
    padding-left: 10px;
    overflow-y: auto;
    height: calc(100% - 50px)
  }
  
  ._customMenuSecondary_8grkv_45 {
    width: 100%;
    font-family: Inter;
    color: black;
    background-color: white;
    border-inline-end: none;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item svg path {
    transition: stroke 0.3s;
    fill: black;
  }
  ._navMenuWrapper_8grkv_37 .ant-menu-inline {
    border-inline-end: none !important;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu {
    width: 0px !important;
    border-inline-end: 0 !important;
  }
  
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item {
    padding: 5px !important;
    border: 1px solid transparent;
    width: 155px;
    height: 36px;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item:hover {
    background-color: #eaf3ff;
    border-color: #bfd4f1;
    border-radius: 7px;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item-active {
    background-color: #eaf3ff !important;
    border-color: rgba(22, 119, 255, 0.29) !important;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item-selected {
    background-color: rgba(22, 119, 255, 0.06) !important;
    border-color: #bfd4f1 !important;
    border-radius: 7px;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item-selected .ant-menu-title-content {
    color: rgba(22, 119, 255, 1) !important;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-title-content {
    color: rgba(0, 0, 0, 0.88);
    font-weight: 400;
    font-family: Inter;
    font-size: 12px;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item-active .ant-menu-title-content,
  ._navMenuWrapper_8grkv_37 .ant-menu-item-selected .ant-menu-title-content {
    color: rgba(22, 119, 255, 1) !important;
  }
  
  ._navMenuWrapper_8grkv_37 .ant-menu-item-selected:active,
  ._navMenuWrapper_8grkv_37 .ant-menu-item:active {
    background-color: #eaf3ff !important;
    border-color: #bfd4f1 !important;
  }
  ._searchInput_8grkv_8  .ant-input-search-button .anticon-search svg {
    height: 14px !important;
    width: 14px !important;
  }
  ._heading_19iyo_1 {
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.88);
  margin-left: 8px;
}
._subHeadingWrapper_19iyo_15 {
  margin-top: 5px;
}
._subHeading_19iyo_15 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.45);
}
._iconWrapper_19iyo_28 {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

._wrapper_19iyo_35 {
  padding: 0px 5px;
}
._wrapper_j6ch3_1{
    border: 1px solid rgba(203, 210, 222, 1);
    border-radius: 5px;
    background-color: white;
    padding: 16px;
    margin-top: 16px;
}._wrapper_1gp8w_1 {
  height: calc(100vh - 64px);
}
._container_1gp8w_4 {
  width: 100%;
}

._button_1gp8w_8 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  padding: 8px 20px;
  border: none;
  cursor: pointer;
  border-radius: 6px;
  font-size: 12px;
}
._labelDropdown_1gp8w_21 {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 5px;
}
._provider_1gp8w_31 {
  display: flex;
  flex-direction: column;
  margin-left: 0px;
  margin-top: 10px;
}

._primaryButton_1gp8w_38 {
  background-color: var(--primary-blue);
  color: var(--white);
}

._secondaryButton_1gp8w_43 {
  background-color: var(--white);
  color: #000;
  box-shadow: 0px 2px 0px 0px #00000005;
  border: 1px solid #00000026;
}

._primaryButton_1gp8w_38:disabled,
._secondaryButton_1gp8w_43:disabled {
  cursor: not-allowed;
  border: 1px solid #d9d9d9;
  color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.04);
  box-shadow: none;
}

._subText_1gp8w_59 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.5);
}

._font14_1gp8w_70 {
  font-size: 14px;
}

._font12_1gp8w_74 {
  font-size: 12px;
}

._marginT10_1gp8w_78 {
  margin-top: 10px;
}

._marginT5_1gp8w_82 {
  margin-top: 5px;
}

._paraText_1gp8w_86 {
  font-size: 14px;
  color: rgba(0, 0, 0);
  font-weight: 600;
}

._textWithButton_1gp8w_92 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._textContainer_1gp8w_98 {
  display: flex;
  align-items: center;
  flex-direction: row;
}

._tablePadding_1gp8w_104 {
  padding: 10px 16px;
}

._row_1gp8w_108 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  gap: 8px;
}

._row_1gp8w_108 label {
  color: rgba(0, 0, 0, 0.5) !important;
}

._FormContainer_1gp8w_121 {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 10px;
}
._FormContainer2_1gp8w_127 {
  display: grid;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: 10px;
  margin-top: 5px;
}
._SmsContainer_1gp8w_135 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  margin-top: 5px;
}
._EmailContainer_1gp8w_141 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
  margin-top: 5px;
}

._label_1gp8w_21 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 5px;
}

._layoutHeadingText_1gp8w_160 {
  font: 500 14px/18px Inter;
  margin: 10px 0px;
}

._layoutHeader_1gp8w_165 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

._dropdownFullWidth_1gp8w_172 {
  width: 100%;
}
._switchDiv_1gp8w_175 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
}
 
/* revenue note */
._note_1gp8w_183{
  font-size: 10px;
  margin-top: 15px;
  color: var(--colorTextSecondary, rgba(0, 0, 0, 0.65));

  line-height: 12px;
  span{
      font-weight: 500;
  }
}

._addNew_1gp8w_194 {
  margin-top: 20px;
  margin-left: 5px;
  display: flex;
  justify-content: end;
  gap: 10px;
}

._senderDetailsContainer_1gp8w_202 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
._textWithIcon_1gp8w_208 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  font: 500 14px/18px Inter;
  margin: 10px 0px;
}

/* Unsubscribe Form Styles */
._inputTagsMargin_1gp8w_218 {
  margin-top: 7px;
}

._autoReplyToggleContainer_1gp8w_222 {
  margin-top: 20px;
}

._autoReplyToggleFlex_1gp8w_226 {
  height: 30px;
  align-items: center;
}

._replyInputContainer_1gp8w_231 {
  margin-top: 7px;
}

._phoneInput_1gp8w_235 {
  font-size: 12px !important;
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
}
._phoneInput_1gp8w_235:hover {
  border-color: #d9d9d9 !important;
}
._phoneInput_1gp8w_235:focus-within {
  border-color: #d9d9d9 !important;
  box-shadow: none !important;
}
._phoneInput_1gp8w_235 .ant-input {
  color: #041829 !important;
  font-size: 12px !important;
}
._phoneInput_1gp8w_235 .ant-input-prefix {
  color: #041829;
  font-size: 12px;
}
._prefix_1gp8w_255 {
  color: #041829;
  font-size: 12px;
}._headerText_tdnin_1 {
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:rgba(0, 0, 0, 0.88)
  }
  
  ._title_tdnin_12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F3F3F3;
    padding: 12px 12px;
    margin: -20px -24px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

  }
  /* .title :global([class*='css-dev-only-do-not-override-'].ant-modal .ant-modal-close) {
    position: absolute;
    right: 20px;
    top: 17px;
  } */
.commonModal .ant-modal-close-x {
  font-size: 20px;
  width: 20px;
}

/* or with more specificity if needed */
.commonModal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  font-size: 18px;
  width: 20px;
  stroke-width: 1;
  
}

.commonModal .ant-modal-content .ant-modal-close  {
   top: 5px !important;
   width:20px
  }

.commonModal .ant-modal-content {
    padding:10px 10px ;
}  

.commonModal .ant-modal-header {
    margin: 0;  /* Reset header margin */
    padding: 5px 15px;  /* Add padding to header */
  }
  .commonModal .ant-modal-body {
    padding:0px 5px  /* Add padding to body */
  }
   
._provider_1llk3_1 ,._key_1llk3_1{
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}

._btnWrapper_1llk3_7{
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
._key_1llk3_1{
    min-width:150px;
    max-width: 300px;
    margin-top: 10px;
}
._config_1llk3_17 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
._apiToken_1llk3_22{
    display: flex;
    flex-direction: row;
    gap: 270px;
}
._addNew_1llk3_27 {
    margin-top: 25px;
    margin-left: 5px;
    display: flex;
    justify-content: end;
    gap:10px
}
._miuiTable_1llk3_34{
    max-height: 350px;
    overflow-y: auto;
    margin-top: 20px;
}
._shippper_1llk3_39 {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0,0,0,1);
}
._wrapper_1llk3_49{
    padding: 0px 10px
}._modalSuccessFailure_15g0k_1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  ._container_15g0k_7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    padding-top: 20px;
  }
  ._modalSuccessFailure_15g0k_1 .ant-modal-content {
    position: relative;
    overflow: visible !important; /* Make sure content can overflow */
    padding-top: 20px; /* Add some padding to account for the icon */
  }
  ._icon_15g0k_20{
    height:60px;
    width:60px
  }
  ._iconWrapper_15g0k_24 {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 50px;
    z-index: 1;
    display: flex;  /* Add this to help with centering */
    align-items: center;  /* Add this to help with centering */
    justify-content: center;  /* Add this to help with centering */
  }
  
  ._iconWrapper_15g0k_24::before {
    content: '';
    position: absolute;
    width: 56px;  /* Set fixed width */
    height: 56px;  /* Set fixed height - same as width for perfect circle */
    background-color: white;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  ._message_15g0k_48 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    color:rgba(0, 0, 0, 0.88)
    
  }
  
  ._button_15g0k_60 {
    margin-top: 20px;
    width: fit-content;
  }
  ._modalSuccessFailure_15g0k_1 .ant-modal-content {
    position: relative;
    overflow: visible !important; /* Make sure content can overflow */
    padding: 20px 12px !important; /* Reduced padding */
  }
  
  /* To target ant-design modal wrapper if needed
  :global(.ant-modal-content) {
    position: relative;
    overflow: hidden;
  } */.ant-select-dropdown .ant-select-item {
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: Inter !important;
    line-height: 22px !important;
  }
  
  /* For the placeholder text */
  .customDropdown .ant-select-selection-placeholder {
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: Inter !important;
    color:rgba(0, 0, 0, 0.55);

  }
  
  /* For selected value */
  .customDropdown .ant-select-selection-item {
    font-size: 11px !important;
    font-weight: 400 !important;
    font-family: Inter !important;
  }

  ._label_so1lr_24{
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.80);
    margin-bottom: 5px;
    
    }
    ._customDropdown_so1lr_9 {
        font-size: 8px !important; /* Ensures selected value has smaller font */
      }
      
      ._ant-select-item-option-content_so1lr_40{
        font-size: 8px !important; /* Ensures options have smaller font */
      }
      
._accordion_1ohi4_1 {
    display: flex;
    width: 100%;
    padding-right: 20px;

    margin-bottom: 10px;
    height: 100%;
  }
  ._name_1ohi4_9 {
    font-weight: 500;
    font-size: 12px;
    line-height: 27px;
    padding: 5px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif; 
  }
  ._collapsibleClosed_1ohi4_17 {
    width: 100%;
    background-color: lightgrey;
    border-radius: 10px;
    height: 35px;
  }
  ._collapsibleOpen_1ohi4_23 {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-top: 10px;
  }
  ._connected_1ohi4_29{
    background-color: #F6FFED;
    color:rgba(69, 135, 36, 1);
    border: 1px solid rgba(183, 235, 143, 1);
    font-size: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    height: 20px;
    border-radius: 5px;
    width:65px;
    margin-top: 2px;
  }
  ._triggerClosed_1ohi4_43 {
    width: 100%;
    border: 1px solid lightgray;
    padding:5px;
    cursor: pointer;
    margin-top: 10px;
    background-color: #fafafa;
    border-radius: 5px;
    height: 40px;
  }
  ._webhookLabel_1ohi4_53{
    font-size: 12px;
    color:rgba(0, 0, 0, 0.65);
  }
  ._triggerOpen_1ohi4_57 {
    width: 100%;
    padding: 5px;
    cursor: pointer;
    background-color: #fafafa;
    border-radius: 5px;
    border: 0px;
    height: 40px;
    border-bottom: 1px solid lightgray;
  }
  ._wrapper_1ohi4_67 {
    padding: 30px 20px;
    display: flex;
    background-color: white;
    flex-direction: column;
    align-items: start;
    width: 100%;
    border-radius: 5px;
    position: relative;  /* Add this */
    z-index: 1;         /* Add this */
  }
  ._buttonContainer_1ohi4_78 {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
  }
  ._box_1ohi4_87 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  ._btnWrapper_1ohi4_96 {
    display: flex;
    align-items: center;
    width: 100%;
  }
  ._urlCopied_1ohi4_101{
    font-family: Inter;
font-size: 11px;
font-weight: 400;
margin-top: 2px;
line-height: 22px;
text-align: right;
color:rgba(82, 196, 26, 1)
  }
  ._labelTrigger_1ohi4_110 {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 5px;
  }
  ._deleteBtn_1ohi4_119 {
    background-color: #c70039;
    padding: 18px 25px;
    margin: 15px 10px;
    border-radius: 10px;
    border: 0px;
    max-height: 50px;
    color: white;
  }
  ._save_1ohi4_128 {
    font-weight: 700;
    font-size: 15px;
    line-height: 2px;
  }
  ._saveWrapper_1ohi4_133 {
    background-color: #7393b3;
    margin: 15px 0;
    padding: 18px 25px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 0px;
    max-height: 50px;
  }
  ._goKwikicon_1ohi4_145 {
    height: 20px;
    width: 20px;
  }
  ._inputWrapper_1ohi4_149 {
    flex: 1;
    margin-right: 10px;
    max-width: 300px;
    min-width: 200px;
  }
  ._webhook_1ohi4_53 {
    width: 100%;
    height: 2.5rem;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #d9d2d2;
    margin-top: 5px !important;
  }
  ._webhookWrapper_1ohi4_165 {
    width: 100%;
    margin: 0px 0;
    font-size: 14px;
    font-family: 'Poppins', sans-serif; 
    position: relative;
    margin-top: 10px;
  }
  ._selectedTriggers_1ohi4_173 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap ;
    gap:5px;
    margin-top:5px;
  }
  ._cursorPointer_1ohi4_180 {
  cursor: pointer;
}

._editIcon_1ohi4_184 {
  cursor: pointer;
  margin-right: 10px;
}

._deleteIcon_1ohi4_189 {
  cursor: pointer;
}

._copyIcon_1ohi4_193 {
  cursor: pointer;
  margin-left: 10px;
}
._deleteModal_1ohi4_197{
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.88);
    display: flex;
    justify-content: center;
  }.custom-checkbox .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #004b8d !important;
    border-color: #004b8d !important; 
  }

  
  .custom-checkbox .ant-checkbox:hover .ant-checkbox-inner {
    border-color: #004b8d;
}

.custom-checkbox .ant-checkbox-checked:hover .ant-checkbox-inner {
    background-color: #004b8d;
    border-color: #004b8d;
}._noHoverEffect_1jqx4_1:hover {
    background-color: #fff !important;
    color: #000000E0 !important;
  }

  ._ulStyle_12ssv_1{
    width: 65px;
    height: 60px;
    top: 735px;
    left: 16216px;
    padding: 2px 4px;
    font-size: 12px;
    font-weight: 400;
    justify-content: center;
    display: flex;
    flex-direction: column;
    border-radius: 7px;
    opacity: 1;
    color: rgba(0,0,0,0.88);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.05);
  }
  ._liItem_12ssv_18 {
    display: flex;
    padding: 6px 6px 6px 10px;
    cursor: pointer;
    border-radius: 5px;
  }
  
  ._liItem_12ssv_18:hover {
    background-color: #f5f5f5;
  }._accordion_x8n1d_1 {
    display: flex;
    width: 100%;
    padding-right: 20px;

    margin-bottom: 10px;
    height: 100%;
  }
  ._name_x8n1d_9 {
    font-weight: 500;
    font-size: 12px;
    line-height: 27px;
    padding: 5px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif; 
  }
  ._urlCopied_x8n1d_17{
    font-family: Inter;
font-size: 11px;
font-weight: 400;
margin-top: 2px;
line-height: 22px;
text-align: right;
color:rgba(82, 196, 26, 1)
  }
  ._collapsibleClosed_x8n1d_26 {
    width: 100%;
    background-color: lightgrey;
    border-radius: 10px;
    height: 35px;
  }
  ._collapsibleOpenCustom_x8n1d_32 {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-top: 10px;
   
  }
  ._collapsibleOpenCustom_x8n1d_32 .Collapsible__contentOuter {
    padding: 0px 10px !important;
  }
  ._connected_x8n1d_42{
    background-color: #F6FFED;
    color:rgba(69, 135, 36, 1);
    border: 1px solid rgba(183, 235, 143, 1);
    font-size: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    height: 20px;
    border-radius: 5px;
    width:70px;
    margin-top: 2px;
  }
  ._triggerClosed_x8n1d_56 {
    width: 100%;
    border: 1px solid lightgray;
    padding:5px;
    cursor: pointer;
    margin-top: 10px;
    background-color: #fafafa;
    border-radius: 5px;
    height: 40px;
  }
  ._deleteModal_x8n1d_66 {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.88);
    display: flex;
    justify-content: center;
  }
  ._webhookLabel_x8n1d_78{
    font-size: 12px;
    color:rgba(0, 0, 0, 0.65);
  }
  ._label_x8n1d_82{
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 5px;
    
    }
  ._triggerOpen_x8n1d_94 {
    width: 100%;
    padding: 5px;
    cursor: pointer;
    background-color: #fafafa;
    border-radius: 5px;
    border: 0px;
    height: 40px;
    border-bottom: 1px solid lightgray;
  }
  ._wrapper_x8n1d_104 {
    padding: 30px 20px;
    display: flex;
    background-color: white;
    flex-direction: column;
    align-items: start;
    align-items: start;
    width: 100%;
    border-radius: 5px;
  }
  ._box_x8n1d_114 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  ._btnWrapper_x8n1d_123 {
    display: flex;
    align-items: center;
    width: 100%;
  }
  ._deleteBtn_x8n1d_128 {
    background-color: #c70039;
    padding: 18px 25px;
    margin: 15px 10px;
    border-radius: 10px;
    border: 0px;
    max-height: 50px;
    color: white;
  }
  ._save_x8n1d_137 {
    font-weight: 700;
    font-size: 15px;
    line-height: 2px;
  }
  ._saveWrapper_x8n1d_142 {
    background-color: #7393b3;
    margin: 15px 0;
    padding: 18px 25px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 0px;
    max-height: 50px;
  }
  ._goKwikicon_x8n1d_154 {
    height: 20px;
    width: 20px;
  }
  ._inputWrapper_x8n1d_158 {
    flex: 1;
    margin-right: 10px;
    max-width: 300px;
    min-width: 200px;
  }
  ._webhook_x8n1d_78 {
    width: 100%;
    height: 2.5rem;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #d9d2d2;
    margin-top: 5px !important;
  }
  ._webhookWrapper_x8n1d_174 {
    width: 100%;
    margin: 10px 0;
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif; 
  }
  ._selectedTriggers_x8n1d_181 {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap ;
    gap:5px
  }
  ._provider_1o42x_1 ,._key_1o42x_1{
    display: flex;
    flex-direction: column;
    margin-left: 0px;
}
._label_1o42x_6{
font-family: Inter;
font-size: 12px;
font-weight: 400;
line-height: 22px;
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: rgba(0, 0, 0, 1);
margin-bottom: 5px;

}
._wrapper_1o42x_18{
    padding: 0px 10px
}
._btnWrapper_1o42x_21{
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
._key_1o42x_1{
    min-width:150px;
    max-width: 300px;
    margin-top: 10px;
}
._config_1o42x_31 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
._apiToken_1o42x_36{
    display: flex;
    flex-direction: row;
    gap: 270px;
}
._addNew_1o42x_41 {
    margin-top: 25px;
    margin-left: 5px;
    display: flex;
    justify-content: end;
    gap:10px
}
._miuiTable_1o42x_48{
    max-height: 350px;
    overflow-y: auto;
    margin-top: 20px;
}
._shippper_1o42x_53 {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0,0,0,1);
}
._addNew_c67ew_1 {
  margin-top: 10px;
  margin-left: 5px;
  display: flex;
  justify-content: end;
  gap: 10px;
}
._label_y08il_1 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 5px;
}

._dropdown_y08il_13 {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 1);
}

._dropdown_y08il_13 > ._ant-select-selector_y08il_24 {
  color: red !important;
}

._provider_y08il_28 {
  display: flex;
  flex-direction: column;
  margin-left: 0px;
}


._subText_y08il_35 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 350;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.45);
}


._paraText_y08il_47 {
  font-size: 14px;
  color: rgba(0, 0, 0);
  font-weight: 600;
}

._textWithButton_y08il_53 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._textContainer_y08il_59 {
  display: flex;
  align-items: center;
  flex-direction: row;
}._phoneInputWrapper_1p9mj_1 {
  border: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 3px;
  padding: 1px 2px;
  border-radius: 4px;
  transition: border-color 0.3s ease;
  height: 30px;
}

._phoneInputWrapper_1p9mj_1:hover {
  border-color: #007aff;
}

._phoneInputWrapper_1p9mj_1._disabled_1p9mj_14:hover {
  border-color: rgba(0, 0, 0, 0.25) !important;
}._subText_1qfrv_1 {
    font-family: Inter;
    font-size: 12px;
    font-weight: 350;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.45);
  }
  
  ._textWithButton_1qfrv_12 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  ._textContainer_1qfrv_18 {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  ._btnWrapper_1qfrv_23{
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
}
._key_1qfrv_28{
    min-width:150px;
    max-width: 300px;
    margin-top: 10px;
}
._config_1qfrv_33 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
._addNew_1qfrv_38 {
    margin-top: 25px;
    margin-left: 5px;
    display: flex;
    justify-content: end;
    gap:10px
}
._miuiTable_1qfrv_45{
    max-height: 350px;
    overflow-y: auto;
    margin-top: 20px;
}
._urlCopied_1qfrv_50{
  font-family: Inter;
font-size: 11px;
font-weight: 400;
margin-top: 2px;
line-height: 22px;
text-align: right;
color:rgba(82, 196, 26, 1)
}
._container_1qfrv_59 {
    width: 100%;
  }
  ._selectWrapper_1qfrv_62 {
    width: 100%;

  }
  ._endpointWrapper_1qfrv_66 {
    width: 100%;
    margin-top: 10px;
  }
  
  ._label_1qfrv_71 {
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 5px;
  }
  ._dropdownFullWidth_1qfrv_82 {
    width: 100%;
  }._accordion_pqjoo_1 {
    display: flex;
    width: 100%;
    padding-right: 20px;

    margin-bottom: 10px;
    height: 100%;
  }
  ._name_pqjoo_9 {
    font-weight: 500;
    font-size: 12px;
    padding: 5px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif; 
  }
  ._endpointWrapper_pqjoo_16{
    width: 100%;
  }
  ._collapsibleClosed_pqjoo_19 {
    width: 100%;
    background-color: lightgrey;
    border-radius: 10px;
    height: 35px;
  }
  ._collapsibleOpen_pqjoo_25 {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    margin-top: 10px;
  }
  ._connected_pqjoo_31{
    background-color: #F6FFED;
    color:rgba(69, 135, 36, 1);
    border: 1px solid rgba(183, 235, 143, 1);
    font-size: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5px;
    height: 20px;
    border-radius: 5px;
    width:65px;
    margin-top: 2px;
  }
  ._triggerClosed_pqjoo_45 {
    width: 100%;
    border: 1px solid lightgray;
    padding:5px;
    cursor: pointer;
    margin-top: 10px;
    background-color: #fafafa;
    border-radius: 5px;
    height: 40px;
  }
  ._webhookLabel_pqjoo_55{
    font-size: 12px;
    color:rgba(0, 0, 0, 0.65);
  }
  ._triggerOpen_pqjoo_59 {
    width: 100%;
    padding: 5px;
    cursor: pointer;
    background-color: #fafafa;
    border-radius: 5px;
    border: 0px;
    height: 40px;
    border-bottom: 1px solid lightgray;
  }
  ._wrapper_pqjoo_69 {
    padding: 30px 20px;
    display: flex;
    background-color: white;
    flex-direction: column;
    align-items: start;
    width: 100%;
    border-radius: 5px;
    position: relative;  /* Add this */
    z-index: 1;         /* Add this */
  }
  ._buttonContainer_pqjoo_80 {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
  }
  ._box_pqjoo_89 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  
  ._btnWrapper_pqjoo_98 {
    display: flex;
    align-items: center;
    width: 100%;
  }
  ._urlCopied_pqjoo_103{
    font-family: Inter;
font-size: 11px;
font-weight: 400;
margin-top: 2px;
line-height: 22px;
text-align: right;
color:rgba(82, 196, 26, 1)
  }
  ._labelTrigger_pqjoo_112 {
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: rgba(0, 0, 0, 0.65);
    margin-bottom: 5px;
  }
  ._deleteBtn_pqjoo_121 {
    background-color: #c70039;
    padding: 18px 25px;
    margin: 15px 10px;
    border-radius: 10px;
    border: 0px;
    max-height: 50px;
    color: white;
  }
  ._save_pqjoo_130 {
    font-weight: 700;
    font-size: 15px;
    line-height: 2px;
  }
  ._saveWrapper_pqjoo_135 {
    background-color: #7393b3;
    margin: 15px 0;
    padding: 18px 25px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 0px;
    max-height: 50px;
  }
  ._goKwikicon_pqjoo_147 {
    height: 20px;
    width: 20px;
  }
  ._inputWrapper_pqjoo_151 {
    flex: 1;
    margin-right: 10px;
    max-width: 300px;
    min-width: 200px;
  }
  ._webhook_pqjoo_55 {
    width: 100%;
    height: 2.5rem;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #d9d2d2;
    margin-top: 5px !important;
  }
  ._webhookWrapper_pqjoo_167 {
    width: 100%;
    margin: 0px 0;
    padding-right: 10px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif; 
    position: relative;
    margin-top: 10px;
  }
  ._selectedTriggers_pqjoo_176 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap ;
    gap:5px;
    margin-top:5px;
  }
  ._cursorPointer_pqjoo_183 {
  cursor: pointer;
}

._editIcon_pqjoo_187 {
  cursor: pointer;
  margin-right: 10px;
}

._deleteIcon_pqjoo_192 {
  cursor: pointer;
}

._copyIcon_pqjoo_196 {
  cursor: pointer;
  margin-left: 10px;
}
._deleteModal_pqjoo_200{
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.88);
    display: flex;
    justify-content: center;
  }._headerContainer_f61q2_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

._headerLeft_f61q2_8 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._cardTitle_f61q2_14 {
  font-weight: 600;
}

._statusTag_f61q2_18 {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  margin: 8px 0;
}

._statusTagConnected_f61q2_26 { background: #e7f7ee; color: #0a7a3e; }
._statusTagDisconnected_f61q2_27 { background: #fff0f0; color: #a8071a; }

._statusMessage_f61q2_29 { margin: 6px 0; }
._accountInfo_f61q2_30 { margin: 6px 0; }

._buttonContainer_f61q2_32 { margin-top: 8px; }

._connectionContainer_f61q2_34 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._actionButton_f61q2_39 {
  padding: 6px 12px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
._connectButton_f61q2_45 { background: #1677ff; color: white; }
._disconnectButton_f61q2_46 { background: #ff4d4f; color: white; }
._webhookButton_f61q2_47 { background: #52c41a; color: white; margin-right: 8px; }

._cardHeader_f61q2_49 { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
._webhookSection_f61q2_50 { display: flex; gap: 8px; align-items: center; }
._webhookInput_f61q2_51 { flex: 1; }
._copyButton_f61q2_52 { padding: 6px 10px; cursor: pointer; }

/* KlaviyoConfig Card Styles */
._klaviyoCard_f61q2_55 {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 20px;
  background-color: #fff;
  margin-bottom: 16px;
}

._cardHeader_f61q2_49 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

._cardTitle_f61q2_14 {
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}

._statusTag_f61q2_18 {
  display: inline-block;
  border-radius: 6px;
  padding: 4px 12px;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 500;
}

._statusTagConnected_f61q2_26 {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
  color: #52c41a;
}

._statusTagDisconnected_f61q2_27 {
  background-color: #fff2e8;
  border: 1px solid #ffbb96;
  color: #fa8c16;
}

._statusMessage_f61q2_29 {
  font-size: 14px;
  color: #595959;
  margin-bottom: 8px;
}

._accountInfo_f61q2_30 {
  font-size: 14px;
  color: #595959;
  margin-bottom: 16px;
}

._actionButton_f61q2_39 {
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  border: 1px solid;
  transition: all 0.2s ease;
}

._connectButton_f61q2_45 {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

._connectButton_f61q2_45:hover {
  background-color: #333;
  border-color: #333;
}

._disconnectButton_f61q2_46 {
  background-color: #ff4d4f;
  border-color: #ff7875;
  color: #fff;
}

._disconnectButton_f61q2_46:hover {
  background-color: #ff7875;
  border-color: #ff7875;
}

._buttonContainer_f61q2_32 {
  display: flex;
  justify-content: flex-end;
}

._webhookSection_f61q2_50 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._webhookInput_f61q2_51 {
  flex: 1;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

._copyButton_f61q2_52 {
  background-color: #000;
  border: none;
  border-radius: 6px;
  padding: 8px;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 32px;
}

._copyButton_f61q2_52:hover {
  background-color: #333;
}

._refreshButton_f61q2_176 {
  background-color: transparent;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 4px 8px;
  color: #595959;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  opacity: 1;
  transition: all 0.2s ease;
}

._refreshButton_f61q2_176:hover {
  border-color: #1890ff;
  color: #1890ff;
}

._refreshButton_f61q2_176:disabled {
  color: #bfbfbf;
  cursor: not-allowed;
  opacity: 0.6;
}

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

._headerLeft_f61q2_8 {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* Header Styles */
._headerContainer_cbjjw_2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 24px;
}
._sectionHeader_cbjjw_10 {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 30px 0 20px 0;
    padding-top: 10px;
    border-top: 1px solid #e8e8e8;
  }

._headerLeft_cbjjw_19 {
  flex: 1;
}

._mainTitle_cbjjw_23 {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}

._headerRight_cbjjw_30 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._searchInput_cbjjw_36 {
  width: 200px;
}

._refreshButton_cbjjw_40 {
  background-color: #1890ff;
  border-color: #1890ff;
}

._userProfile_cbjjw_45 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;
}

._userInitial_cbjjw_53 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #1890ff;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
}

/* Content Styles */
._contentContainer_cbjjw_67 {
  padding: 0;
}

._sectionTitle_cbjjw_71 {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 16px 0;
}

._tabs_cbjjw_78 {
  margin-bottom: 16px;
}

._tabs_cbjjw_78 .ant-tabs-tab {
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
}

._tabs_cbjjw_78 .ant-tabs-tab-active {
  color: #1890ff;
}

._tabs_cbjjw_78 .ant-tabs-ink-bar {
  background-color: #1890ff;
}

._backButton_cbjjw_96 {
  margin: 16px 0;
}

._backLink_cbjjw_100 {
  color: #1890ff;
  font-size: 14px;
  padding: 0;
  text-decoration: none;
}

._backLink_cbjjw_100:hover {
  color: #40a9ff;
  text-decoration: none;
}

._subTitle_cbjjw_112 {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 24px 0;
}

._integrationCard_cbjjw_119 {
    background: white;
    border-radius: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* box-shadow: 0 1px 3px rgba(0,0,0,0); */
  }



._cardHeaderWithAction_cbjjw_129 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._cardHeader_cbjjw_129 {
  margin-bottom: 24px;
}

._cardTitle_cbjjw_140 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: rgba(0, 0, 0, 0.88);
    margin-bottom: 10px;
}

._cardSubtitle_cbjjw_155 {
  font-size: 14px;
  color: #666;
  margin: 0;
}

/* Table Styles */
._statusTable_cbjjw_162 {
  margin-top: 16px;
}

._statusTable_cbjjw_162 .ant-table-thead > tr > th {
  background-color: #fafafa;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 600;
  color: #1a1a1a;
  padding: 12px 16px;
}

._statusTable_cbjjw_162 .ant-table-tbody > tr > td {
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
}

._tableRow_cbjjw_179 {
  transition: background-color 0.2s;
}

._tableRow_cbjjw_179:hover {
  background-color: #fafafa;
}

/* Status Tags */
._statusTag_cbjjw_188 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
}

._statusTag_cbjjw_188 .anticon {
  font-size: 12px;
}

/* Action Buttons */
._actionButton_cbjjw_203 {
  color: #1890ff;
  font-size: 12px;
  padding: 0;
  height: auto;
  border: none;
  background: none;
}

._actionButton_cbjjw_203:hover {
  color: #40a9ff;
  background: none;
}

._actionButton_cbjjw_203 .anticon {
  margin-right: 4px;
}

/* Code Snippet */
._codeContainer_cbjjw_222 {
  position: relative;
  background: #f5f8ff;
  border: 1px solid #e6ebf5;
  border-radius: 8px;
  padding: 16px;
}

._codeBlock_cbjjw_230 {
  margin: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  line-height: 20px;
  color: #1f2d3d;
  white-space: pre-wrap;
}

._copyBtn_cbjjw_239 {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 1px solid #d9e1ec;
  background: #fff;
  border-radius: 6px;
  padding: 6px;
  cursor: pointer;
}

._copyBtn_cbjjw_239:hover {
  background: #f6f9ff;
}

._stepsWrapper_cbjjw_254 {
  margin-top: 15px;
}

._stepsTitle_cbjjw_258 {
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 8px;
}

._stepsList_cbjjw_264 {
    padding-left: 20px;
    margin: 10px 0;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
  }

/* Actions row on the right */
._actionsRight_cbjjw_275 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}

/* Row with title on left and actions on right */
._textWithButton_cbjjw_283 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
  ._headerContainer_cbjjw_2 {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  
  ._headerRight_cbjjw_30 {
    width: 100%;
    justify-content: space-between;
  }
  
  ._searchInput_cbjjw_36 {
    width: 150px;
  }
  
  ._integrationCard_cbjjw_119 {
    padding: 16px;
  }
}
._container_c58v6_1 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_c58v6_8 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  width: 50%;
  font:500 14px/22px Inter;
}

._Button1_c58v6_8:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_c58v6_27 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._header_c58v6_33 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_c58v6_39 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  margin: 16px 0px;
}

._Text_c58v6_53 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
}

._actionWrapper_c58v6_61 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_c58v6_67 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 5px 12px 5px 12px;
  border-radius: 6px;
  height: 32px;
  background-color: white;
}

._transparentButton_c58v6_75 {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--primary-blue);
  background: var(--colorBgContainer, #fff);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  color: var(--primary-blue);
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  height: 32px;
}
._dataWrapper_fet95_1{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
   
}
._DNDContainer_fet95_7 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: 20px;
    background-color:  #F5F7F9;
    border-radius: 5px;
    margin-bottom:15px;
    padding:10px
}
._deleteCampaign_fet95_16 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 7px;
    gap: 20px;
  }
  
._row_fet95_25{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 5px;
    margin-bottom:5px;
    gap:8px
}  
._row1_fet95_33{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 5px;
    margin-bottom:5px;
    gap:13px
}
._row_fet95_25 fieldset{
    margin-right: 5px;
}

._label_fet95_45{
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 1);
    
    }
  ._toggleLabel_fet95_56 {
    font-weight: 600 !important;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 22px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 1);
  }
  ._addNew_fet95_66 {
    margin-top: 20px;
    margin-left: 5px;
    display: flex;
    justify-content: end;
    gap:10px
}
._label_fet95_45{
    margin-bottom: 2px !important;
}

._warningCard_fet95_77 {
    background: #fff8e1;
    border: 1px solid #ffc107;
    border-radius: 12px;
    padding: 20px 10px;
    margin: 20px 0px 10px 0px;
  }
  
  ._header_fet95_85 {
    display: flex;
    align-items: flex-start;
    gap: 5px;
  }
  
._warningIcon_fet95_91 {
    width: 24px;
    height: 24px;
    background: #ff9800;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    flex-shrink: 0;
    margin-top: 2px;
  }
  
  ._warningTitle_fet95_106 {
    color: #bf360c;
    font: 500 14px/16px Inter;
  }
  
  ._warningDescription_fet95_111 {
    color: #bf360c;
    font: 400 12px/14px Inter;
    margin-left: 18px;
    margin-top: 2px;
    line-height: 1.5;
  }
  ._container_qmmdh_1 {
  padding: 10px 0px;
}

._infoCard_qmmdh_5 {
  background: #f0f4ff;
  border: 1px solid #d6e4ff;
  border-radius: 12px;
  padding: 20px 10px;
  margin-bottom: 24px;
  margin-top: 16px;
}
._infoCardSuccess_qmmdh_13 {
  background: #f0fdf4;
  border: 1px solid #ccebd5;
  border-radius: 12px;
  padding: 20px 10px;
  margin-bottom: 24px;
  margin-top: 16px;
}

._header_qmmdh_22 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

._infoIcon_qmmdh_28 {
  width: 24px;
  height: 24px;
  background: #1890ff;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}

._infoTitle_qmmdh_43 {
  color: #193cb8;
  font: 500 14px/16px Inter;
}
._infoTitleSuccess_qmmdh_47 {
  color: #0d542b;
  font: 500 14px/16px Inter;
}
._infoList_qmmdh_51 {
  margin-left: 16px;
  margin-top: 5px;
  padding-left: 0;
  /* list-style: none; */
}

._infoList_qmmdh_51 li {
  color: #1447e6;
  font: 400 14px/16px Inter;
  margin-bottom: 4px;
  position: relative;
}


._infoDescription_qmmdh_66 {
  color: #1447e6;
  font: 400 14px/16px Inter;
  margin-left: 30px;
  margin-top: 2px;
}
._infoDescriptionSuccess_qmmdh_72 {
  color: #016630;
  font: 400 14px/16px Inter;
  margin-left: 30px;
  margin-top: 2px;
}

._warningCard_qmmdh_79 {
  background: #fff8e1;
  border: 1px solid #ffc107;
  border-radius: 12px;
  padding: 20px 10px;
  margin: 24px 0px;
}

._header_qmmdh_22 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

._warningIcon_qmmdh_93 {
  width: 24px;
  height: 24px;
  background: #ff9800;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}

._warningTitle_qmmdh_108 {
  color: #e65100;
  font: 500 14px/16px Inter;
}

._warningDescription_qmmdh_113 {
  color: #bf360c;
  font: 400 14px/16px Inter;
  margin-left: 30px;
  margin-top: 2px;
}

._subtitle_qmmdh_120 {
  font: 400 12px/16px Inter;
  color: #8c8c8c;
  margin-bottom: 10px;
}

._inlineNote_qmmdh_126 {
  margin-top: 12px;
  margin-bottom: 16px;
  padding-left: 20px;
}

._inlineNoteText_qmmdh_132 {
  font: 400 12px/18px Inter;
  color: #595959;
  margin: 0;
  font-style: italic;
}._container_19eb8_1 {
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  margin: 20px 0;
}

._header_19eb8_8 {
  margin-bottom: 10px;
  padding: 0px 20px;
}

._title_19eb8_13 {
  font: 500 14px/16px Inter;
  color: #262626;
  margin-bottom: 5px;
}

._subtitle_19eb8_19 {
  font: 400 12px/16px Inter;
  color: #8c8c8c;
}

._tableContainer_19eb8_24 {
  overflow-x: auto;
}

._frequencyTable_19eb8_28 .ant-table {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
}

._frequencyTable_19eb8_28 .ant-table-thead > tr > th {
  background-color: #fafafa;
  font-weight: 600;
  color: #262626;
  border-bottom: 1px solid #f0f0f0;
  padding: 16px 12px;
}

._frequencyTable_19eb8_28 .ant-table-tbody > tr > td {
  padding: 16px 12px;
  border-bottom: 1px solid #f0f0f0;
}

._frequencyTable_19eb8_28 .ant-table-tbody > tr:hover > td {
  background-color: #fafafa;
}

._channelColumn_19eb8_50 {
  font-weight: 500;
  color: #262626;
}

._inputGroup_19eb8_55 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._switch_19eb8_61 {
  flex-shrink: 0;
}

._numberInput_19eb8_65 {
  width: 80px;
  text-align: center;
}

._numberInput_19eb8_65:disabled {
  background-color: #f5f5f5;
  color: #bfbfbf;
}

._periodSelect_19eb8_75 {
  width: 100px;
}

._periodSelect_19eb8_75.ant-select-disabled .ant-select-selector {
  background-color: #f5f5f5;
  color: #bfbfbf;
}

._unitSelect_19eb8_84 {
  width: 60px;
}

._unitSelect_19eb8_84.ant-select-disabled .ant-select-selector {
  background-color: #f5f5f5;
  color: #bfbfbf;
}

/* Switch styling */
._frequencyTable_19eb8_28 .ant-switch-checked {
  background-color: #1890ff;
}

._frequencyTable_19eb8_28 .ant-switch {
  background-color: #bfbfbf;
}

/* Responsive design */
@media (max-width: 768px) {
  ._container_19eb8_1 {
    padding: 16px;
    margin: 16px 0;
  }

  ._title_19eb8_13 {
    font-size: 18px;
  }

  ._inputGroup_19eb8_55 {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }

  ._numberInput_19eb8_65 {
    width: 100%;
  }

  ._periodSelect_19eb8_75,
  ._unitSelect_19eb8_84 {
    width: 100%;
  }
}
CardContainer {
  height: 20%;
  width: 100%;
  border: 1px solid;
}

._div1_wdvpg_7 {
  flex: 1;
  border-radius: 10px;
  background-color: #eff4f6;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid #e6ebf2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6px;
  gap: 5px;
}

._div2_wdvpg_21 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 12px;
  gap: 5px;
}

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

._TitleDiv_wdvpg_40 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  font: 500 14px/16px Inter;
}
._Title_wdvpg_40 {
  font: 500 14px/18px Inter;
}
._SubTitle_wdvpg_50 {
  font: 400 12px/18px Inter;
  color: grey;
}

._iconContainer_wdvpg_55 {
  min-width: 80px; /* ensures all boxes are at least this wide */
  min-height: 30px; /* ensures same height but allows content to fit */
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 0 10px; /* horizontal padding */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font: 400 12px/14px Inter;
  box-sizing: border-box;
  cursor: pointer;
}

._iconContainer_wdvpg_55 svg {
  width: 16px; /* fix icon size */
  height: 16px;
  flex-shrink: 0; /* prevent icon from shrinking */
}

._AnalyticsDiv_wdvpg_76 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  width: 75%;
}
._AnalyticsBox_wdvpg_83 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
}
._TitleAnalytics_wdvpg_90 {
  font: 400 12px/14px Inter;
  color: rgb(107 114 128);
}
._ValueAnalytics_wdvpg_94 {
  font: 600 16px/18px Inter;
}

._cardWrapper_wdvpg_98 {
  border: 1px solid #22c55e;
  border-radius: 10px;
  padding: 16px;
  background: #f9fafb;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

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

._headerLeft_wdvpg_112 {
  display: flex;
  align-items: center;
  gap: 5px;
}

._headerIcon_wdvpg_118 {
  color: #22c55e;
  font-size: 20px;
}

._headerText_wdvpg_123 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._headerTitle_wdvpg_129 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

._badge_wdvpg_135 {
  background: #dcfce7;
  color: #16a34a;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 8px;
}

._subTitle_wdvpg_143 {
  margin: 2px 0px 10px 0px;
  font-size: 12px;
  color: #6b7280;
}

._analyticsGrid_wdvpg_149 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 100px;
}

._analyticsBox_wdvpg_155 {
  /* background: #fff; */
  padding: 12px;
  border-radius: 8px;
  text-align: left;
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); */
}

._analyticsTitle_wdvpg_163 {
  font-size: 13px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 6px;
}

._analyticsValue_wdvpg_171 {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-top: 4px;
}

._analyticsSub_wdvpg_178 {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 2px;
}
._textButtom_wdvpg_183 {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 2px;
}
._NoteDiv_wdvpg_188 {
  font: 400 12px/14px Inter;
  color: #1d4ed8;
  margin-top: 10px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  padding: 10px;
  background-color: #eff6ff;
}
._inputContainer_wdvpg_197 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-top: 15px;
  gap: 20px;
}
._labelText_wdvpg_204 {
  font: 400 12px/18px Inter;
  /* color: #9ca3af; */
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
  margin-bottom: 5px;
  /* margin-top: 2px; */
}

._infoText_wdvpg_213 {
  font: 400 12px/14px Inter;
  color: #9ca3af;
  margin-top: 5px;
}
._CardHeader_17h1f_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._cardContainer_17h1f_6 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin: 10px 0px;
  padding: 10px;
}
._TitleDiv_17h1f_12 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 10px;
  font: 500 14px/16px Inter;
}
._Title_17h1f_12 {
  font: 500 14px/18px Inter;
}
._SubTitle_17h1f_22 {
  font: 400 12px/18px Inter;
  color: grey;
}
._statusDiv_17h1f_26 {
  font: 400 12px/14px Inter;
  border: 2px grey;
  border-radius: 10px;
  background-color: lightgreen;
  padding: 4px;
}
._statusDiv_17h1f_26 {
  padding: 4px 10px;
  border-radius: 12px;
  font: 500 12px/14px Inter;
  border: 2px grey;
  display: inline-block;
  text-transform: capitalize;
}

/* Status-based colors */
._active_17h1f_43 {
  background-color: #dcfce7; /* light green */
  color: #166534; /* dark green */
}
._created_17h1f_47 {
  background-color: #dcfce7; /* light green */
  color: #166534; /* dark green */
}

._inactive_17h1f_52 {
  background-color: #fee2e2; /* light red */
  color: #991b1b; /* dark red */
}

._pending_17h1f_57 {
  background-color: #fef9c3; /* light yellow */
  color: #854d0e; /* dark yellow */
}

._failed_17h1f_62 {
  background-color: #fee2e2;
  color: #b91c1c;
}
._ActionDiv_17h1f_66 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
._micButton_17h1f_72 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid rgb(219 234 254);
  background-color: rgb(219 234 254);
  display: flex;
  align-items: center;
  justify-content: center;
}

._iconContainer_17h1f_83 {
  min-width: 80px; /* ensures all boxes are at least this wide */
  min-height: 30px; /* ensures same height but allows content to fit */
  border: 1px solid lightgray;
  border-radius: 4px;
  padding: 0 10px; /* horizontal padding */
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font: 400 12px/14px Inter;
  box-sizing: border-box;
  cursor: pointer;
}

._iconContainer_17h1f_83 svg {
  width: 16px; /* fix icon size */
  height: 16px;
  flex-shrink: 0; /* prevent icon from shrinking */
}

._MsgConatiner_17h1f_104 {
  margin-top: 20px;
}

._MsgTitle_17h1f_108 {
  font: 400 14px/16px Inter;
  color: gray;
}

._MsgContent_17h1f_113 {
  font: 500 14px/16px Inter;
  margin-top: 5px;
  padding: 10px 10px;
  border-radius: 5px;
  background-color: rgb(249 250 251);
  color: rgb(75 85 99);
}
._AnalyticsDiv_17h1f_121 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  width: 75%;
}
._AnalyticsBox_17h1f_128 {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
}
._TitleAnalytics_17h1f_135 {
  font: 400 12px/14px Inter;
  color: rgb(107 114 128);
}
._ValueAnalytics_17h1f_139 {
  font: 600 16px/18px Inter;
}

._emptyStateContainer_17h1f_143 {
  width: 100%;
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}
._Container_476uj_1 {
  width: 100%;
  height: 100%;
  padding: 2px 10px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  gap: 20px;
}
._CategoryDiv_476uj_11 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  /* align-items: flex-start; */
  gap: 15px;
}
._Heading_476uj_19 {
  font: 600 16px/18px Inter;
  padding: 5px 0px;
  border-bottom: 1px solid lightgray;
}
._labelText_476uj_24 {
  font: 400 12px/16px Inter;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 5px;
}
._NoteText_476uj_29 {
  margin-top: 2px;
  font: 400 12px/14px Inter;
  color: gray;
}
._promptBox_476uj_34 {
  /* border: 1px solid #ccc; */
  margin-top: 10px;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  background-color: #fff;
  max-width: 600px;
}

._header_476uj_44 {
  background-color: #f6f6f6;
  padding: 8px 12px;
  font-weight: bold;
  /* border-bottom: 1px solid #ccc; */
}

._content_476uj_51 {
  padding: 12px;
}

._content_476uj_51 p {
  margin: 0 0 8px 0;
}

ul {
  margin: 0 0 8px 16px;
  padding: 0;
}

._footer_476uj_64 {
  font-size: 12px;
  color: #666;
}

._dropdownFullWidth_476uj_69 {
  width: 100%;
}
._buttonContainer_476uj_72 {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 100%;
}

._text_476uj_79{
  font: 400 12px/14px Inter;
}._TitleDiv_2aocu_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 0px 5px;
}

._Title_2aocu_1 {
  font: 600 16px/16px Inter;
}
._ButtonContainer_2aocu_12 {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  gap: 10px;
}

._Button1_2aocu_19 {
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  min-height: 30px;
}

._Button1_2aocu_19:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_2aocu_36 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._ButtonParent_2aocu_42 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 4px;
  gap: 4px;
}

._Text_2aocu_55 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
  white-space: nowrap;
}

._cardContainer_2aocu_64 {
  width: 100%;
  height: 25%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  align-items: start;
  flex-direction: column;
  gap: 16px;
}
._documentationContainer_si75c_1 {
  display: flex;
  min-height: 100vh;
  position: relative;
  max-width: 2560px;
  margin: 0 auto;
  background-color: #ffffff;
}

._sidebar_si75c_10 {
  width: clamp(260px, 20vw, 350px);
  background-color: #f9fafb;
  border-right: 1px solid #e5e7eb;
  padding: 1.2rem;
  position: fixed;
  height: 100vh;
  overflow-y: auto;
  transition: transform 0.3s ease;
  z-index: 1000;
  top: 0
}

._sidebarHeader_si75c_23 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 2rem;
}

._sidebarIcon_si75c_30 {
  color: #6366f1;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

._sidebarTitle_si75c_37 {
  font-size: 1rem;
  font-weight: 600;
  color: #1e293b;
}

._navList_si75c_43 {
  display: flex;
  flex-direction: column;
  background-color: #f9fafb;
  border-right: none !important; 
  padding: 0; 
}

._navButton_si75c_51 {
  width: 100%;
  text-align: left;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  border: none;
  background: none;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #4b5563;
  transition: all 0.2s;
  font-size: 0.8rem;
}

._navButton_si75c_51:hover,
._navButton_si75c_51:focus {
  background-color: rgba(var(--primary-color-rgb), 0.1);
  color: #6366f1;
  outline: none;
}

._navButton_si75c_51._active_si75c_72 {
  background-color: rgba(var(--primary-color-rgb), 0.2);
  color: #6366f1;
  font-weight: 500;
}

._mainContent_si75c_78 {
  margin-left: clamp(260px, 20vw, 350px);
  padding: 2rem;
  flex: 1;
  max-width: 1200px;
  width: 100%;
}

._contentHeader_si75c_86 {
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}

._contentTitle_si75c_92 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #1e293b;
}

._endpointContainer_si75c_98 {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

._endpointHeader_si75c_107 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

._endpointDescription_si75c_115 {
  color: #6b7280;
  font-size: 0.8rem;
  line-height: 1.6;
  max-width: 80ch;
}

._methodBadge_si75c_122 {
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: white;
  white-space: nowrap;
  flex-shrink: 0;
  text-transform: uppercase;
}

._methodget_si75c_133 {
  background-color: #6366f1;
}

._methodpost_si75c_137 {
  background-color: #22c55e;
}

._methodput_si75c_141 {
  background-color: #f59e0b;
}

._methoddelete_si75c_145 {
  background-color: #ef4444;
}

._endpointUrl_si75c_149 {
  flex: 1;
  min-width: 200px;
  background-color: #f3f4f6;
  padding: 0.75rem;
  border-radius: 0.375rem;
  font-family: monospace;
  font-size: 0.875rem;
  word-break: break-all;
  color: #24292e;
}

._copyButton_si75c_161 {
  background: none;
  border: none;
  cursor: pointer;
  color: #6b7280;
  padding: 0.5rem;
  border-radius: 0.375rem;
  transition: color 0.2s;
  flex-shrink: 0;
}

._copyButton_si75c_161:hover,
._copyButton_si75c_161:focus {
  color: #4b5563;
  outline: none;
}

._sectionTitle_si75c_178 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #1e293b;
}

._tableContainer_si75c_185 {
  border-radius: 0.5rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5rem;
}

._parametersTable_si75c_192 {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
}

._parametersTable_si75c_192 th,
._parametersTable_si75c_192 td {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

._parametersTable_si75c_192 th {
  background-color: #f2f2f2;
  font-weight: 500;
  color: #6b7280;
  font-size: 0.875rem;
}

._parametersTable_si75c_192 td {
  font-size: 0.875rem;
  color: #4b5563;
}

._responseContainer_si75c_219 {
  margin-top: 1.5rem;
}

._responseBox_si75c_223 {
  background-color: #f9fafb;
  border-radius: 0.5rem;
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  margin-bottom: 1rem;
}

._responseHeader_si75c_231 {
  margin-bottom: 1rem;
}

._responseBadge_si75c_235 {
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: white;
  display: inline-block;
}

._responseSuccess_si75c_244 {
  background-color: #22c55e;
}

._responseError_si75c_248 {
  background-color: #ef4444;
}

._requestCode_si75c_252,
._curlCode_si75c_253,
._responseCode_si75c_254 {
  background-color: #f3f4f6;
  font-family: monospace;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 0.755rem;
  line-height: 1.5;
  padding: 1rem;
  border-radius: 0.5rem;
  color: #24292e;
}

._menuToggle_si75c_267 {
  display: none;
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1001;
  padding: 0.75rem;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.375rem;
  cursor: pointer;
}

._curlSection_si75c_280 {
  margin-top: 1.5rem;
}

._requestBodySection_si75c_284 {
  margin-top: 1.5rem;
}

._sectionTitleContainer_si75c_288 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

._sectionTitleCopyButton_si75c_295 {
  margin-left: 0.5rem;
}

._loading_si75c_299 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  font-size: 1.2rem;
  color: #4b5563;
}

@media (max-width: 1024px) {
  ._mainContent_si75c_78 {
    margin-left: 0;
    padding: 1rem;
  }
  ._menuToggle_si75c_267 {
    display: block;
  }
  ._sidebar_si75c_10 {
    transform: translateX(-100%);
    width: 100%;
    max-width: 400px;
  }
  ._sidebar_si75c_10._active_si75c_72 {
    transform: translateX(0);
  }
  ._documentationContainer_si75c_1 {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  ._endpointHeader_si75c_107 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  ._endpointUrl_si75c_149 {
    width: 100%;
  }
  ._tableContainer_si75c_185 {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
}

._apiKeySection_si75c_344 {
  margin-bottom: 24px;
}

._apiKeyContainer_si75c_348 {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #f5f5f5;
  padding: 12px;
  border-radius: 8px;
}

._apiKeyLabel_si75c_357 {
  font-weight: bold;
  font-size: 15px;
  font-weight: 600;
}

._apiKeyValue_si75c_363 {
  font-family: monospace;
  color: #666;
  font-size: 14px;
}

._copyButton_si75c_161 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-left: auto;
}
._container_1mree_1 {
  padding: 10px 25px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}
._header_1mree_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

._headerWrapper_1mree_13 {
  display: flex;
  flex-direction: column;
}
._headerDescription_1mree_17 {
  color: var(--Text2, rgba(0, 0, 0, 0.45));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._headerTitle_1mree_25 {
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 88.889% */
}

._headerButtons_1mree_36 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

._newReportButton_1mree_43 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._tableContainer_1mree_61 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

._Button1_1mree_68 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  text-transform: capitalize;
  color: #00325e;
}

._Button1_1mree_68:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_1mree_87 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._ButtonParent_1mree_93 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 240x;
}

._Text_1mree_107 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_1mree_114 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_1mree_120 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._tableFilters_1mree_129 {
  margin: 5px;
  margin-top: 0px;
  padding: 5px 3px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_1mree_138 {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_1mree_146 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  cursor: pointer;
  margin-right: 0px;
}

._alertText_1mree_156 {
  color: red;
}

._buttonContainer_1mree_160 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  margin-top: 15px;
}
._disableIcon_1mree_167 {
  opacity: 0.5;
  pointer-events: none;
}
._FormContainer_bwvbg_1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
}

._textAreaPadding_bwvbg_8 input {
  padding: 9px !important;
}

._inputDiv_bwvbg_12 {
  display: flex;
  flex-direction: column;
  align-items: start;
}

._labelStyle_bwvbg_18 {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.8);
  margin-bottom: 5px;
}

._alertText_bwvbg_30 {
  color: red;
  font-size: 12px;
}

._buttonContainer_bwvbg_35 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  margin-top: 15px;
}
._dropdownMenu_17eew_1 {
  padding: 10px;
  background-color: white;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  z-index: 1000;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._dropdownTrigger_17eew_13 {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 7px 8px;
  background-color: white;
  border-radius: 6px;
}

._container_sk5k9_2 {
  min-height: 100vh;
  background-color: var(--blue-body-color);
  padding: 10px 25px;
  font-family: Inter;
}

._header_sk5k9_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;

  text-decoration: none;
  position: relative;
  font-weight: 600;
  margin-right: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: start;
  height: 28px;
}

._title_sk5k9_25 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 8px;
}

._titleText_sk5k9_32 {
  text-decoration: none;
  position: relative;
  line-height: 28px;
  font-size: 18px;
  font-family: Inter;
  font-weight: 600;
  display: inline-block;
  color:#000000E0;
  width:100%;
}

._content_sk5k9_44 {
  font: 400 14px/22px Inter;
  color: rgba(0, 0, 0, 0.45);
}

._actionWrapper_sk5k9_49 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}

._actionWrapperFilter_sk5k9_56 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 2.5px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._tableContainer_sk5k9_65 {
  margin-top: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
}


._tableHeader_sk5k9_74 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
}
._tableHeaderText_sk5k9_80{
  font:500 14px/22px Inter;
}

._headerButtons_sk5k9_84 {
  display: flex;
  gap: 8px;
  align-items: center;
}

._uploadList_sk5k9_90 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;  
}

._statusElement_sk5k9_109 {
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: '#757575';
  color: white;
  text-align: 'center';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
._wrapper_1roo5_1 {
  border: 1px solid rgba(203, 210, 222, 1);
  border-radius: 5px;
  background-color: white;
  padding: 16px;
  margin-top: 16px;
  width: 100%;
}
._titleDiv_1roo5_9 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
._arrowDiv_1roo5_15 {
  cursor: pointer;
  display: flex;
  align-items: center;
}
._HeaderTitle_1roo5_20 {
  font: 600 18px/20px Inter;
  display: flex;
  align-items: center;
}
._wrapperHeading_1roo5_25 {
  display: flex;
  align-items: center;
  justify-content: start;
  font: 600 16px/18px Inter;
  margin-bottom: 10px;
}

._segmentsDetailsDiv_1roo5_33 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

._inputDiv_1roo5_41{
  width: 50%;
}

._defaultLabel_1roo5_45 {
  font-family: 'Inter';
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 5px;
}
._segmentWarningContainer_1roo5_56 {
  display: flex;
  flex-direction: row;
  background: #fff1f0;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(255, 163, 158, 1);
  padding: 10px 15px 10px 15px;
  cursor: pointer;
}
._segmentWarningText_1roo5_68 {
  font-size: 12px;
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.88);
  font-weight: 400;
  font-family: 'Inter', sans-serif;
}

._radioLabel_1roo5_76{
  font-size: 12px;
}/* Core layout */
._container_i90ir_2 {
    display: flex;
    flex-direction: column;
    padding: 10px 25px;
  }

._header_i90ir_8{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  line-height: 16px;
  font-weight: 600;
  color: inherit;
  display: inlineBlock;
  margin-right: 5px;
  margin: 0px;
  margin-top: 10px;
  align-items: start;
  height: 28px;
}


._headerWrapper_i90ir_27{
  display: flex;
  flex-direction: column;
}

._headerTitle_i90ir_32{
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 88.889% */
}
  
  /* ─── Stats Card ─────────────────────────────── */
  ._statsGrid_i90ir_44 {
    display: grid;
    gap: 1rem;
  }
  ._card_i90ir_48 {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
  }
  ._cardContentTop_i90ir_53 {
    padding-top: 1.5rem;
  }
  ._statsInner_i90ir_56 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  ._statsHeader_i90ir_61 {
    display: flex;
    justify-content: space-between;
  }
  ._statsTitle_i90ir_65 {
    font-size: 0.875rem;
    font-weight: 500;
    color: #718096;             /* text-muted-foreground */
  }
  ._statsNumber_i90ir_70 {
    font-size: 1.875rem;        /* text-3xl */
    font-weight: 700;
    color: #1a2b4c;
  }
  ._statsSub_i90ir_75 {
    font-size: 0.875rem;
    color: #718096;
  }
  
  /* ─── Icons & Buttons ───────────────────────── */
  ._iconButton_i90ir_81 {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
  }
  ._iconSm_i90ir_89  { width: 1rem;  height: 1rem; }
  ._iconXs_i90ir_90  { width: 0.875rem; height: 0.875rem; }
  ._moreBtn_i90ir_91 { width: 2rem;  height: 2rem; }
  
  /* ─── Filter Bar ─────────────────────────────── */
  ._filterBar_i90ir_94 {
    display: flex;
    gap: 1rem;
    background: #fff;
    border-radius: 8px;
    padding: 14px 16px;
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  } 
  ._searchWrapper_i90ir_105 {
    position: relative;
    width: 100%;
  }
  @media (min-width: 768px) {
    ._searchWrapper_i90ir_105 { max-width: 24rem; }          /* md:w-96 */
  }
  ._searchIcon_i90ir_112 {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    width: 1rem;
    height: 1rem;
    color: #a0aec0;
  }
  ._searchInput_i90ir_120 {
    width: 30%;
  }
  ._filterGroup_i90ir_123 {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  ._selectTrigger_i90ir_128 {
    width: 9.375rem;                              /* w-[150px] */
    border: 1px solid #e2e8f0;
  }
  
  /* ─── Tabs ───────────────────────────────────── */
  ._tabsRoot_i90ir_134 { width: 100%; }
  ._tabsList_i90ir_135 {
    display: flex;
    gap: 1.5rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
  }
  ._tabTrigger_i90ir_141 {
    padding: 0.75rem 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    border-bottom: 2px solid transparent;
  }
  ._tabTrigger_i90ir_141[data-state='active'],
  ._activeTab_i90ir_149 {
    border-color: #0066cc;
    font-weight: 600;
  }
  
  /* ─── Table ──────────────────────────────────── */
  ._tableWrapper_i90ir_155 {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
  }
  ._tableHeader_i90ir_160 { background: #f8f9fa; }
  ._nameCol_i90ir_161     { width: 18.75rem; }               /* w-[300px] */
  ._actionsCol_i90ir_162  { width: 5rem; text-align: right; }
  ._tableRowHover_i90ir_163:hover { background: #f8f9fa; }
  ._nameCell_i90ir_164 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  ._expandBtn_i90ir_169 { width: 1.25rem; height: 1.25rem; }
  ._eventName_i90ir_170 { font-weight: 500; }
  ._platformBadge_i90ir_171 {
    background: #f0f4f8;
    color: #4a5568;
  }
  ._textRight_i90ir_175 { text-align: right; }
  
  /* ── Expanded Row + Attribute Table ─────────── */
  ._expandedRow_i90ir_178   { background: #f8f9fa; }
  ._expandedCell_i90ir_179  { padding: 0; }
  ._attrWrapper_i90ir_180   { padding: 1rem 1rem 1rem 2.5rem; }
  ._attrTitle_i90ir_181     { margin-bottom: 0.5rem; color: #4a5568; }
  ._attrHeader_i90ir_182    { background: #edf2f7; }
  ._attrHeadFlex_i90ir_183  { display: flex; align-items: center; gap: 0.25rem; }
  ._attrRowHover_i90ir_184:hover { background: #f0f4f8; }
  ._attrName_i90ir_185      { font-weight: 500; }
  ._attrTypeBadge_i90ir_186 {
    background: #e6f0ff;
    color: #0066cc;
    border: 1px solid rgba(0, 102, 204, 0.2);
  }
  ._attrPii_i90ir_191 {
    background: #fed7d7;
    color: #e53e3e;
    border: 1px solid rgba(229, 62, 62, 0.2);
  }
  ._attrNotPii_i90ir_196 {
    background: #f0fff4;
    color: #38a169;
    border: 1px solid rgba(56, 161, 105, 0.2);
  }

  ._tableContainer_i90ir_202{
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
    background: #fff;
  }
  

  
  
  ._ButtonParent_i90ir_212 {
    border-radius: 4px;
    background-color: #f5f7f9;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    border: 1px solid rgba(98, 127, 153, 0.25);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 4px;
    gap: 3px;
    width: fit-content;
    margin: 15px;
    
  }
  ._Button1_i90ir_227 {
    align-self: stretch;
    border-radius: 4px;
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0px 12px;
    text-transform: capitalize;
  }
  
  ._Button1_i90ir_227:hover {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
    cursor: pointer;
  }
  ._Selected_i90ir_245 {
    background-color: #00325e;
    box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
    color: #fff;
  }
  
  
  ._Text_i90ir_252 {
    position: relative;
    line-height: 22px;
    font-weight: 500;
    font-size: 12px;
  }

  /* ─── Minor helpers ─────────────────────────── */
  ._analyticsGrid_i90ir_260,
  ._table_i90ir_155,
  ._attrHeader_i90ir_182,
  ._tableHeader_i90ir_160 { width: 100%; }
  ._container_e8x4x_1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: 100%;
  flex-direction: column;
  padding: 10px 25px;
  line-height: normal;
  letter-spacing: normal;
  gap: 20px;
  background-color: #fff;
  height: 100vh;
}
._item_e8x4x_15 {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
  text-align: left;
  justify-content: space-between;
  font-size: 0.875rem;
  font-family: Inter;
  color: rgba(0, 0, 0, 0.88);
  margin-top: 10px;
}

._header_e8x4x_29 {
  display: flex;
  gap: 8px;
  justify-content: start;
  align-items: center;
}
._headerText_e8x4x_35 {
  font: 600 18px/22px Inter;
}


._text_12shz_3 {
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 1.375rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: Inter;
  font-size: 0.775rem;
  color: #627f99;
}

._titleText_12shz_17 {
  text-decoration: none;
  position: relative;
  line-height: 2rem;
  font-weight: 600;
  color: inherit;
  display: inline-block;
  min-width: 1.063rem;
}

._title_12shz_17 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}

._textParent_12shz_35 {
  align-self: stretch;
  padding: 0 0.625rem 0 0;
}

._frameContainer_12shz_39,
._container_12shz_40,
._textParent_12shz_35 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

._frameContainer_12shz_39 {
  align-self: stretch;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  padding: 0.625rem 0.937rem;
}

._container_12shz_40 {
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border-radius: 10px;
  background-color: #eff4f6;
  border: 1px solid #e6ebf2;
  box-sizing: border-box;
  width: 100%;
  padding: 0.125rem 0.187rem;
  text-align: left;
  font-size: 1.5rem;
  color: #051829;
  font-family: Inter;
}
._container_yjvaw_1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /* flex-direction: column; */
  width: 100%;
  position: relative;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: 0.875rem;
  color: #004b8d;
  font-family: 1.5rem;
  gap: 1rem;
}
._row_yjvaw_15 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
}
._container_1tly8_1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
._tableContainer_1tly8_7 {
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  overflow: hidden;
  padding: 0.875rem 0 0;
  color: #00325e;
  gap: 1rem;
  max-width: 100%;
  text-align: left;
  font-size: 0.875rem;
  font-family: Inter;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

._heading_1tly8_27 {
  color: rgba(0, 0, 0, 0.88);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  margin-left: 20px;
}
._wrapper_bkk20_1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  /* Info Banner */
  ._infoBanner_bkk20_8 {
    background-color: rgba(0,75,141, 0.1);
    border: 1px solid rgba(0,75,141, 0.4);
    border-radius: 8px;
    padding: 16px;
  }
  
  ._infoText_bkk20_15 {
    font-size: 14px;
    color: var(--primary-blue);
    margin: 0;
  }
  
  /* Tabs */
  ._tabs_bkk20_22 {

  }
  
  ._tabButton_bkk20_26 {
    border-radius: 0 !important;
    border-bottom: 2px solid transparent !important;
    font-weight: 500;
  }
  
  /* Field Cards */
  ._fieldList_bkk20_33 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  ._fieldCard_bkk20_39 {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
    transition: background-color 0.2s;
  }
  
  ._fieldCard_bkk20_39:hover {
    background-color: #f9fafb;
  }
  
  ._fieldRow_bkk20_50 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  
  /* Field Meta Info */
  ._fieldMeta_bkk20_57 {
    flex: 1;
  }
  
  ._fieldHeader_bkk20_61 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
  }
  
  ._fieldLabel_bkk20_68 {
    font-weight: 500;
    color: #111827;
  }
  
  ._fieldDescription_bkk20_73 {
    font-size: 12px;
    font-family: Inter;
    color: #4b5563;
    margin-bottom: 0;
  }
  
  /* Mapping Box */
  ._mappingBox_bkk20_81 {
    min-width: 200px;
  }
  
  ._mappingLabel_bkk20_85 {
    font-size: 12px;
    font-family: Inter;
    color: #6b7280;
  }
  
  ._mappingSelect_bkk20_91 {
    width: 100%;
    height: 26px;

    ::placeholder{
        font-size: 12px;
    }
  }
  
  ._mappingPlaceholder_bkk20_100 {
    font-size: 12px;
    font-family: Inter;
    color: #9ca3af;
  }
  
  /* Required Field Notice */
  ._noticeBanner_bkk20_107 {
    background-color: #fef9c3;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 8px 16px;
  }
  
  ._noticeText_bkk20_114 {
    color: #92400e;
    font-size: 12px;
    font-family: Inter;
    margin: 0;
  }
  ._wrapper_10vb7_1 {
    display: flex;
    flex-direction: column;
  }
  
  /* Info Banner */
  ._infoBanner_10vb7_7 {
    background-color: rgba(0,75,141, 0.1);
    border: 1px solid rgba(0,75,141, 0.4);
    border-radius: 0.5rem;
    padding: 8px;
  }
  
  ._infoText_10vb7_14 {
    color: var(--primary-blue);
    font-size: 12px;
    font-family: Inter;
    line-height: 14px;
  }
  
  /* Search */
  ._searchContainer_10vb7_22 {
    position: relative;
    margin-bottom: 10px;
  }
  
  ._searchIcon_10vb7_27 {
    position: absolute;
    top: 50%;
    left: 0.75rem;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 16px;
    z-index: 1;
  }
  
  ._searchInput_10vb7_37 {
    padding-left: 2.5rem !important;
    padding: 6px 0px;
  }
  
  /* Lists */
  ._listContainer_10vb7_43 {
    display: flex;
    flex-direction: column;
  }
  
  ._listItem_10vb7_48 {
    border: 1px solid #e5e7eb;
    border-collapse: collapse;
    /* border-left: 1px solid #e5e7eb; */
    padding: 8px;
    transition: background-color 0.2s ease;
  }
  
  ._listItem_10vb7_48:hover {
    background-color: #f9fafb;
  }
  
  ._listContent_10vb7_60 {
    display: flex;
    gap: 1rem;
  }
  
  ._listDetails_10vb7_65 {
    display: flex;
    align-items: center;
  }
  
  ._listHeader_10vb7_70 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  ._listTitle_10vb7_76 {
    font-weight: 500;
    color: #111827;
  }
  
  ._subscriberCount_10vb7_81 {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
  }
  
  ._listDescription_10vb7_87 {
    font-size: 0.875rem;
    color: #4b5563;
    margin-bottom: 0.75rem;
  }
  
  /* Double Opt-in Section */
  ._doubleOptInBox_10vb7_94 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: #f9fafb;
    border-radius: 0.375rem;
  }
  
  ._doubleOptInLabel_10vb7_103 {
    font-size: 0.875rem;
    color: #374151;
  }
  
  /* Empty State */
  ._emptyState_10vb7_109 {
    text-align: center;
    padding: 2rem 0;
    color: #6b7280;
  }
  

  ._tableHeader_10vb7_116 {
    display: flex;
    align-items: center;
    background: #f5f7fa;
    font-weight: 600;
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 16px;
    gap: 10px;
    color: #222;
  }
  
  ._tableRow_10vb7_127 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 16px;
    gap: 10px;
    cursor: pointer;
    transition: background 0.2s;
  }
  
  ._tableRow_10vb7_127:hover {
    background: #e6f7ff;
  }
  
  ._tableRow_10vb7_127 span,
  ._tableHeader_10vb7_116 span {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
  }
  
  ._tableHeader_10vb7_116 span:first-child,
  ._tableRow_10vb7_127 span:first-child {
    flex: 0 0 15px;
    justify-content: center;
  }
  
  ._tableHeader_10vb7_116 span:nth-child(2),
  ._tableRow_10vb7_127 span:nth-child(2) {
    flex: 2;
  }

  ._tableContainer_10vb7_160{
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
  }

  ._selectAllCheckbox_10vb7_167{
    display: flex;
    gap: 10px;
    width: 32%;
    align-items: start;
    padding-top: 12px;
    height: 47px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }._wrapper_1kvw1_1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
 /* Info Banner */
 ._infoBanner_1kvw1_8 {
  background-color: rgba(0,75,141, 0.1);
  border: 1px solid rgba(0,75,141, 0.4);
  border-radius: 0.5rem;
  padding: 8px;
}

._infoText_1kvw1_15 {
  color: var(--primary-blue);
  font-size: 12px;
  font-family: Inter;
  line-height: 14px;
}
  ._bannerHeading_1kvw1_21 {
    font-weight: 600;
    color: #1e3a8a;
  }
  
  /* Section Titles */
  ._section_1kvw1_27 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  ._sectionHeader_1kvw1_33 {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  ._sectionTitle_1kvw1_39 {
    font-size: 14px;
    font-family: Inter;
    font-weight: 600;
    margin: 0;
  }
  
  ._sectionIcon_1kvw1_46 {
    color: var(--primary-blue);
    margin-left: 2px;
    width: 18px;
    height: 20px;
  }
  
  /* Cards */
  ._cardGroup_1kvw1_54 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  
  ._card_1kvw1_54 {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #f9fafb;
    padding: 8px;
  }
  
  ._cardContent_1kvw1_67 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
  }
  
  ._cardLeft_1kvw1_74 {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
  }
  
  ._cardTitle_1kvw1_81 {
    font-weight: 500;
    color: #111827;
  }
  
  ._cardSubtitle_1kvw1_86 {
    font-size: 14px;
    color: #4b5563;
  }
  
  ._cardDescription_1kvw1_91 {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
  }
  
  ._cardRight_1kvw1_97 {
    text-align: right;
  }
  
  ._cardLabel_1kvw1_101 {
    font-size: 14px;
    color: #6b7280;
    margin-right: 8px;
  }
  
  ._badgeEnabled_1kvw1_107 {
    background-color: #d1fae5;
    color: #065f46;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
  }
  
  ._badgeDisabled_1kvw1_116 {
    background-color: #f3f4f6;
    color: #6b7280;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
  }
  
  /* Field Mapping Row */
  ._fieldRow_1kvw1_126 {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    padding: 8px;
    border-radius: 8px;
  }
  
  ._fieldInfo_1kvw1_136 {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
  }
  
  ._checkIcon_1kvw1_143 {
    color: #2563eb;
    font-size: 16px;
  }
  
  ._arrowIcon_1kvw1_148 {
    font-size: 14px;
    color: #9ca3af;
  }
  
  ._fieldName_1kvw1_153 {
    font-weight: 500;
    text-transform: capitalize;
  }
  
  ._klaviyoField_1kvw1_158 {
    font-size: 14px;
    color: #4b5563;
  }
  
  ._requiredTag_1kvw1_163 {
    margin-left: auto;
    padding: 2px 8px;
    background-color: #fee2e2;
    color: #991b1b;
    font-size: 12px;
    font-weight: 500;
    border-radius: 6px;
  }
  ._modal_l1myi_1 {
    padding: 0;
  }
  
  ._container_l1myi_5 {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
  }
  
  ._header_l1myi_12 {
    padding:  0px 8px;
    border-bottom: 1px solid #f0f0f0;
  }
  
  ._title_l1myi_17 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    font-family: Inter;
  }
  
  ._subtitle_l1myi_24 {
    font-size: 14px;
    color: #6b7280;
  }
  
  ._progress_l1myi_29 {
    padding: 0px 8px;
  }
  
  ._stepContent_l1myi_33 {
    flex: 1;
    overflow-y: auto;
    padding: 0px 8px;
    display: flex;
    flex-direction: column;
  }
  
  ._stepHeader_l1myi_41 {
    display: flex;
    align-items: start;
    gap: 12px;
    margin-top: 4px;
  }
  
  ._stepNumber_l1myi_48 {
    width: 25px;
    height: 25px;
    background-color: rgba(0,75,141, 0.1);
    color: var(--primary-blue);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
  }
  
  ._stepTitle_l1myi_60 {
    font-size: 14px;
    font-weight: 600;
    font-family: Inter;
  }
  
  ._stepDescription_l1myi_66 {
    margin-left: 37px;
    color: #6b7280;
    font-size: 12px;
    font-family: Inter;
    margin-bottom: 4px;
    position: relative;
    top: -5px;
  }
  
  ._stepBody_l1myi_76 {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }
  
  ._footer_l1myi_82 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    margin: 4px 8px;
    margin-top: 10px;
  }
  ._klaviyoModalContent_qpz1p_1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

._klaviyoModalTitle_qpz1p_9 {
  text-align: center;
  font: 700 18px/16px Inter;
}

._klaviyoModalText_qpz1p_14 {
  text-align: center;
  font: 500 14px/16px Inter;
}

._loaderContent_qpz1p_19 {
  padding: 50px;
  background: 'rgba(0, 0, 0, 0.05)';
  border-radius: 4px;
}
._container_80d5h_1 {
  padding: 10px 25px;
  background-color: var(--blue-body-color);
  min-height: calc(100vh - 64px);
}
._header_80d5h_6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0px;
}

._headerWrapper_80d5h_13 {
  display: flex;
  flex-direction: column;
}
._headerDescription_80d5h_17 {
  color: var(--Text2, rgba(0, 0, 0, 0.45));
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._headerTitle_80d5h_25 {
  display: flex;
  gap: 8px;
  align-items: center;
  color: rgba(0, 0, 0, 0.88);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 88.889% */
}

._headerButtons_80d5h_36 {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}

._newReportButton_80d5h_43 {
  display: flex;
  padding: 6px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  background: var(--primary-blue);
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--White, #fff);
  cursor: pointer;
  font-size: 12px;
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
}

._tableContainer_80d5h_61 {
  margin-top: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 14px;
}

._tableHeader_80d5h_69 {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-start;
  justify-content: space-between;
  padding: 14px 16px;
}
._heading_80d5h_76{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  /* padding: 14px 16px; */
}
._tableHeaderText_80d5h_83 {
  font: 500 14px/22px Inter;
}

._tableHeaderDescription_80d5h_87 {
  font: 400 12px/18px Inter;
  color: rgba(0, 0, 0, 0.45);
}
._Button1_80d5h_91 {
  align-self: stretch;
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 12px;
  text-transform: capitalize;
  color: #00325e;
}

._Button1_80d5h_91:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}
._Selected_80d5h_110 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}

._ButtonParent_80d5h_116 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4px;
  gap: 3px;
  width: 240x;
}

._Text_80d5h_130 {
  position: relative;
  line-height: 22px;
  font-weight: 500;
  font-size: 12px;
}

._actionWrapper_80d5h_137 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
._actionWrapperFilter_80d5h_143 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 8px;
  padding-bottom: 0px;
  border-radius: 6px;
  background-color: white;
  cursor: pointer;
}

._tableFilters_80d5h_152 {
  margin: 5px;
  margin-top: 0px;
  padding: 5px 3px;
  padding-top: 0px;
  display: flex;
  justify-content: end;
}

._filtersTag_80d5h_161 {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #627f99;
  color: white;
}

._resetFilterTag_80d5h_169 {
  border-radius: 6px;
  color: #004b8d;
  padding: 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: 2px;
  cursor: pointer;
  margin-right: 0px;
}

._alertText_80d5h_179 {
  color: red;
}

._buttonContainer_80d5h_183 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  margin-top: 15px;
}
._disableIcon_80d5h_190 {
  opacity: 0.5;
  pointer-events: none;
}

._actionContainer_80d5h_195 {
  display: flex;
  gap: 10px;
  align-items: center;
}

._runButtonContainer_80d5h_201 {
  display: flex;
  align-items: center;
  gap: 5px;
  border: 1px solid lightgrey;
  padding: 2px 5px;
  border-radius: 5px;
  cursor: pointer;
}
/* src/components/EventAnalytics/Css/QueryBuilder.module.css */
._queryBuilderContainer_9qs1w_2 {
  width: 100%;
  background: white;
  border: 1px solid #ededed;
  padding: 20px;
  height: 85vh; /* ensure container has a scrollable height */
  display: flex;
  flex-direction: column;
  overflow-y: auto; /* enable vertical scroll */
  -webkit-overflow-scrolling: touch; /* smoother scroll on macOS/iOS */
}

._backButton_9qs1w_14 {
  display: flex;
  align-items: center;
  margin: 0px 10px 10px 10px;
  font: 400 12px/14px Inter;
}
._arrowLeftIcon_9qs1w_20 {
  height: 16px;
  width: 16px;
  margin-right: 5px;
  cursor: pointer;
}
._backButtonText_9qs1w_26 {
  margin-right: 5px;
}
._section_9qs1w_29 {
  margin-bottom: 24px;
  border: 1px solid #ededed;
  border-radius: 6px;
}
._queryBuilderContent_9qs1w_34 {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}
._section_9qs1w_29:last-child {
  margin-bottom: 0;
}

._sectionTitle_9qs1w_43 {
  font: 400 14px/16px Inter;
  color: rgba(0, 0, 0, 0.88);
  padding: 12px;
}
._sectionBody_9qs1w_48 {
  border-top: 1px solid #ededed;
  padding: 12px;
}
._addButton_9qs1w_52 {
  width: 100%;
  padding: 8px 12px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.88);
  transition: all 0.2s;
  margin-top: 10px;
}

._addButton_9qs1w_52:hover {
  border-color: var(--primary-blue);
  color: var(--primary-blue);
}

._addButton_9qs1w_52 span {
  font: 400 12px/16px Inter;
}

._select_9qs1w_77 {
  width: 100%;
  padding: 8px 12px;
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  cursor: pointer;
}

._helperText_9qs1w_88 {
  padding: 5px 12px;
  font: 400 12px/16px Inter;
  color: rgba(0, 0, 0, 0.45);
}

._radioGroup_9qs1w_94 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._radioLabel_9qs1w_100 {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 400 12px/14px Inter;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.88);
  cursor: pointer;
}

._radioLabel_9qs1w_100 input[type='radio'] {
  cursor: pointer;
}

._selectedItemContainer_9qs1w_114 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 6px;
}
._selectedItemChip_9qs1w_121 {
  background: rgba(0, 75, 141, 0.05);
  border-radius: 10px;
  padding: 4px 8px;
  font: 500 12px/14px Inter;
  color: rgba(0, 0, 0, 0.88);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._Button1_9qs1w_133 {
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  height: fit-content;
  white-space: nowrap;
}

._Button1_9qs1w_133:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}

._Selected_9qs1w_152 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}
._header_9qs1w_157 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_9qs1w_163 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px;
  gap: 2px;
  width: fit-content;
}

._Text_9qs1w_177 {
  position: relative;
  line-height: 18px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
  margin: 0;
}
._logicOperatorContainer_9qs1w_185 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  font: 400 12px/14px Inter;
  margin-top: 5px;
}

._filterDiv_9qs1w_194 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px;
  border-radius: 6px;
  margin: 10px 0px;
}

._filterRow_9qs1w_201 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  width: 100%;
}

._valueInput_9qs1w_209 {
  width: 30%;
  height: 32px;
  border: 1px solid rgba(196, 196, 196, 1);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  font-family: inherit;
}

._valueInput_9qs1w_209:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}

._valueInput_9qs1w_209:hover:not(:disabled) {
  border-color: #4096ff;
}

._removeButton_9qs1w_228 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

._removeButton_9qs1w_228:hover {
  opacity: 0.7;
}

._operatorBadge_9qs1w_240 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6f3ff;
  color: #1890ff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 500;
  margin: 8px 0;
  width: fit-content;
}
._eventFiltersBlock_9qs1w_253 {
  margin-top: 10px;
}
._sectionSubTitle_9qs1w_256 {
  font: 300 12px/14px Inter;
}

._runQueryButton_9qs1w_260 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
._Container_1j1ic_1 {
  width: 75%;
  background: white;
  border: 1px solid #ededed;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
}

._header_1j1ic_11 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

._headerTitle_1j1ic_18 {
  font: 500 16px/18px Inter;
  width: 20%;
}
._centerDiv_1j1ic_22 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0px 2px;
}
._timePeriods_1j1ic_29 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._timePeriodsOptions_1j1ic_34 {
  display: flex;
  align-items: center;
  gap: 5px;
  /* border: 1px solid #ededed; */
  /* padding: 4px; */
  border-radius: 6px;
}
._frequency_1j1ic_42 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._frequencyOptions_1j1ic_47 {
  display: flex;
  align-items: center;
  gap: 5px;
  /* border: 1px solid #ededed; */
  /* padding: 2px; */
  border-radius: 6px;
}
._buttonStyle_1j1ic_55 {
  font: 400 12px/16px Inter;
  padding: 5px;
  width: 50px;
}
._buttonStyle_1j1ic_55:hover {
  background-color: #00325e;
  color: #fff;
}
._buttonStyleSelected_1j1ic_64 {
  background-color: #00325e;
  color: #fff;
}
._compareWrapper_1j1ic_68 {
  display: flex;
  align-items: center;
  gap: 10px;
}
._compareCheckBox_1j1ic_73 {
  margin-bottom: 2px;
}
._compareText_1j1ic_76 {
  font: 300 10px/12px Inter;
}
._displayMode_1j1ic_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ededed;
  padding: 5px;
}

._chartTypeContainer_1j1ic_87 {
  display: flex;
  gap: 8px;
  align-items: center;
  background: #f8f9fa;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

._chartTypeButton_1j1ic_97 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  font: 500 12px/14px Inter;
}

._chartTypeButton_1j1ic_97:hover {
  background: #00325e;
  color: white;
}

._chartTypeButtonSelected_1j1ic_114 {
  background: #00325e;
  color: white;
}

._Button1_1j1ic_119 {
  border-radius: 4px;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  height: fit-content;
  white-space: nowrap;
}

._Button1_1j1ic_119:hover {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
  cursor: pointer;
}

._Selected_1j1ic_138 {
  background-color: #00325e;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  color: #fff;
}
._header_1j1ic_11 {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px;
}

._ButtonParent_1j1ic_149 {
  border-radius: 4px;
  background-color: #f5f7f9;
  box-shadow: 0px 1px 1px rgba(20, 21, 23, 0.06);
  border: 1px solid rgba(98, 127, 153, 0.25);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 3px;
  gap: 2px;
  width: fit-content;
}

._Text_1j1ic_163 {
  position: relative;
  line-height: 18px;
  font-weight: 500;
  font-size: 12px;
  font-family: Inter;
  margin: 0;
}
._container_1sues_1 {
  padding: 20px;
  background: #fff;
}

._header_1sues_6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #000;
}

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

._rowsPerPageContainer_1sues_20 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._rowsPerPageLabel_1sues_26 {
  font-size: 14px;
  color: #666;
}

._exportButton_1sues_31 {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
}

._selectDropdown_1sues_38 {
  width: 80px;
}

._tableContainer_1sues_42 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--stroke, rgba(0, 0, 0, 0.15));
  background: #fff;
}

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

._headerTitle_1sues_56 {
  font: 500 16px/18px Inter;
}
._container_1eb5v_1 {
  padding: 5px;
  background: white;
  border-radius: 8px;
  height: 100%;
}

._chartWrapper_1eb5v_8 {
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._noDataMessage_1eb5v_16 {
  font-size: 14px;
  color: #999;
  text-align: center;
}

._chartSelection_1eb5v_22 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  padding: 10px 20px;
}

._chartSelectionContainer_1eb5v_30 {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: end;
  background: #f8f9fa;
  padding: 4px;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

._chartSelectionButton_1eb5v_41 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
}

._chartSelectionButton_1eb5v_41:hover {
  background: #00325e;
  color: white;
}

._chartSelectionButtonSelected_1eb5v_55 {
  background: #00325e;
  color: white;
}
._Title2_k7v51_1 {
  display: flex;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  width: 100%;
}

._TitleContainer_k7v51_10 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
}

._Datepicker_k7v51_19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  font-size: 14px;
}

._BarGraphHeaderDiv_k7v51_29 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

._Identifier_k7v51_38 {
  width: 8px;
  position: relative;
  border-radius: 16px;
  height: 8px;
}

._IdentifierParent_k7v51_45 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #627f99;
}

._LabelDiv_k7v51_55 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

._LabelContainer_k7v51_63 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 22px;
  margin-left: 16px;
  margin-right: 20px;
}
._labelValue_k7v51_74 {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}
._singleLabelValue_k7v51_79 {
  margin-left: 0; /* No additional margin */
  left: 0; /* Ensure it's aligned at the start of LabelDiv */
}
/* .LabelContainer {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
} */
._BarGraphHeaderDivConatiner_k7v51_90 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 32px;
}

._SimpleBarInnerContainer_k7v51_99 {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
  gap: 24px;
}

._GraphLabel_k7v51_113 {
  position: relative;
  line-height: 22px;
}

._Conversations_k7v51_118 {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}

._headerText_k7v51_124 {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  font-family: Inter !important;
}

._labelValue_k7v51_74 {
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}

._labelText_k7v51_138 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
/* .headerContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-left: 16px;
} */
._headerContainer_k7v51_143 {
  margin-left: 16px; /* Aligns with label and chart */
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
._topRightDiv_k7v51_157 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  width: 40%;
}
._selectionContainer_k7v51_164 {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
._selectedOptionsContainer_k7v51_170 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
._selectedOption_k7v51_170 {
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

._circle_k7v51_184 {
  height: 5px;
  width: 5px;
  border-radius: 50%;
}

._iconInfocircleoutlinedWrapper_k7v51_190 {
  border-radius: 30.33px;
  /* background-color: #f2f4f9; */
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 4.333333492279053px;
  cursor: pointer;
}
._chartContainer_k7v51_200 {
  width: 100%;
  overflow: hidden;
}

/* Remove the old sticky approach that doesn't work */
/* .chartContainer .apexcharts-yaxis {
  position: sticky !important;
  left: 0 !important;
  background: white !important;
  z-index: 10 !important;
} */

/* New wrapper for chart with fixed legend */
._chartWrapper_k7v51_214 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

._customLegend_k7v51_221 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 0;
  background: white;
  flex-wrap: wrap;
  max-height: 100px; /* Adjust height as desired */
  overflow-y: auto; /* Enable vertical scrolling if needed */
  width: 100%; /* Full width by default */
  min-width: 0;
  overflow-x: auto; /* Enable horizontal scroll if overflow */
}

._legendItem_k7v51_237 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Inter;
  font-size: 12px;
  color: #627f99;
}

._legendMarker_k7v51_246 {
  width: 8px;
  height: 8px;
  /* border-radius: 12px; */
  flex-shrink: 0;
}

._legendLabel_k7v51_253 {
  white-space: nowrap;
}

/* Container for chart with fixed y-axis */
._chartContainerWithFixedAxis_k7v51_258 {
  position: relative;
  width: 100%;
  display: flex;
}

/* Fixed Y-Axis Styles */
._fixedYAxis_k7v51_265 {
  position: absolute;
  left: 0;
  top: 12px; /* Adjust to match chart padding */
  bottom: 52px; /* Account for x-axis height */
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
  background: white;
  z-index: 10;
  pointer-events: none;
}

._yAxisLabel_k7v51_280 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  color: #627f99;
  text-align: right;
  padding-right: 12px;
  line-height: 1;
  height: 0; /* This helps with vertical alignment */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Update scrollable container */
._scrollableChartContainer_k7v51_295 {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  padding-left: 10px;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e0 #f7fafc;
}

/* ... existing scrollbar styles ... */

._chartInnerWrapper_k7v51_307 {
  position: relative;
  display: flex;
  align-items: center;
}

._chartContentWrapper_k7v51_313 {
  flex: 1;
  position: relative;
}

/* Sticky Y-Axis Alternative */
._chartContainerWithFixedAxis_k7v51_258 {
  position: relative;
  width: 100%;
}

._scrollableChartContainer_k7v51_295 {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e0 #f7fafc;
}

/* Make ApexCharts y-axis sticky */
._scrollableChartContainer_k7v51_295 .apexcharts-yaxis {
  position: sticky !important;
  left: 0 !important;
  background: white !important;
  z-index: 10 !important;
  padding-right: 8px !important;
}

._scrollableChartContainer_k7v51_295 .apexcharts-yaxis-texts-g {
  background: white !important;
}

._fixedYAxis_k7v51_265 {
  position: absolute;
  left: 0;

  bottom: 10px;
  width: 50px;
  background: white;
  z-index: 20;
  pointer-events: none;
  box-shadow: 2px 0 4px rgba(255, 255, 255, 0.8);
  padding-bottom: 10px;
}
._yAxisLabelsContainer_k7v51_358 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 12px;
}

._yAxisLabel_k7v51_280 {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  color: #627f99;
  text-align: right;
  /* Remove height property, use absolute positioning instead */
  transform: translateY(-50%); /* Center the text on the grid line */
}
.apexcharts-tooltip,
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  pointer-events: auto !important;
  z-index: 9999; /* ensure it's above chart layers */
}

._apexcharts-legend-series_k7v51_383 {
  display: flex !important;
  align-items: center;
}

/* all comparison series automatically get dashed */
._apexcharts-legend-series_k7v51_383._comparison-legend_k7v51_389 ._apexcharts-legend-text_k7v51_389::before {
  content: "";
  display: inline-block;
  width: 20px;
  border-top: 3px dashed;
  margin-right: 6px;
  vertical-align: middle;
}
/* Container */
._container_1sraz_2 {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Actions */
._actions_1sraz_11 {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px;
}
._textAreaBlock_1sraz_17 {
  width: 100%;
}

/* Label */
._textAreaBlock_1sraz_17 label {
  line-height: 18px;
  color: #475467;
  font: 400 12px/14px Inter;
  margin-bottom: 6px;
  display: inline-block;
}

/* Textarea */
._textAreaBlock_1sraz_17 textarea {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #101828;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 10px 12px;
  outline: none;
  background: #fff;
  resize: vertical;
}

/* Placeholder */
._textAreaBlock_1sraz_17 textarea::placeholder {
  color: rgba(16, 24, 40, 0.5);
}
._container_x5270_1 {
  border-top: 1px solid #ededed;
  height: 100%;
}

._header_x5270_6 {
  font: 500 16px/18px Inter;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  gap: 10px;
}

._content_x5270_15 {
  display: flex;
  justify-content: center;
  height: 100%;
}
.icon-color path {
  stroke: #ffffff;
}
ul > li.ant-menu-item-active:hover { 
  color: #61b5ff !important;
  stroke: #61b5ff !important;
}

ul > li.ant-menu-item-active:hover .icon-color path {
  stroke: #61b5ff;
}

.gk-menu.ant-menu-light {
  background-color: #00325e !important;
}

.gk-menu.ant-menu-light .ant-menu-submenu {
  background-color: #00325e !important;
}

.gk-menu.ant-menu-light .ant-menu-submenu-vertical .ant-menu-submenu-title {
  padding-right: 8px !important;
  padding-left: 12px !important;
  padding-top: 7px !important;
}

.ant-menu-submenu-title{
  padding-left: 10px !important;
  color: white !important;
  font-size: 13px !important;
}

.gk-menu.ant-menu-light .ant-menu-submenu-title:hover {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
  .ant-menu-submenu-arrow::before,
  .ant-menu-submenu-arrow::after {
      background: #61b5ff !important;
      color: white;
  }
}

.gk-menu.ant-menu-light .ant-menu-submenu .ant-menu-sub .ant-menu-item.ant-menu-item-selected {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
}

.gk-menu.ant-menu-light .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
}

.gk-menu.ant-menu-item {
  background-color: #00325e !important;
}

.gk-menu.ant-menu-light .ant-menu-item {
  padding-left: 20px !important;
  color: white !important;
  font-size: 13px !important;
  background-color: #00325e !important;
  line-height: 30px !important;
  height: 30px !important;
}

.gk-menu.ant-menu-light .ant-menu-item-selected {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
}

.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item {
  background-color: #00325e !important;
  padding-left: 4px !important;
  padding-top: 4px !important;
  margin: 0 !important;
  color: white !important;
  stroke: white !important;
  margin-block: 0 !important;
  margin-inline: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  .icon-color path {
      stroke: white !important;
  }

  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif, center !important;
}

.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-sub .ant-menu-title-content {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 30px;
}
.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item-selected {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
}
.ant-menu-submenu.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item-active:hover {
  color: #61b5ff !important;
  stroke: #61b5ff !important;
  .icon-color path {
      stroke: #61b5ff !important;
  }
}

.sidebarBottomProfile{
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 22px;
  width: 22px;
  border-radius: 16px;
  bottom: 20px;
  right: -10px;
  background: #61b5ff;
  cursor: pointer;
  svg{  
    height: 10px !important;
  }
}

.sidebarTop{
  display: flex;
  justify-content: start;
  align-items: center;
  margin: 17px 0px;
  gap: 10px;
  padding-left: 14px;
  height: 40px;

  img {
    /* width: 10%; */
    width: 120px;
  }
}

.sidebarDashboard{
  display: flex;
  justify-content: start;
  align-items: center;
  cursor: pointer;
  padding: 0px 15px;
  gap: 13px;
  height: 40px;
  span{
    color: #FFF;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    margin: 0px !important;
  }

  :hover{
    color: #61b5ff !important;
    stroke: #61b5ff !important;
    .icon-color path {
        stroke: #61b5ff !important;
    }
  } 
}


.hideScroll{
  :-webkit-scrollbar {
    display: none;
  }
  
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.cohort-navbar-icon {
  .svg-path{
    color: inherit !important;
    stroke: inherit !important;
  }
}

.cohort-navbar-icon:hover{
  .svg-path {
    color: #61B5FF !important;
    stroke: #61B5FF !important;
  }
}