@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);
.src-components-search-search-module__art_search_wrapper-MpkS9N {
  background: url(https://demo.arealtimetech.com/static/image/background.a23f42f6.jpeg) center / cover no-repeat;
  transition: background-color .2s linear;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut {
  width: 100%;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI {
  background: var(--white-color);
  width: 100%;
  height: 45px;
  position: relative;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI .src-components-search-search-module__icon-E7pW1w {
  font-size: 18px;
  position: absolute;
  top: 15px;
  left: 12px;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI input {
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
  color: var(--title-color);
  border: none;
  border-radius: 50px;
  padding: 10px 15px 10px 40px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 2px 4px #00000026;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-background) var(--background-light);
  max-height: 60vh;
  margin-top: 20px;
  overflow-y: auto;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 .src-components-search-search-module__search_category-owjWM7 h4 {
  color: var(--primary-color);
  margin: 10px 0;
  font-size: 14px;
  font-weight: 700;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 .src-components-search-search-module__search_category-owjWM7 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 .src-components-search-search-module__search_category-owjWM7 ul li a {
  color: var(--title-color);
  border-radius: 6px;
  padding: 10px;
  font-size: 14px;
  display: block;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 .src-components-search-search-module__search_category-owjWM7 ul li a:hover {
  background-color: var(--input-bg-color);
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__search_panel-iWAZt7 .src-components-search-search-module__no_results-LhLCdF {
  color: var(--muted-color);
  text-align: center;
  margin-top: 20px;
  font-style: italic;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__toggle_view-t8r6Gj:not(.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy) .src-components-search-search-module__art_search_content-F_bxut {
  width: 100%;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__toggle_view-t8r6Gj:not(.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy) .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI {
  aspect-ratio: 1;
  background-color: var(--white-color);
  cursor: pointer;
  border: none;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  box-shadow: 0 2px 4px #00000026;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__toggle_view-t8r6Gj:not(.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy) .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI .src-components-search-search-module__icon-E7pW1w {
  position: relative;
  top: 0;
  left: 0;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__toggle_view-t8r6Gj:not(.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy) .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI input {
  display: none;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content_close-g4l9BK {
  cursor: pointer;
  transform-origin: center;
  font-size: 30px;
  transition: all .2s ease-in-out;
  position: fixed;
  top: 30px;
  right: 30px;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__art_search_content_close-g4l9BK:hover {
  transform: scale(1.1);
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy {
  background-color: var(--white-color);
  z-index: 999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 30px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy .src-components-search-search-module__art_search_content-F_bxut {
  width: 100%;
  max-width: 750px;
  height: 75vh;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N.src-components-search-search-module__active-pDAiJy .src-components-search-search-module__art_search_content-F_bxut .src-components-search-search-module__art_search_input-ZCfqLI input {
  width: 100%;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__chip_wrapper-Om1lD6 {
  white-space: nowrap;
  padding: 8px;
  display: flex;
  overflow-x: auto;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__chip_wrapper-Om1lD6::-webkit-scrollbar {
  display: none;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__chip_wrapper-Om1lD6 {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__category_chip-ClyZ3z {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 12px;
}

.src-components-search-search-module__art_search_wrapper-MpkS9N .src-components-search-search-module__search_results_list-RkOjOW {
  scrollbar-width: thin;
  scrollbar-color: var(--gray-background) var(--background-light);
  max-height: 450px;
  padding-top: 0;
  overflow-y: auto;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 {
  justify-content: space-between;
  align-items: center;
  height: 65px;
  padding: 10px 20px;
  display: flex;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_page_title-FctkEG {
  color: var(--title-color);
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_page_title-FctkEG .src-components-header-header-module__art_radio_button_wrapper-LYN7zk {
  padding: 20px 30px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul {
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B {
  cursor: pointer;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 500;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B span {
  padding: 7px 12px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B span:first-child {
  background-color: var(--primary-color);
  color: var(--primary-text-color);
  border: 1px solid var(--primary-color);
  border-radius: 10px 0 0 10px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B span:nth-child(2) {
  background-color: var(--white-color);
  color: var(--error-color);
  border: 1px solid;
  border-left-width: 0;
  border-color: var(--error-color);
  border-radius: 0 10px 10px 0;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B.src-components-header-header-module__production-dRaYzv span:first-child {
  border-radius: 10px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__art_env_chip-dwU97B.src-components-header-header-module__production-dRaYzv span:nth-child(2) {
  display: none;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li.src-components-header-header-module__setting_icon-L5ROSP {
  color: var(--title-color);
  cursor: pointer;
  transform-origin: center;
  padding: 5px;
  font-size: 20px;
  transition: all .2s ease-in-out;
  transform: scale(1);
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li.src-components-header-header-module__setting_icon-L5ROSP:hover {
  transform: scale(1.1);
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li.src-components-header-header-module__setting_icon-L5ROSP .src-components-header-header-module__icon-_HYQqD {
  font-size: 20px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li.src-components-header-header-module__user_profile_wrapper-IaLFtn .src-components-header-header-module__user_profile-RNBwR1 {
  border: 2px solid var(--secondary-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li.src-components-header-header-module__user_profile_wrapper-IaLFtn .src-components-header-header-module__user_profile-RNBwR1 div {
  border: 2px solid var(--white-color);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__plan_badge-lg9k_x {
  background: var(--white-color);
  border: 1px solid var(--primary-color);
  height: 32px;
  color: var(--primary-color);
  letter-spacing: .02em;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__art_nav_header-W2jYf6 .src-components-header-header-module__art_nav_actions-PqAyQ0 ul li .src-components-header-header-module__plan_badge-lg9k_x .MuiChip-label {
  padding: 0 12px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm {
  width: 100%;
  min-height: 0;
  max-height: 0;
  padding: 0 20px;
  transition: all .2s ease-in-out;
  overflow: hidden;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm.src-components-header-header-module__active-zaEZmI {
  min-height: 150px;
  max-height: 50vh;
  padding: 10px 20px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__card_wrapper-ESPBUT {
  border: 2px solid #0000;
  border-radius: 4px;
  transition: border-color .3s ease-in-out, transform .3s ease-in-out;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__card_wrapper-ESPBUT:hover {
  border-color: #04adce;
  transform: translateY(-2px);
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__active_card-eNy0jL {
  border: 3px solid #04adce;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__product_block-QVCx1r {
  background-color: #e8edee8a;
  background-image: url(https://demo.arealtimetech.com/static/image/Market.4634b148.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding: 12px 20px;
  position: relative;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__product_block-QVCx1r .src-components-header-header-module__product_logo-AQZKNl {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  margin: auto;
  display: block;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__product_block-QVCx1r .src-components-header-header-module__product_logo-AQZKNl .src-components-header-header-module__art_app_logo_full-hq1EKM {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__featured_product_block-YWSKkS .src-components-header-header-module__product_block-QVCx1r p {
  color: #00000061;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm .src-components-header-header-module__submenu_title-JCsSoo {
  color: var(--title-color);
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__my_product_wrapper-ZQCwTG li {
  margin-bottom: 15px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__my_product_wrapper-ZQCwTG li .src-components-header-header-module__app_block-6sQdYP {
  align-items: center;
  gap: 10px;
  display: flex;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__my_product_wrapper-ZQCwTG li .src-components-header-header-module__app_block-6sQdYP .src-components-header-header-module__app_image-ox8jn2 {
  width: 25px;
  height: 25px;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__my_product_wrapper-ZQCwTG li .src-components-header-header-module__app_block-6sQdYP .src-components-header-header-module__app_image-ox8jn2 .src-components-header-header-module__art_app_logo_short-Q3kGQw {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm ul.src-components-header-header-module__my_product_wrapper-ZQCwTG li .src-components-header-header-module__app_block-6sQdYP h3 {
  color: #000;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 768px) {
  .src-components-header-header-module__art_nav_wrapper-tupmEc .src-components-header-header-module__content_bar-m_CKrm.src-components-header-header-module__active-zaEZmI {
    scrollbar-width: thin;
    max-height: 50vh;
    padding: 10px 20px;
    overflow-y: auto;
  }
}

.src-components-header-header-module__desktop_only_actions-pwz8H2 {
  gap: 10px;
  display: flex;
}

@media (max-width: 991px) {
  .src-components-header-header-module__desktop_only_actions-pwz8H2 {
    display: none;
  }
}

.src-components-header-notification-bell-module__bell_wrapper-aslNTE {
  color: var(--title-color);
  cursor: pointer;
  transform-origin: center;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 20px;
  transition: all .2s ease-in-out;
  display: inline-flex;
  position: relative;
  transform: scale(1);
}

.src-components-header-notification-bell-module__bell_wrapper-aslNTE:hover {
  transform: scale(1.1);
}

.src-components-header-notification-bell-module__bell_wrapper-aslNTE .src-components-header-notification-bell-module__bell_icon-b9wWLM {
  font-size: 20px;
}

.src-components-header-notification-bell-module__badge-CAhPp7 {
  box-sizing: border-box;
  background-color: var(--error-color);
  min-width: 18px;
  height: 18px;
  color: var(--white-color);
  box-shadow: 0 0 0 2px var(--white-color);
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  top: -3px;
  right: -3px;
}

.src-components-header-notification-bell-module__panel-HsvR0k {
  box-sizing: border-box;
  overscroll-behavior: contain;
  width: 380px;
  max-width: 100%;
  max-height: 440px;
  overflow-y: auto;
}

.src-components-header-notification-bell-module__panel-HsvR0k::-webkit-scrollbar {
  width: 8px;
}

.src-components-header-notification-bell-module__panel-HsvR0k::-webkit-scrollbar-thumb {
  background: var(--input-bg-color);
  border-radius: 8px;
}

.src-components-header-notification-bell-module__panel_head-k49EGj {
  z-index: 2;
  background: var(--white-color);
  position: sticky;
  top: 0;
}

.src-components-header-notification-bell-module__panel_header-yb8OQo {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 10px;
  display: flex;
}

.src-components-header-notification-bell-module__panel_heading-RUyN3X {
  align-items: center;
  gap: 8px;
  display: flex;
}

.src-components-header-notification-bell-module__panel_title-c1B4So {
  color: var(--dark-gray-color);
  letter-spacing: -.01em;
  font-size: 15px;
  font-weight: 700;
}

.src-components-header-notification-bell-module__unread_chip-upYWOL {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  border-radius: 999px;
  padding: 3px 7px;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
}

.src-components-header-notification-bell-module__mark_all-tvM6AN {
  color: var(--primary-color);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 600;
  transition: background-color .15s;
  display: inline-flex;
}

.src-components-header-notification-bell-module__mark_all-tvM6AN .src-components-header-notification-bell-module__mark_all_icon-ugejBN {
  font-size: 11px;
}

.src-components-header-notification-bell-module__mark_all-tvM6AN:hover:not(:disabled) {
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.src-components-header-notification-bell-module__mark_all-tvM6AN:disabled {
  color: var(--title-secondary-color);
  opacity: .5;
  cursor: default;
}

.src-components-header-notification-bell-module__tabs-Xt8xsD {
  border-bottom: 1px solid var(--input-bg-color);
  align-items: center;
  gap: 4px;
  padding: 0 12px 10px;
  display: flex;
}

.src-components-header-notification-bell-module__tab-pDe1wP {
  color: var(--title-secondary-color);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 12.5px;
  font-weight: 600;
  transition: all .15s;
  display: inline-flex;
}

.src-components-header-notification-bell-module__tab-pDe1wP:hover {
  background: var(--background-light);
  color: var(--dark-gray-color);
}

.src-components-header-notification-bell-module__tab_active-wyzRMq {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
}

.src-components-header-notification-bell-module__tab_active-wyzRMq:hover {
  background: color-mix(in srgb, var(--primary-color) 12%, transparent);
  color: var(--primary-color);
}

.src-components-header-notification-bell-module__tab_count-PFKev5 {
  box-sizing: border-box;
  background: var(--primary-color);
  min-width: 16px;
  height: 16px;
  color: var(--white-color);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.src-components-header-notification-bell-module__project_filter-T9tKHs {
  max-width: 150px;
  color: var(--dark-gray-color);
  background: var(--white-color);
  border: 1px solid var(--input-bg-color);
  cursor: pointer;
  border-radius: 7px;
  outline: none;
  margin-left: auto;
  padding: 4px 8px;
  font-size: 12px;
}

.src-components-header-notification-bell-module__project_filter-T9tKHs:hover {
  border-color: var(--primary-color);
}

.src-components-header-notification-bell-module__list-sAVKj0 {
  padding: 4px 0;
}

.src-components-header-notification-bell-module__item-z10HNz {
  cursor: pointer;
  align-items: flex-start;
  gap: 12px;
  padding: 11px 16px;
  transition: background-color .15s;
  display: flex;
  position: relative;
}

.src-components-header-notification-bell-module__item-z10HNz:hover {
  background-color: var(--background-light);
}

.src-components-header-notification-bell-module__item_unread-RFXSDA {
  background-color: color-mix(in srgb, var(--primary-color) 6%, transparent);
}

.src-components-header-notification-bell-module__item_unread-RFXSDA:hover {
  background-color: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.src-components-header-notification-bell-module__item_icon-qBYZtb {
  border-radius: 9px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  font-size: 14px;
  display: inline-flex;
}

.src-components-header-notification-bell-module__tone_amber-dYtStW {
  color: #b45309;
  background: #f59e0b2e;
}

.src-components-header-notification-bell-module__tone_violet-gkZvpo {
  color: #6d28d9;
  background: #8b5cf62e;
}

.src-components-header-notification-bell-module__tone_blue-_1Jt9E {
  color: #1d4ed8;
  background: #3b82f62e;
}

.src-components-header-notification-bell-module__tone_slate-v329iU {
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 14%, transparent);
}

.src-components-header-notification-bell-module__item_main-nhdbY5 {
  flex-direction: column;
  flex: auto;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.src-components-header-notification-bell-module__item_row-gGKgVm {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.src-components-header-notification-bell-module__item_title-eeBD4E {
  color: var(--dark-gray-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
}

.src-components-header-notification-bell-module__item_time-bW3CjI {
  color: var(--title-secondary-color);
  white-space: nowrap;
  flex: none;
  font-size: 11px;
}

.src-components-header-notification-bell-module__item_body-vqu7HA {
  color: var(--title-secondary-color);
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.src-components-header-notification-bell-module__item_project-p79MDh {
  color: var(--title-secondary-color);
  background: var(--background-light);
  border: 1px solid var(--input-bg-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 999px;
  align-self: flex-start;
  max-width: 100%;
  margin-top: 4px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
}

.src-components-header-notification-bell-module__unread_dot-kWz3Zm {
  background: var(--primary-color);
  border-radius: 50%;
  flex: none;
  align-self: center;
  width: 8px;
  height: 8px;
}

.src-components-header-notification-bell-module__actions-tc5anh {
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.src-components-header-notification-bell-module__action_input-vjPJ1S {
  box-sizing: border-box;
  resize: vertical;
  width: 100%;
  min-height: 34px;
  color: var(--title-color);
  background: var(--background-light);
  border: 1px solid var(--input-bg-color);
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 12px;
  line-height: 1.4;
}

.src-components-header-notification-bell-module__action_input-vjPJ1S:focus {
  border-color: var(--primary-color);
  outline: none;
}

.src-components-header-notification-bell-module__action_row-kXDJE7 {
  gap: 8px;
  display: flex;
}

.src-components-header-notification-bell-module__action_btn-A2J5nd {
  cursor: pointer;
  color: var(--white-color);
  border: 1px solid #0000;
  border-radius: 8px;
  flex: auto;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  transition: opacity .15s ease-in-out;
}

.src-components-header-notification-bell-module__action_btn-A2J5nd:hover:not(:disabled) {
  opacity: .9;
}

.src-components-header-notification-bell-module__action_btn-A2J5nd:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.src-components-header-notification-bell-module__action_approve-UxboqW {
  background: #16a34a;
}

.src-components-header-notification-bell-module__action_reject-Z6foG6 {
  background: var(--error-color);
}

.src-components-header-notification-bell-module__action_submit-Nec_Gf {
  background: var(--primary-color);
}

.src-components-header-notification-bell-module__action_done-iDjbXc {
  color: #16a34a;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.src-components-header-notification-bell-module__action_error-Rz2PkV {
  color: var(--error-color);
  font-size: 11.5px;
  line-height: 1.4;
}

.src-components-header-notification-bell-module__empty-HJzy0e {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 240px;
  padding: 24px;
  display: flex;
}

.src-components-header-notification-bell-module__empty_icon-fXE0tP {
  color: color-mix(in srgb, var(--primary-color) 55%, transparent);
  margin-bottom: 4px;
  font-size: 30px;
}

.src-components-header-notification-bell-module__empty_title-CoXqgn {
  color: var(--dark-gray-color);
  font-size: 14px;
  font-weight: 600;
}

.src-components-header-notification-bell-module__empty_sub-JO_ERr {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj {
  width: 100%;
  margin-top: 30px;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix {
  cursor: pointer;
  color: var(--title-color);
  gap: 10px;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s ease-in-out;
  display: flex;
  overflow: hidden;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix .src-components-sidemenu-sidemenu-module__icon-T7Aybw {
  color: var(--primary-color);
  width: 24px;
  height: 24px;
  font-size: 22px;
  transition: all .2s ease-in-out;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix.src-components-sidemenu-sidemenu-module__active-pLIWMz {
  background-color: var(--primary-color);
  color: var(--primary-text-color);
  border-radius: 50px;
  padding: 15px 20px;
  overflow: hidden;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix.src-components-sidemenu-sidemenu-module__active-pLIWMz .src-components-sidemenu-sidemenu-module__icon-T7Aybw {
  color: var(--primary-text-color);
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix.src-components-sidemenu-sidemenu-module__toggled-g03V0o {
  aspect-ratio: 1;
  align-items: center;
  max-height: 50px;
  margin: 0 auto;
  padding: 15px 0;
}

.src-components-sidemenu-sidemenu-module__sidemenu_wrapper-jokKxj ul li .src-components-sidemenu-sidemenu-module__sidemenu_link-N2I5ix.src-components-sidemenu-sidemenu-module__toggled-g03V0o .src-components-sidemenu-sidemenu-module__icon-T7Aybw {
  margin: 0 auto;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__dialog_actions-xqUtux {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__dialog_actions_right-PZk7SW {
  flex-wrap: wrap;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__hero-E1hRph {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__hero_icon-IuCLJO {
  color: #d32f2f;
  background-color: #d32f2f1f;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__hero_title-OnkuhP {
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__hero_subtitle-yYV0VE {
  margin-top: 4px;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__hero_deadline_date-DqWlvK {
  color: #d32f2f;
  font-weight: 600;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_card-BXVFO9 {
  background-color: #ed6c0214;
  border: 1px solid #ed6c0240;
  border-radius: 12px;
  margin-bottom: 20px;
  padding: 16px;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_header-xp3IeA {
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_icon-p5DqQu {
  color: #ed6c02;
  background-color: #ed6c022e;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_label-Y5FnbB {
  color: #ed6c02;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_days-o84xBF {
  margin-top: 2px;
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_total-bideqO {
  color: #ed6c02;
  white-space: nowrap;
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_progress-X6yiED {
  background-color: #fff;
  border: 1px solid #ed6c0259;
  border-radius: 5px;
  height: 10px;
  margin-top: 12px;
  position: relative;
  overflow: hidden;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_progress_bar-uu9g2q {
  background-color: #ed6c02;
  border-radius: 5px;
  height: 100%;
  transition: width .3s;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__grace_progress_legend-fIELbf {
  justify-content: space-between;
  margin-top: 4px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__section_header-jXWLLa {
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__section_title-OYnFYv {
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__explanation_headline-F6lcAm {
  margin-bottom: 4px;
  padding-left: 14px;
  font-weight: 600;
  color: #d32f2f !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__reasons_list-DinG8q {
  margin: 0;
  padding-left: 20px;
  list-style-type: disc;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__reasons_list-DinG8q li {
  margin-bottom: 4px;
  display: list-item;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__reasons_list-DinG8q li:last-child {
  margin-bottom: 0;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__right_column-p1VxTd {
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_card-KcdKke {
  background-color: #fff;
  border: 1px solid #0000001f;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_header-fqLxY0 {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_plan_row-VWdclt {
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_amount-D4Ux7a {
  text-align: right;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_amount_value-FP06xx {
  margin-top: 2px;
  font-weight: 700;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_divider-cyvv2x {
  background-color: #0000001f;
  height: 1px;
  margin: 16px 0;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row-NxFrwe {
  border-bottom: 1px solid #0000001f;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row-NxFrwe:last-of-type {
  border-bottom: none;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row_label-f73ELm {
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row_icon-tIYvwP {
  color: #0009;
  font-size: 16px !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row_icon_orange-Ywg9hB {
  color: #ed6c02;
  font-size: 16px !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_grace_days_left-hzjVkZ {
  color: #ed6c02;
  font-weight: 600;
  display: block;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_row_icon_status-jeFmA2 {
  color: #d32f2f;
  font-size: 16px !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__summary_reason_value-cEpidu {
  text-align: right;
  word-break: break-word;
  max-width: 60%;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__status_chip-xX3ACr {
  text-transform: capitalize;
  height: 22px !important;
  font-size: .7rem !important;
  font-weight: 600 !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__status_chip_failed-kofQA5 {
  color: #d32f2f !important;
  background-color: #d32f2f1f !important;
  border: 1px solid #d32f2f40 !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__status_chip_active-uB2iuo {
  color: #2e7d32 !important;
  background-color: #2e7d321f !important;
  border: 1px solid #2e7d3240 !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__status_chip_neutral-TxzOY7 {
  color: #0009 !important;
  background-color: #9e9e9e0d !important;
  border: 1px solid #0000001f !important;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__retry_banner-XiFXdU {
  background-color: #0288d114;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding: 12px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__retry_banner_text-XVa7d1 {
  color: #014361;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_panel-pD3vMp {
  background-color: #9e9e9e0d;
  border: 1px solid #0000001f;
  border-radius: 12px;
  margin-top: 24px;
  padding: 20px;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_header-ndMlVD {
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card-dqrP_B {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card_icon-OqBHz2 {
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card_icon_success-Wc5BzS {
  color: #2e7d32;
  background-color: #2e7d321f;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card_icon_info-kjZ34N {
  color: #0288d1;
  background-color: #0288d11f;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card_icon_orange-EvEzcr {
  color: #ed6c02;
  background-color: #ed6c0214;
}

.src-global-settings-billing-settings-payment-failure-dialog-module__next_steps_card_title-vacuB7 {
  font-weight: 600;
}

.src-components-access-denied-access-denied-module__container_wrapper-CTMicH {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 450px;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.src-components-access-denied-access-denied-module__icon_wrapper-X0pPYB {
  background: #ed505014;
  border: 1px solid #ed505033;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  margin-bottom: 1.75rem;
  animation: 2.5s ease-in-out infinite src-components-access-denied-access-denied-module__pulse-ring-VidA3K;
  display: flex;
  position: relative;
}

@keyframes src-components-access-denied-access-denied-module__pulse-ring-VidA3K {
  0% {
    box-shadow: 0 0 #ed505026;
  }

  70% {
    box-shadow: 0 0 0 16px #ed505000;
  }

  100% {
    box-shadow: 0 0 #ed505000;
  }
}

.src-components-access-denied-access-denied-module__title-dX_3c0 {
  font-family: Lexend, sans-serif;
  color: var(--dark-gray-color) !important;
  margin-bottom: .75rem !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

.src-components-access-denied-access-denied-module__description-yHi2dJ {
  max-width: 480px;
  font-family: Lexend, sans-serif;
  color: var(--foreground) !important;
  margin-bottom: 2rem !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.src-components-access-denied-access-denied-module__btn_wrapper-FRXdB3 {
  margin-top: .25rem;
}

.non-clickable-table .MuiTableRow-root, .non-clickable-table .MuiTableRow-root:hover {
  cursor: default !important;
}

.src-global-settings-email-config-email-config-module__page-NLAe9o {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__toolbar-noCKuX {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__badge-pcxtiE {
  background: var(--background-light);
  color: var(--primary-color);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .15s, background-color .15s;
  display: inline-flex;
}

.src-global-settings-email-config-email-config-module__badge-pcxtiE:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--white-color));
  box-shadow: 0 2px 8px #0000001a;
}

.src-global-settings-email-config-email-config-module__scope_hint-BqPPrD {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-email-config-email-config-module__workspace-wWJhkA {
  flex-direction: column;
  gap: 18px;
  display: flex;
  container-type: inline-size;
}

.src-global-settings-email-config-email-config-module__sender_card-h5rTVu {
  border: 1px solid var(--input-bg-color);
  background: var(--white-color);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr);
  display: grid;
  overflow: hidden;
  box-shadow: 0 10px 30px #0f172a0f;
}

.src-global-settings-email-config-email-config-module__sender_summary-ijr7dY, .src-global-settings-email-config-email-config-module__sender_actions_panel-ZN5lmi {
  padding: 22px 26px;
}

.src-global-settings-email-config-email-config-module__sender_summary-ijr7dY {
  justify-content: space-between;
  gap: 24px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__sender_summary-ijr7dY > div:first-child {
  flex: 1;
  min-width: 0;
}

.src-global-settings-email-config-email-config-module__sender_actions_panel-ZN5lmi {
  border-left: 1px solid var(--input-bg-color);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__sender_title_row-_3_hoe {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__sender_title-hsT81X {
  color: var(--dark-gray-color);
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.src-global-settings-email-config-email-config-module__sender_facts-W7KUU0 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin: 18px 0 0;
  display: grid;
}

.src-global-settings-email-config-email-config-module__sender_facts-W7KUU0 div {
  min-width: 0;
}

.src-global-settings-email-config-email-config-module__sender_facts-W7KUU0 dt {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-email-config-email-config-module__sender_facts-W7KUU0 dd {
  color: var(--dark-gray-color);
  overflow-wrap: anywhere;
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.src-global-settings-email-config-email-config-module__sender_mark-Zucdb9 {
  width: 84px;
  height: 84px;
  color: var(--white-color);
  border-radius: 8px;
  flex: none;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.src-global-settings-email-config-email-config-module__sender_mark-Zucdb9 svg {
  width: 36px;
  height: 36px;
  display: block;
}

.src-global-settings-email-config-email-config-module__sender_mark-Zucdb9.src-global-settings-email-config-email-config-module__smtp-x9gHWs {
  background: linear-gradient(145deg, color-mix(in srgb, var(--primary-color) 80%, #fff) 10%, var(--primary-color) 90%);
}

.src-global-settings-email-config-email-config-module__sender_mark-Zucdb9.src-global-settings-email-config-email-config-module__google-UuNgN4 {
  background: linear-gradient(145deg, #4285f4 0%, #34a853 100%);
}

.src-global-settings-email-config-email-config-module__sender_panel_title-yGXH0s {
  color: var(--dark-gray-color);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.src-global-settings-email-config-email-config-module__sender_panel_copy-AcW4HY {
  color: var(--title-secondary-color);
  margin: 0 0 18px;
  font-size: 13px;
}

.src-global-settings-email-config-email-config-module__panel_actions-IM7A3N {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__error_banner-K5SXdb {
  color: var(--error-color, #c62828);
  background: color-mix(in srgb, #c62828 8%, var(--white-color));
  border-radius: 6px;
  grid-column: 1 / -1;
  margin: 0 26px 22px;
  padding: 10px 14px;
  font-size: 12.5px;
  line-height: 1.45;
}

.src-global-settings-email-config-email-config-module__empty-OG1oeF {
  border: 1px dashed var(--input-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 56px 24px;
  display: flex;
}

.src-global-settings-email-config-email-config-module__empty_icon-FOQauI {
  color: color-mix(in srgb, var(--primary-color) 55%, transparent);
  font-size: 28px;
}

.src-global-settings-email-config-email-config-module__empty_title-eW3yCw {
  color: var(--dark-gray-color);
  font-size: 15px;
  font-weight: 600;
}

.src-global-settings-email-config-email-config-module__empty_sub-L_OmEO {
  color: var(--title-secondary-color);
  max-width: 440px;
  font-size: 12.5px;
}

.src-global-settings-email-config-email-config-module__loading-wUWA2E {
  text-align: center;
  color: var(--title-secondary-color);
  padding: 40px;
  font-size: 13px;
}

@container (width <= 840px) {
  .src-global-settings-email-config-email-config-module__sender_card-h5rTVu {
    grid-template-columns: 1fr;
  }

  .src-global-settings-email-config-email-config-module__sender_actions_panel-ZN5lmi {
    border-left: 0;
    border-top: 1px solid var(--input-bg-color);
  }
}

@container (width <= 520px) {
  .src-global-settings-email-config-email-config-module__sender_summary-ijr7dY {
    flex-direction: column-reverse;
  }

  .src-global-settings-email-config-email-config-module__sender_facts-W7KUU0 {
    grid-template-columns: 1fr;
  }

  .src-global-settings-email-config-email-config-module__sender_summary-ijr7dY, .src-global-settings-email-config-email-config-module__sender_actions_panel-ZN5lmi {
    padding: 16px;
  }

  .src-global-settings-email-config-email-config-module__error_banner-K5SXdb {
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 720px) {
  .src-global-settings-email-config-email-config-module__toolbar-noCKuX {
    align-items: flex-start;
  }
}

.src-global-settings-push-devices-push-devices-module__page-KZJbv7 {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.src-global-settings-push-devices-push-devices-module__toolbar-HDQapt {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-push-devices-push-devices-module__badge-dzSwYp {
  background: var(--background-light);
  color: var(--primary-color);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .15s, background-color .15s;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__badge-dzSwYp:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--white-color));
  box-shadow: 0 2px 8px #0000001a;
}

.src-global-settings-push-devices-push-devices-module__scope_hint-uctKWe {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-push-devices-push-devices-module__stats-MN6JC1 {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  display: grid;
}

.src-global-settings-push-devices-push-devices-module__stat_tile-AAp8F_ {
  border: 1px solid var(--input-bg-color);
  background: var(--white-color);
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 14px 18px;
  display: flex;
  box-shadow: 0 10px 30px #0f172a0f;
}

.src-global-settings-push-devices-push-devices-module__stat_value-ifo70w {
  color: var(--dark-gray-color);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.src-global-settings-push-devices-push-devices-module__stat_label-R4IMYC {
  color: var(--title-secondary-color);
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__platform_filter-pkvD1m {
  background: var(--background-light);
  border-radius: 10px;
  align-items: center;
  gap: 4px;
  padding: 3px;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__platform_pill-Jp0otr {
  color: var(--title-secondary-color);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 600;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__platform_pill-Jp0otr:hover {
  color: var(--primary-color);
}

.src-global-settings-push-devices-push-devices-module__platform_pill-Jp0otr.src-global-settings-push-devices-push-devices-module__active-cigk7j {
  background: var(--white-color);
  color: var(--primary-color);
  box-shadow: 0 1px 4px #0f172a1f;
}

.src-global-settings-push-devices-push-devices-module__user_cell-GVigJx {
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__avatar-fPuvPo {
  width: 30px;
  height: 30px;
  color: var(--primary-color);
  background: color-mix(in srgb, var(--primary-color) 12%, var(--white-color));
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.src-global-settings-push-devices-push-devices-module__user_name-ayXrd5 {
  color: var(--dark-gray-color);
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 500;
}

.src-global-settings-push-devices-push-devices-module__platform_chip-eiIDBn {
  color: var(--dark-gray-color);
  background: var(--background-light);
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__platform_chip-eiIDBn svg {
  width: 12px;
  height: 12px;
}

.src-global-settings-push-devices-push-devices-module__platform_chip-eiIDBn.src-global-settings-push-devices-push-devices-module__android-qK2wu7 {
  color: #2e7d32;
  background: color-mix(in srgb, #2e7d32 10%, var(--white-color));
}

.src-global-settings-push-devices-push-devices-module__platform_chip-eiIDBn.src-global-settings-push-devices-push-devices-module__ios-jK7bKc {
  color: #37474f;
  background: color-mix(in srgb, #37474f 10%, var(--white-color));
}

.src-global-settings-push-devices-push-devices-module__platform_chip-eiIDBn.src-global-settings-push-devices-push-devices-module__web-2vJkcX {
  color: #1565c0;
  background: color-mix(in srgb, #1565c0 10%, var(--white-color));
}

.src-global-settings-push-devices-push-devices-module__token_cell-U1djpi {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__token_cell-U1djpi code {
  color: var(--dark-gray-color);
  background: var(--background-light);
  border-radius: 6px;
  padding: 3px 8px;
  font-size: 12px;
}

.src-global-settings-push-devices-push-devices-module__copy_btn-rRbNlW {
  width: 26px;
  height: 26px;
  color: var(--title-secondary-color);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__copy_btn-rRbNlW:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--white-color));
  color: var(--primary-color);
}

.src-global-settings-push-devices-push-devices-module__copy_btn-rRbNlW svg {
  width: 13px;
  height: 13px;
}

.src-global-settings-push-devices-push-devices-module__seen_cell-WPSgP1 {
  color: var(--dark-gray-color);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: inline-flex;
}

.src-global-settings-push-devices-push-devices-module__dot-qgVrSF {
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.src-global-settings-push-devices-push-devices-module__dot_active-sp4g4I {
  background: #2e7d32;
}

.src-global-settings-push-devices-push-devices-module__dot_stale-IJe6pa {
  background: color-mix(in srgb, var(--title-secondary-color) 55%, transparent);
}

.src-global-settings-push-devices-push-devices-module__empty-dIS_bC {
  border: 1px dashed var(--input-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 56px 24px;
  display: flex;
}

.src-global-settings-push-devices-push-devices-module__empty_icon-C8p2Pw {
  color: color-mix(in srgb, var(--primary-color) 55%, transparent);
  font-size: 28px;
}

.src-global-settings-push-devices-push-devices-module__empty_title-GF7v1l {
  color: var(--dark-gray-color);
  font-size: 15px;
  font-weight: 600;
}

.src-global-settings-push-devices-push-devices-module__empty_sub-A1_Yuq {
  color: var(--title-secondary-color);
  max-width: 460px;
  font-size: 12.5px;
}

@media (max-width: 720px) {
  .src-global-settings-push-devices-push-devices-module__toolbar-HDQapt {
    align-items: flex-start;
  }
}

.src-global-settings-notification-templates-templates-module__page-kljmIS {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__page_embedded-fTw2sx {
  gap: 18px;
}

.src-global-settings-notification-templates-templates-module__section_header-WzuqaA {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__section_title-KSyu6e {
  color: var(--dark-gray-color);
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.src-global-settings-notification-templates-templates-module__section_subtitle-HRWRe_ {
  color: var(--title-secondary-color);
  margin: 3px 0 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.src-global-settings-notification-templates-templates-module__section_actions-IShMVk {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-left: auto;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__search_box-UKma5S {
  border: 1px solid var(--input-bg-color);
  background: var(--white-color);
  width: min(100%, 300px);
  min-height: 38px;
  color: var(--title-secondary-color);
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  display: inline-flex;
}

.src-global-settings-notification-templates-templates-module__search_box-UKma5S input {
  width: 100%;
  min-width: 0;
  color: var(--dark-gray-color);
  background: none;
  border: 0;
  outline: 0;
  font-size: 13px;
}

.src-global-settings-notification-templates-templates-module__search_box-UKma5S input::placeholder {
  color: var(--title-secondary-color);
}

.src-global-settings-notification-templates-templates-module__toolbar-IDY82V {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__project_badge-tKcmfH {
  background: var(--background-light);
  color: var(--primary-color);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .15s, background-color .15s;
  display: inline-flex;
}

.src-global-settings-notification-templates-templates-module__project_badge-tKcmfH:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--white-color));
  box-shadow: 0 2px 8px #0000001a;
}

.src-global-settings-notification-templates-templates-module__scope_hint-VM6cxI {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-notification-templates-templates-module__toolbar_spacer-L6X3U7 {
  margin-left: auto;
}

.src-global-settings-notification-templates-templates-module__grid-J0_h30 {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 16px;
  display: grid;
}

.src-global-settings-notification-templates-templates-module__card-sQCGaO {
  border: 1px solid var(--input-bg-color);
  background: var(--white-color);
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  min-height: 246px;
  padding: 16px;
  transition: border-color .15s, box-shadow .15s, transform .15s;
  display: flex;
  box-shadow: 0 8px 22px #0f172a0d;
}

.src-global-settings-notification-templates-templates-module__card-sQCGaO:hover {
  border-color: color-mix(in srgb, var(--primary-color) 34%, var(--input-bg-color));
  transform: translateY(-1px);
  box-shadow: 0 12px 28px #0f172a14;
}

.src-global-settings-notification-templates-templates-module__card_disabled-K_5VBs {
  opacity: .65;
}

.src-global-settings-notification-templates-templates-module__card_head-El6bae {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.src-global-settings-notification-templates-templates-module__card_type-jsuUhr {
  min-width: 0;
  color: var(--dark-gray-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.src-global-settings-notification-templates-templates-module__card_chips-AJH9vy {
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 6px;
  max-width: 154px;
  display: inline-flex;
}

.src-global-settings-notification-templates-templates-module__card_line-jjRffS {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__card_label-L4iNp4 {
  text-transform: none;
  letter-spacing: 0;
  color: var(--title-secondary-color);
  font-size: 12px;
  font-weight: 500;
}

.src-global-settings-notification-templates-templates-module__card_text-ctW7Pk {
  color: var(--dark-gray-color);
  word-break: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.src-global-settings-notification-templates-templates-module__card_text_empty-agU4Ln {
  color: var(--title-secondary-color);
  font-style: italic;
}

.src-global-settings-notification-templates-templates-module__card_var-tfvFH1 {
  color: var(--primary-color);
  font-weight: 600;
}

.src-global-settings-notification-templates-templates-module__card_footer-pzTFBz {
  border-top: 1px solid var(--input-bg-color);
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 10px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__card_updated_by-semQ3G {
  color: var(--title-secondary-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11.5px;
  overflow: hidden;
}

.src-global-settings-notification-templates-templates-module__card_actions-Zaabko {
  gap: 4px;
  margin-left: auto;
  display: inline-flex;
}

.src-global-settings-notification-templates-templates-module__icon_btn-zE5Way {
  color: var(--title-secondary-color);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

.src-global-settings-notification-templates-templates-module__icon_btn-zE5Way:hover {
  background: var(--background-light);
  color: var(--primary-color);
}

.src-global-settings-notification-templates-templates-module__icon_btn_danger-TIho0O:hover {
  color: #b91c1c;
}

.src-global-settings-notification-templates-templates-module__empty-VcpuWG {
  border: 1px dashed var(--input-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 56px 24px;
  display: flex;
}

.src-global-settings-notification-templates-templates-module__empty_icon-MRBifl {
  color: color-mix(in srgb, var(--primary-color) 55%, transparent);
  font-size: 28px;
}

.src-global-settings-notification-templates-templates-module__empty_title-MjuS0X {
  color: var(--dark-gray-color);
  font-size: 15px;
  font-weight: 600;
}

.src-global-settings-notification-templates-templates-module__empty_sub-IpKdhC {
  color: var(--title-secondary-color);
  max-width: 420px;
  font-size: 12.5px;
}

.src-global-settings-notification-templates-templates-module__loading-J4gxzF {
  text-align: center;
  color: var(--title-secondary-color);
  padding: 40px;
  font-size: 13px;
}

@media (max-width: 720px) {
  .src-global-settings-notification-templates-templates-module__section_header-WzuqaA {
    align-items: stretch;
  }

  .src-global-settings-notification-templates-templates-module__section_actions-IShMVk {
    width: 100%;
    margin-left: 0;
  }

  .src-global-settings-notification-templates-templates-module__search_box-UKma5S {
    width: 100%;
  }

  .src-global-settings-notification-templates-templates-module__grid-J0_h30 {
    grid-template-columns: 1fr;
  }
}

.src-global-settings-push-configuration-push-config-module__page-WT_Jed {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__toolbar-CRXldH {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__badge-pZGs0O {
  background: var(--background-light);
  color: var(--primary-color);
  cursor: pointer;
  border: none;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 600;
  transition: box-shadow .15s, background-color .15s;
  display: inline-flex;
}

.src-global-settings-push-configuration-push-config-module__badge-pZGs0O:hover {
  background: color-mix(in srgb, var(--primary-color) 10%, var(--white-color));
  box-shadow: 0 2px 8px #0000001a;
}

.src-global-settings-push-configuration-push-config-module__scope_hint-Wslce0 {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-push-configuration-push-config-module__workspace-ZjbTrE {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__firebase_card-WyaeKp, .src-global-settings-push-configuration-push-config-module__templates_card-bmam9A {
  border: 1px solid var(--input-bg-color);
  background: var(--white-color);
  border-radius: 8px;
  box-shadow: 0 10px 30px #0f172a0f;
}

.src-global-settings-push-configuration-push-config-module__firebase_card-WyaeKp {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .95fr);
  display: grid;
  overflow: hidden;
}

.src-global-settings-push-configuration-push-config-module__firebase_summary-AOySys, .src-global-settings-push-configuration-push-config-module__firebase_actions_panel-ygawN2 {
  padding: 22px 26px;
}

.src-global-settings-push-configuration-push-config-module__firebase_summary-AOySys {
  justify-content: space-between;
  gap: 24px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__firebase_actions_panel-ygawN2 {
  border-left: 1px solid var(--input-bg-color);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__firebase_title_row-B9BRLo {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__firebase_title-_n1nvL {
  color: var(--dark-gray-color);
  margin: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}

.src-global-settings-push-configuration-push-config-module__firebase_facts-tugHi9 {
  grid-template-columns: repeat(2, minmax(160px, 1fr));
  gap: 16px 28px;
  margin: 18px 0 0;
  display: grid;
}

.src-global-settings-push-configuration-push-config-module__firebase_facts-tugHi9 div {
  min-width: 0;
}

.src-global-settings-push-configuration-push-config-module__firebase_facts-tugHi9 dt {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-push-configuration-push-config-module__firebase_facts-tugHi9 dd {
  color: var(--dark-gray-color);
  overflow-wrap: anywhere;
  margin: 2px 0 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}

.src-global-settings-push-configuration-push-config-module__firebase_mark-TKpThP {
  background: color-mix(in srgb, var(--primary-color) 11%, var(--white-color));
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 84px;
  height: 84px;
  display: grid;
}

.src-global-settings-push-configuration-push-config-module__firebase_mark-TKpThP span {
  clip-path: polygon(20% 0, 48% 34%, 60% 12%, 88% 70%, 50% 100%, 10% 70%);
  background: linear-gradient(145deg, #ffca28 10%, #f57c00 90%);
  width: 42px;
  height: 50px;
  display: block;
}

.src-global-settings-push-configuration-push-config-module__firebase_panel_title-nJhNZV {
  color: var(--dark-gray-color);
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

.src-global-settings-push-configuration-push-config-module__firebase_panel_copy-bQw0Zg {
  color: var(--title-secondary-color);
  margin: 0 0 18px;
  font-size: 13px;
}

.src-global-settings-push-configuration-push-config-module__editor_panel-est7cj {
  border-top: 1px solid var(--input-bg-color);
  background: color-mix(in srgb, var(--background-light) 38%, var(--white-color));
  flex-direction: column;
  grid-column: 1 / -1;
  gap: 18px;
  padding: 22px 26px 24px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__templates_card-bmam9A {
  padding: 20px;
}

.src-global-settings-push-configuration-push-config-module__status-qYgfMR {
  border-bottom: 1px solid var(--background-light);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__status_meta-hs3ReE {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__status_meta_line-dQZZKp {
  color: var(--title-secondary-color);
  font-size: 12.5px;
}

.src-global-settings-push-configuration-push-config-module__status_meta_line-dQZZKp b {
  color: var(--dark-gray-color);
  font-weight: 600;
}

.src-global-settings-push-configuration-push-config-module__field-rgrP4T {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__field_label-u7dT7P {
  color: var(--dark-gray-color);
  font-size: 12.5px;
  font-weight: 700;
}

.src-global-settings-push-configuration-push-config-module__field_hint-wpsqHq {
  color: var(--title-secondary-color);
  font-size: 12px;
}

.src-global-settings-push-configuration-push-config-module__field_hint-wpsqHq code {
  font-size: 11.5px;
}

.src-global-settings-push-configuration-push-config-module__toggle-q_Fdoh {
  color: var(--dark-gray-color);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: inline-flex;
}

.src-global-settings-push-configuration-push-config-module__actions-qCgPP1 {
  border-top: 1px solid var(--background-light);
  align-items: center;
  gap: 12px;
  padding-top: 8px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__actions_spacer-HQuqAu {
  margin-left: auto;
}

.src-global-settings-push-configuration-push-config-module__empty-Z4fGVg {
  border: 1px dashed var(--input-bg-color);
  text-align: center;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 56px 24px;
  display: flex;
}

.src-global-settings-push-configuration-push-config-module__empty_icon-JTIXi7 {
  color: color-mix(in srgb, var(--primary-color) 55%, transparent);
  font-size: 28px;
}

.src-global-settings-push-configuration-push-config-module__empty_title-Aulfy_ {
  color: var(--dark-gray-color);
  font-size: 15px;
  font-weight: 600;
}

.src-global-settings-push-configuration-push-config-module__empty_sub-mSMa7E {
  color: var(--title-secondary-color);
  max-width: 440px;
  font-size: 12.5px;
}

.src-global-settings-push-configuration-push-config-module__loading-pJbe0p {
  text-align: center;
  color: var(--title-secondary-color);
  padding: 40px;
  font-size: 13px;
}

@media (max-width: 980px) {
  .src-global-settings-push-configuration-push-config-module__firebase_card-WyaeKp {
    grid-template-columns: 1fr;
  }

  .src-global-settings-push-configuration-push-config-module__firebase_actions_panel-ygawN2 {
    border-left: 0;
    border-top: 1px solid var(--input-bg-color);
  }
}

@media (max-width: 720px) {
  .src-global-settings-push-configuration-push-config-module__toolbar-CRXldH {
    align-items: flex-start;
  }

  .src-global-settings-push-configuration-push-config-module__firebase_summary-AOySys {
    flex-direction: column-reverse;
  }

  .src-global-settings-push-configuration-push-config-module__firebase_facts-tugHi9 {
    grid-template-columns: 1fr;
  }

  .src-global-settings-push-configuration-push-config-module__firebase_summary-AOySys, .src-global-settings-push-configuration-push-config-module__firebase_actions_panel-ygawN2, .src-global-settings-push-configuration-push-config-module__editor_panel-est7cj, .src-global-settings-push-configuration-push-config-module__templates_card-bmam9A {
    padding: 16px;
  }
}

.src-global-settings-billing-settings-billing-settings-module__payment_card-Pc38EH {
  max-width: 400px;
  height: 100%;
  position: relative;
  border-radius: 8px !important;
  overflow: visible !important;
}

.src-global-settings-billing-settings-billing-settings-module__payment_card-Pc38EH .src-global-settings-billing-settings-billing-settings-module__primary_card-SMkTbA {
  background-color: var(--primary-color);
  color: var(--white-color);
  z-index: 1;
  border-radius: 4px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  top: -12px;
  right: 16px;
  position: absolute !important;
}

.src-global-settings-billing-settings-billing-settings-module__payment_card_avatar-A7xzFs {
  background: var(--primary-color) !important;
  width: 32px !important;
  height: 32px !important;
}

.src-global-settings-billing-settings-billing-settings-module__billing_card-_TK_AL {
  border: 1px solid var(--default-icon-bg);
  height: 100%;
  padding: 8px;
}

.src-components-on-boarding-onboarding-module__welcome_screen-JIFJb3 {
  width: 100%;
  height: 100%;
  padding: 16px;
}

.src-components-on-boarding-onboarding-module__welcome_screen-JIFJb3 .src-components-on-boarding-onboarding-module__card-rZKxVd {
  background-color: #e7f1f8;
  border-radius: 50px;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 50px;
}

.src-components-on-boarding-onboarding-module__welcome_screen-JIFJb3 .src-components-on-boarding-onboarding-module__welcome_image-QVwjAZ {
  width: 500px;
}

@media (max-width: 1024px) {
  .src-components-on-boarding-onboarding-module__welcome_screen-JIFJb3 .src-components-on-boarding-onboarding-module__welcome_image-QVwjAZ {
    width: 300px;
  }
}

@media (max-width: 500px) {
  .src-components-on-boarding-onboarding-module__welcome_screen-JIFJb3 .src-components-on-boarding-onboarding-module__welcome_image-QVwjAZ {
    width: 200px;
  }
}

.src-components-on-boarding-onboarding-module__completion-sME9T5 {
  width: 450px;
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .src-components-on-boarding-onboarding-module__completion-sME9T5 {
    width: 300px;
  }
}

@media screen and (max-width: 500px) {
  .src-components-on-boarding-onboarding-module__completion-sME9T5 {
    width: 200px;
  }
}

.src-components-on-boarding-onboarding-module__background-VuPrbD {
  background-image: linear-gradient(#fff9, #fff9), url(https://demo.arealtimetech.com/static/image/onboarding_bg.45f9f053.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  min-height: max-content;
}

.src-components-on-boarding-onboarding-module__background-VuPrbD .src-components-on-boarding-onboarding-module__logo_image-oeQDrL {
  width: 200px;
}

@media (max-width: 768px) {
  .src-components-on-boarding-onboarding-module__background-VuPrbD .src-components-on-boarding-onboarding-module__logo_image-oeQDrL {
    width: 150px;
  }
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE {
  color: #fff;
  background: linear-gradient(158.35deg, #05090b 48.63%, #366071 75.8%, #55d7ee 102.53%);
  border: 1px solid #6d797c;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 15px 45px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  border-radius: 10px !important;
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE:hover {
  background: linear-gradient(180.35deg, #05090b 46.63%, #366071 65.8%, #55d7ee 102.53%);
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE .src-components-on-boarding-onboarding-module__icon_up-MEDYQG {
  opacity: 1;
  margin-right: 10px;
  transition: transform .3s ease-in-out, opacity 1s ease-in-out;
  position: absolute;
  bottom: 9px;
  right: 2px;
  transform: translate(0);
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE:hover .src-components-on-boarding-onboarding-module__icon_up-MEDYQG {
  opacity: 0;
  transform: translate(25px, -32px);
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE .src-components-on-boarding-onboarding-module__icon_down-VAGPkI {
  opacity: 0;
  margin-right: 10px;
  transition: transform .3s ease-in-out, opacity 1s ease-in-out;
  position: absolute;
  bottom: 9px;
  right: 2px;
  transform: translate(-34px, 32px);
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE:hover .src-components-on-boarding-onboarding-module__icon_down-VAGPkI {
  opacity: 1;
  transform: translate(0);
}

.src-components-on-boarding-onboarding-module__card_button-xzerZE .src-components-on-boarding-onboarding-module__button_content-LdwWFP {
  font-size: 14px;
}

@media screen and (max-width: 425px) {
  .src-components-on-boarding-onboarding-module__card_button-xzerZE .src-components-on-boarding-onboarding-module__button_content-LdwWFP {
    font-size: 12px;
  }
}

.src-components-on-boarding-onboarding-module__confetti_wrapper-oOhg5Q {
  pointer-events: none;
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
}

.src-components-on-boarding-onboarding-module__dialog_title-pTgz14 {
  text-align: center;
  color: var(--primary-color) !important;
  padding: 3rem 2rem 1rem !important;
  font-size: 32px !important;
  font-weight: bold !important;
}

.src-components-on-boarding-onboarding-module__dialog_text-vjKleE {
  text-align: center;
  color: var(--title-secondary-color) !important;
  padding: 0 1.5rem !important;
  font-size: 16px !important;
}

.src-components-on-boarding-onboarding-module__dialog_image-xAUtnK {
  text-align: center;
  aspect-ratio: 4 / 2;
  width: 450px;
  margin: auto;
}

.src-components-on-boarding-onboarding-module__timer_container-kZuV7J {
  justify-content: center;
  align-items: flex-end;
  gap: .5rem;
  margin: 1.5rem 0;
  display: flex;
}

.src-components-on-boarding-onboarding-module__timer_unit-v_mOTT {
  text-align: center;
}

.src-components-on-boarding-onboarding-module__timer_unit-v_mOTT .src-components-on-boarding-onboarding-module__number-qHfGw4 {
  font-family: Oswald;
  font-size: 40px;
  font-weight: bold;
  color: var(--dark-gray-color) !important;
}

.src-components-on-boarding-onboarding-module__timer_unit-v_mOTT .src-components-on-boarding-onboarding-module__colon-av2jgJ {
  font-size: 24px;
}

.src-components-on-boarding-onboarding-module__timer_unit-v_mOTT .src-components-on-boarding-onboarding-module__label-Siz4ck {
  font-family: Oswald;
  font-size: 12px;
  color: var(--title-color) !important;
}

.src-components-on-boarding-onboarding-module__spinner_wrapper-LQehue {
  text-align: center;
  margin-top: 1rem;
}

.src-components-on-boarding-onboarding-module__spinner_wrapper-LQehue .src-components-on-boarding-onboarding-module__spinner-V7zCfe {
  font-size: 24px;
  animation: 1.5s linear infinite src-components-on-boarding-onboarding-module__rotateSpinner-hVodXq;
  display: inline-block;
}

@keyframes src-components-on-boarding-onboarding-module__rotateSpinner-hVodXq {
  0% {
    transform: rotate(0);
  }

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

.src-components-on-boarding-nav-guide-module__container-WJzaNJ {
  background-color: #fff;
  width: 100%;
  height: auto;
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 {
  width: 100%;
  height: auto;
  padding: 16px;
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__image-fBpm8u {
  width: 250px;
  height: auto;
}

@media screen and (max-width: 500px) {
  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__image-fBpm8u {
    width: 200px;
  }
}

@media (max-width: 769px) {
  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
    margin: 20px auto 0;
  }
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
  color: #fff;
  letter-spacing: .1px;
  background: linear-gradient(158.35deg, #05090b 48.63%, #366071 75.8%, #55d7ee 102.53%);
  border: 1px solid #6d797c;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding-right: 45px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  display: inline-flex;
  position: relative;
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__button_content-mzCJL6 {
  z-index: 2;
  font-weight: 500;
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  opacity: 1;
  transition: transform .3s ease-in-out, background 1s ease-in-out, opacity 1s ease-in-out;
  position: absolute;
  right: 8px;
}

@media (max-width: 1024px) {
  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
    width: 200px;
    padding: 10px;
    font-size: small;
  }

  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
    width: 18px;
    right: 5px;
  }
}

@media (max-width: 600px) {
  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
    width: 200px;
    padding: 4px;
    font-size: small;
  }

  .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
    width: 18px;
    right: 5px;
  }
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3 {
  opacity: 1;
  transform: translate(0);
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  opacity: 0;
  transform: translate(-34px, 32px);
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover {
  background: linear-gradient(180.35deg, #05090b 46.63%, #366071 65.8%, #55d7ee 102.53%);
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3 {
  opacity: 0;
  transform: translate(25px, -32px);
}

.src-components-on-boarding-nav-guide-module__container-WJzaNJ .src-components-on-boarding-nav-guide-module__container_wrapper-oAYQX5 .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  opacity: 1;
  transform: translate(0);
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb {
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
  overflow: hidden;
  background-image: url(https://demo.arealtimetech.com/static/image/Market.4634b148.png) !important;
  border-radius: 30px !important;
}

@media (max-width: 600px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb {
    border-radius: 10px;
    padding: 16px;
  }
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc {
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
  padding: 21px 4px;
  display: flex;
}

@media (max-width: 480px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc {
    padding: 0;
  }
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc .src-components-on-boarding-nav-guide-module__product_logo-yudHlF {
  height: 50px;
  margin-bottom: 15px;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc .src-components-on-boarding-nav-guide-module__product_logo-yudHlF .src-components-on-boarding-nav-guide-module__art_app_logo_full-ZVVAD7 {
  object-fit: contain;
  width: auto;
  height: 100%;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc p {
  color: #212829;
  margin: 0;
  font-size: 14px;
}

@media (max-width: 600px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__product_block-cB5ltc p {
    font-size: 12px;
  }
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__feature_list-C_FOcD {
  margin-top: 10px;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__feature_list-C_FOcD li {
  word-break: break-word;
  color: #3b4042;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
  list-style: none;
  display: flex;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__feature_list-C_FOcD li .src-components-on-boarding-nav-guide-module__check_icon-myLilj {
  color: #04adce;
}

@media (max-width: 600px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__feature_list-C_FOcD li {
    font-size: 12px;
  }
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button_container-DXkKyW {
  margin-top: auto;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
  color: #fff;
  background: linear-gradient(158.35deg, #05090b 48.63%, #366071 75.8%, #55d7ee 102.53%);
  border: 1px solid #6d797c;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  transition: background .1s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__button_content-mzCJL6 {
  z-index: 2;
  font-weight: 500;
  position: relative;
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  z-index: 1;
  width: 24px;
  height: 24px;
  transition: transform .1s ease-in-out, background 1s ease-in-out, opacity 1s ease-in-out;
  position: absolute;
  right: 50px;
}

@media (max-width: 1024px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
    padding: 10px;
  }

  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
    width: 18px;
    right: 10px;
  }
}

@media (max-width: 600px) {
  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL {
    padding: 4px;
  }

  .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3, .src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
    width: 18px;
    right: 10px;
  }
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3 {
  opacity: 1;
  transform: translate(0);
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  opacity: 0;
  transform: translate(-34px, 32px);
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover {
  background: linear-gradient(180.35deg, #05090b 46.63%, #366071 65.8%, #55d7ee 102.53%);
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover .src-components-on-boarding-nav-guide-module__arrow_icon_up-eJQs_3 {
  opacity: 0;
  transform: translate(25px, -32px);
}

.src-components-on-boarding-nav-guide-module__card-AR4jWb .src-components-on-boarding-nav-guide-module__card_button-oVaHmL:hover .src-components-on-boarding-nav-guide-module__arrow_icon_down-PH1TLc {
  opacity: 1;
  transform: translate(0);
}

.src-components-coming-soon-coming-soon-module__container_wrapper-gsPJyD {
  text-align: center;
  background: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.src-components-coming-soon-coming-soon-module__title-lmVDQF {
  color: var(--dark-gray-color) !important;
  margin-bottom: 40px !important;
  font-size: 36px !important;
  font-weight: 700 !important;
}

.src-components-coming-soon-coming-soon-module__description-o1zjRT {
  white-space: pre-line;
  color: var(--dark-gray-color) !important;
  margin-bottom: 20px !important;
  font-size: 14px !important;
}

.src-components-coming-soon-coming-soon-module__subText-UhI5qf {
  color: var(--dark-gray-color) !important;
  margin-bottom: 25px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

:root {
  --background: var(--art-page-background, #e1e8f0);
  --foreground: var(--art-text-secondary, #7f8081);
  --white-color: #fff;
  --primary-color: var(--art-primary, #04adc3);
  --primary-text-color: #fff;
  --secondary-color: var(--art-secondary, #04adc3);
  --title-color: var(--art-text-heading, #7d96b3);
  --title-secondary-color: var(--art-text-secondary, #6c757d);
  --input-bg-color: var(--art-primary-soft, #7d96b31a);
  --error-color: #ed5050;
  --default-icon-color: #c4c4c4;
  --default-icon-bg: #e9e9e9;
  --background-light: var(--art-surface-subtle, #f7f7f7);
  --dark-gray-color: #1e293b;
  --light-background: var(--art-primary-soft, #d5f2f7);
  --gray-background: #ccc;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: var(--art-page-background, #e1e8f0);
    --foreground: var(--art-text-secondary, #7f8081);
  }
}

html, body {
  max-width: 100vw;
  font-family: Lexend, serif;
  overflow-x: hidden;
}

body {
  color: var(--foreground);
  background: var(--background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Lexend, serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

input {
  outline: none !important;
}

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

.img_fit_contain {
  object-fit: contain;
  width: auto;
  height: 100% !important;
}

.img_fit_cover {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}

@media (prefers-color-scheme: dark) {
  html {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }
}

.art_card {
  background-color: var(--art-surface, var(--white-color));
  border: 1px solid var(--art-border, #d4e2e5);
  border-radius: 10px;
  box-shadow: 0 2px 10px #2d4d5609;
}

.art_main_wrapper {
  background: var(--background);
  gap: 10px;
  height: 100vh;
  padding: 10px;
  display: flex;
}

.art_main_wrapper .art_sidebar {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  flex: none;
  width: 350px;
  height: 100%;
  transition: all .2s ease-in-out;
  position: relative;
  overflow: auto;
}

.art_main_wrapper .art_sidebar .art_sidebar_header {
  background-color: var(--art-surface, var(--white-color));
  z-index: 10;
  padding: 15px 0;
  display: block;
  position: sticky;
  top: 0;
  overflow: visible;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_app_logo {
  width: 180px;
  height: 60px;
  margin-left: 30px;
  transition: all .2s ease-in-out;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_app_logo img {
  object-fit: contain;
  object-position: left;
  width: 100%;
  height: 100%;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_app_logo img.art_app_logo_full {
  object-position: start;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_app_logo img.art_app_logo_short {
  display: none;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_sidebar_toggle {
  height: 0;
  position: relative;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button {
  background-color: var(--primary-color);
  width: 52px;
  height: 40px;
  color: var(--primary-text-color);
  cursor: pointer;
  z-index: 20;
  border-radius: 20px 0 0 20px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-size: 24px;
  transition: all .2s ease-in-out;
  display: flex;
  position: fixed;
  top: 25px;
  left: 310px;
  right: auto;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button input#toggle_button {
  display: none;
}

.art_main_wrapper .art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button .icon {
  font-size: 20px;
  transition: all .2s ease-in-out;
  transform: scaleX(1);
}

.art_main_wrapper .art_sidebar .sidepanel_content {
  -webkit-overflow-scrolling: touch;
  padding: 0 30px 20px;
}

.art_main_wrapper .art_content {
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 360px);
  height: 100%;
  display: flex;
}

.art_main_wrapper .art_content .art_navbar {
  width: 100%;
  min-height: 65px;
  padding-left: 0;
  transition: all .2s ease-in-out;
}

.art_main_wrapper .art_content .art_content_panel {
  flex: 1;
  width: 100%;
  height: calc(100% - 65px);
  padding: 20px;
  overflow: auto;
}

.art_main_wrapper .art_content .art_content_panel .art_radio_button_wrapper, .art_main_wrapper .art_content .art_content_panel .art_input_wrapper, .art_main_wrapper .art_content .art_content_panel .art_checkBox_wrapper {
  color: var(--title-color);
  padding: 20px 30px;
}

.art_main_wrapper .art_content .art_content_panel .art_checkBox_wrapper .component_wrapper {
  gap: 100px;
  padding: 10px;
  display: flex;
}

.art_main_wrapper .art_content .art_content_panel .art_checkBox_wrapper .component_wrapper .art_select_wrapper {
  justify-content: center;
  align-items: center;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar {
  width: 70px;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_sidebar_header .art_app_logo {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_sidebar_header .art_app_logo img.art_app_logo_full {
  display: none;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_sidebar_header .art_app_logo img.art_app_logo_short {
  display: block;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button {
  border-radius: 0 20px 20px 0;
  left: 30px;
  transform: translateX(100%);
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button .icon {
  transform: scaleX(-1);
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .sidepanel_content {
  padding: 0 10px 20px;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_sidebar .art_mobile_actions {
  padding: 0 10px;
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_content {
  width: calc(100% - 80px);
}

.art_main_wrapper:has(.art_sidebar .art_sidebar_header .art_sidebar_toggle .art_sidebar_toggle_button #toggle_button:checked) .art_content .art_navbar {
  padding-left: 60px;
}

.art_main_wrapper.art_main_wrapper_fullscreen .art_sidebar_toggle {
  display: none;
}

.art_main_wrapper.art_main_wrapper_fullscreen .art_mobile_actions {
  padding: 0 10px;
}

.art_main_wrapper.art_main_wrapper_fullscreen .art_content {
  width: 100%;
}

.art_main_wrapper.art_main_wrapper_fullscreen .art_content .art_navbar {
  padding-left: 0 !important;
}

.art_main_wrapper .art_sidebar_backdrop {
  display: none;
}

@media (max-width: 991px) {
  .art_main_wrapper .art_sidebar {
    width: 70px;
  }

  .art_main_wrapper .art_sidebar .art_sidebar_toggle .art_sidebar_toggle_button {
    left: 30px;
  }

  .art_main_wrapper .art_content {
    width: calc(100% - 80px);
  }

  .art_main_wrapper:not(:has(#toggle_button:checked)) .art_sidebar_backdrop {
    z-index: 999;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    background-color: #00000080;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .art_main_wrapper:not(:has(#toggle_button:checked)) .art_sidebar {
    z-index: 1000;
    width: min(350px, 100vw - 70px);
    height: calc(100vh - 20px);
    position: fixed;
    top: 10px;
    left: 10px;
  }

  .art_main_wrapper:not(:has(#toggle_button:checked)) .art_sidebar .art_sidebar_header .art_app_logo {
    width: min(190px, 100vw - 140px);
    margin-left: 15px;
  }

  .art_main_wrapper:not(:has(#toggle_button:checked)) .art_sidebar .art_sidebar_toggle .art_sidebar_toggle_button {
    left: calc(min(350px, 100vw - 70px) - 40px);
  }

  .art_main_wrapper:not(:has(#toggle_button:checked)) .art_content {
    width: 100%;
  }
}

.art_dashboard_title {
  color: var(--title-color);
  font-weight: 700 !important;
}

.art_overflow_y {
  scrollbar-width: thin;
  scrollbar-color: #ccc #f5f5f5;
  overflow-x: hidden;
  overflow-y: auto !important;
}

.art_dashboard_card {
  border: 1px solid var(--background-light);
  padding: 24px;
}

.art_dashboard_card .art_summary_card_title {
  color: var(--foreground);
  margin-bottom: 0;
  font-size: 12px;
}

.art_dashboard_card .art_summary_card_subtitle {
  color: var(--title-color);
}

.art_dashboard_card .art_summary_card_subtitle_elements {
  color: var(--title-color);
  font-size: 12px;
}

.art_content_card {
  border: 2px solid var(--input-bg-color);
  border-radius: 4px;
  align-items: center;
  gap: 15px;
  padding: 8px 10px;
  display: flex;
}

.art_content_card p {
  margin-bottom: 0;
}

.art_content_card_title {
  color: var(--foreground);
  font-size: 14px;
}

.art_content_card_subtitle {
  color: var(--background);
  font-size: 14px;
  font-weight: bold;
}

.art_content_card_icon {
  width: 12px;
  height: 12px;
  color: var(--title-color);
}

.art_info_card {
  border: 1px dotted var(--background-light);
  width: auto;
}

.art_usage_subtitle {
  color: var(--background) !important;
  font-weight: bold !important;
}

.list_check_icon {
  aspect-ratio: 1;
  background-color: rgba(var(--default-icon-bg), .2);
  border: 1px solid var(--default-icon-color);
  width: 15px;
  color: var(--default-icon-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  display: flex;
}

.upgrade_plan_icon {
  color: var(--primary-color);
}

.icon-size {
  font-size: 14px !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 2px;
}

::-webkit-scrollbar-track {
  background: #e1e8f0;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--art-primary, #04adc3);
  border: 2px solid #e1e8f0;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--art-primary, #04adc3);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--art-primary, #04adc3) #e1e8f0;
}

.art_mobile_actions {
  display: none;
}

@media (max-width: 991px) {
  .art_mobile_actions {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 30px;
    display: block;
  }

  .art_mobile_actions .art_mobile_card {
    box-shadow: none;
    background: none;
    border: none;
    padding: 0;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    display: flex;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item {
    cursor: pointer;
    text-align: left;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    transition: all .2s ease-in-out;
    display: flex;
    overflow: hidden;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item .art_mobile_icon {
    color: var(--primary-color);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 22px;
    transition: all .2s ease-in-out;
    display: flex;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item .art_mobile_icon canvas, .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item .art_mobile_icon img {
    width: 24px !important;
    height: 24px !important;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item .art_mobile_label {
    color: var(--title-color);
    flex: 1;
    font-size: 16px;
    font-weight: 700;
    transition: all .2s ease-in-out;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item.toggled {
    aspect-ratio: 1;
    align-items: center;
    max-height: 50px;
    padding: 15px 0;
  }

  .art_mobile_actions .art_mobile_card .art_mobile_menu_container .art_mobile_menu_item.toggled .art_mobile_icon {
    margin: 0 auto;
  }
}

.MuiPopover-paper.MuiMenu-paper {
  padding-right: 0 !important;
}

@media (max-width: 1024px) {
  .art_main_wrapper:not(:has(#toggle_button:checked)) .MuiTableCell-root.MuiTableCell-body {
    font-size: 14px !important;
  }
}

@media (max-width: 922px) {
  .MuiTableCell-root.MuiTableCell-body {
    font-size: 14px !important;
  }
}

.add-client-dialog .MuiFormHelperText-root {
  margin-left: 0 !important;
}

.settings_table_page .settings_table_header {
  margin-bottom: 18px;
}

.settings_table_page .settings_table_surface .MuiPaper-root, .settings_table_page .settings_table_surface .MuiCard-root, .settings_table_page .settings_table_surface .MuiTableContainer-root {
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.settings_table_page .settings_table_surface .MuiTable-root {
  background: var(--white-color);
}

.settings_table_page .settings_table_surface .MuiTableCell-head:first-of-type {
  border-top-left-radius: 10px;
}

.settings_table_page .settings_table_surface .MuiTableCell-head:last-of-type {
  border-top-right-radius: 10px;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .col-lg-6.responsive-input {
    flex: none !important;
    width: 60% !important;
  }
}

@media (min-width: 992px) and (max-width: 1449px) {
  .art_main_wrapper:not(:has(#toggle_button:checked)) .col-lg-6.responsive-input:has(.Mui-error) {
    padding-bottom: 30px;
  }
}

