@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);
/*! tailwindcss v4.1.0 | MIT License | https://tailwindcss.com */
@font-face {
  font-family: "NoirPro-Light";
  src: local("NoirPro-Light"),url(../content/c0cc099daa8b24067864.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NoirPro-Regular";
  src: local("NoirPro-Regular"),url(../content/5ae3ce0a97e1a623a2ee.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NoirPro-Medium";
  src: local("NoirPro-Medium"),url(../content/4360c7ff947dec86f0e8.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NoirPro-SemiBold";
  src: local("NoirPro-SemiBold"),url(../content/aeacf5f6f102d4fe4432.woff2) format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "NoirPro-Bold";
  src: local("NoirPro-Bold"),url(../content/53d3c77430d2f255d4ca.woff2) format("woff2");
  font-display: swap;
}
.h1 {
  font-size: 90px !important;
}
.h2 {
  font-size: 70px !important;
}
.h3 {
  font-size: 54px !important;
}
.h4 {
  font-size: 42px !important;
}
.h5 {
  font-size: 33px !important;
}
.nav-bar-root {
  flex-grow: 1;
}
.nav-bar {
  background: #77c8d2;
  height: 50px;
  z-index: 1;
}
.icon-button {
  color: #153f8f;
  margin-left: -12px;
  margin-right: 20px;
}
.nav-bar-typo {
  color: #153f8f;
  flex-grow: 1;
}
.nav-bar-toolbar {
  height: 50px;
  min-height: 50px;
}
.filter-button {
  margin-top: 20px;
  height: 100%;
  background: #153f8f;
  color: #e3ecff;
  font-size: 12px;
  border-radius: 56px;
}
.filter-button:hover {
  background: #1c53bb;
}
.advanced-filters-clicked {
  margin-top: 22px;
  background: gray !important;
  color: #e3ecff;
  border-radius: 56px;
  font-size: 12px;
  height: 25px;
  margin-right: 5px;
}
.advanced-filters-clicked:hover {
  background: gray !important;
}
.advanced-filters-clicked::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: -19px;
  margin-top: 45px;
  width: 0;
  height: 0;
  border-left: 10px solid rgba(0,0,0,0);
  border-right: 10px solid rgba(0,0,0,0);
  border-bottom: 10px solid #fff;
  transition: .1s ease-in-out;
}
.advanced-filters {
  margin-top: 22px;
  background: #5aa1d8;
  color: #000;
  border-radius: 56px;
  font-size: 12px;
  font-family: "NoirPro-Light",sans-serif;
  height: 25px;
  margin-right: 5px;
}
.advanced-filters:hover {
  background: #5aa1d8;
}
.action-button {
  margin-top: 25px;
  background: #153f8f;
  color: #e3ecff;
  border-radius: 56px;
  font-size: 12px;
  margin-right: 5px;
  font-family: "NoirPro-Light",sans-serif;
  height: 25px;
}
.action-button:hover {
  background: #153f8f;
}
.search-button {
  margin-top: 25px;
  background: #5aa1d8;
  color: #000;
  border-radius: 56px;
  font-size: 12px;
  height: 30px;
}
.search-button:hover {
  background: #5aa1d8;
}
.typo-separator {
  padding: 0 10px 0 10px;
  border-right: 1px solid #525050;
}
.new-chat-button {
  text-transform: capitalize;
  background: #64d255;
  color: #fff;
  border-radius: 7px;
  font-size: 12px;
  margin-left: 20px;
}
.new-chat-button:hover {
  background: #b5ceaa;
}
.answer-button {
  color: #153f8f;
  padding: 0px;
}
.tandera-eye {
  color: #153f8f;
  padding: 0px;
}
.delete-button {
  color: #153f8f;
  padding: 0px;
}
.pre-order-question-toolbar {
  min-height: 40px;
}
.pre-order-question-table-row {
  height: 35px;
}
.pre-order-question-table-cell {
  padding: 0 10px 0 35px;
  color: #000;
  font-family: "NoirPro-Light",sans-serif;
}
.cell-checkbox {
  width: 20px !important;
  padding: 0px !important;
}
.pre-order-is-converted {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: rgba(37,121,41,.24);
  border-radius: 50%;
  color: #1c4e1e;
  font-weight: bold;
}
.drawer {
  flex-shrink: 0;
  white-space: nowrap;
  z-index: 2;
}
.drawer-menu {
  background: #5aa1d8;
  max-width: 60px;
  width: 60px;
}
.drawer-icons {
  color: #e3ecff;
}
.drawer-text {
  color: #e3ecff !important;
  text-transform: none;
  font-size: 16px;
  font-family: "NoirPro-Regular",sans-serif;
}
.title-drawer-text {
  color: #e3ecff !important;
  text-transform: none;
  font-size: 20px;
  font-family: "NoirPro-SemiBold",sans-serif;
}
.drawer-out {
  color: #e3ecff;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.drawer-tooltip {
  background-color: #5aa1d8;
  color: #000;
}
.font-menu-item {
  color: #f5f0f6 !important;
  text-transform: none;
  font-size: 14px;
}
.drawer-submenu-item {
  color: #000;
  outline: none;
}
.drawer-submenu-item:hover {
  background: #5aa1d8;
}
.drawer-submenu-item:active {
  color: #000;
}
.drawer-submenu-item:focus {
  background-color: #5aa1d8;
}
.drawer-submenu-paper {
  background-color: #5aa1d8;
  margin-left: 30px;
  border-radius: 0;
}
.link-a {
  text-decoration: none !important;
}
.link-a:visited {
  text-decoration: none !important;
}
.link-a:hover {
  text-decoration: none !important;
  color: inherit;
}
.button-separator {
  padding-right: 10px;
}
.drawer-submenu-item-icon {
  margin-right: 5px;
}
.list-card-home {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  width: 100%;
  grid-gap: 1rem;
  padding-right: 0;
}
.list-card-home .card-home {
  border-radius: 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: #f2f6ff;
  border: 1px solid #cfdeff;
  box-shadow: 0px 2px 0 #cadbff,2px 4px 6px #d9e5ff;
  transition: all 150ms linear;
  text-align: center;
  text-decoration: none;
  color: #000;
}
.list-card-home .card-home:hover {
  background: #dbe7ff;
  border: 1px solid rgba(21,63,143,.05);
  box-shadow: 1px 1px 2px rgba(227,236,255,.2);
  text-decoration: none;
  text-shadow: -1px -1px 0 #b3cbff;
  transition: all 250ms linear;
}
.list-card-home .card-home .title-card {
  font-size: 16px;
  font-family: "NoirPro-SemiBold",sans-serif;
}
.list-card-home .card-home .body-card {
  display: grid;
  grid-template-columns: 45% 55%;
  height: 70px;
  align-items: center;
  justify-content: center;
  width: 100%;
  grid-gap: 1rem;
}
.list-card-home .card-home .body-card .icon-card {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: 1rem;
}
.list-card-home .card-home .body-card .text-card {
  font-size: 20px;
  color: #5aa1d8;
  font-family: "NoirPro-Bold",sans-serif;
  text-align: start;
  word-break: break-word;
}
.home-banner-section {
  width: 100%;
  margin-bottom: 1.5rem;
}
.home-banner-section .home-banner-actions {
  display: flex;
  justify-content: flex-start;
}
.home-banner-section .home-banner-support-form {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: .75rem;
}
.home-banner-section .home-banner-image-frame {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background: #f8fafc;
}
.home-banner-section .home-banner-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.home-banner-section .home-banner-image--cover {
  object-fit: cover;
}
.home-banner-section .home-banner-image--contain {
  object-fit: contain;
}
.home-banner-section .home-banner-url-row {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.home-banner-section .home-banner-url-field {
  flex: 1;
  min-width: 240px;
}
.home-banner-section .home-banner-url-input {
  width: 100%;
  height: 38px;
  padding: 0 .75rem;
  border: 1px solid var(--v2-color-border, #dbe4f0);
  border-radius: 8px;
  background: var(--v2-color-surface-bg, #fff);
  color: var(--v2-color-text-strong, #0f172a);
  font-size: 13px;
  line-height: 1.25rem;
  outline: none;
  transition: border-color .15s ease,box-shadow .15s ease;
}
.home-banner-section .home-banner-url-input::placeholder {
  color: var(--v2-color-text-secondary, #64748b);
  opacity: 1;
}
.home-banner-section .home-banner-url-input:focus {
  border-color: var(--v2-color-primary, #2563eb);
  box-shadow: 0 0 0 3px rgba(37,99,235,.15);
}
.home-banner-section .home-banner-attachment-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid var(--v2-color-border, #dbe4f0);
  border-radius: 8px;
  background: var(--v2-color-surface-bg, #fff);
  color: var(--v2-color-text-secondary, #64748b);
  cursor: pointer;
  transition: background .15s ease,color .15s ease,border-color .15s ease;
}
.home-banner-section .home-banner-attachment-button:hover {
  background: var(--v2-color-bg-hover, #f1f5f9);
  color: var(--v2-color-text-strong, #0f172a);
}
.home-banner-section .home-banner-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 .875rem;
  border: 1px solid var(--v2-color-border, #dbe4f0);
  border-radius: 8px;
  background: var(--v2-color-surface-bg, #fff);
  color: var(--v2-color-text-strong, #0f172a);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .15s ease,color .15s ease,border-color .15s ease;
}
.home-banner-section .home-banner-action-button:hover {
  background: var(--v2-color-bg-hover, #f1f5f9);
  border-color: var(--v2-color-primary, #2563eb);
  color: var(--v2-color-primary, #2563eb);
}
.banner-carousel {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding-top: 0;
  padding-right: 0;
}
.home-communications-section {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 1px solid #dbe4f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15,23,42,.08);
  overflow: hidden;
}
.home-communications-section .home-communications-header {
  padding: 1rem 1.25rem .75rem;
  border-bottom: 1px solid #e6edf6;
}
.home-communications-section .home-communications-header h2,.home-communications-section .home-communications-header .h2 {
  margin: 0;
  color: #0f172a;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.home-communications-section .home-communications-header p {
  margin: .15rem 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
}
.home-communications-section .home-communications-toolbar {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #e6edf6;
  background: #f8fafc;
}
.home-communications-section .home-communications-toolbar .page-filter-form {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}
.home-communications-section .home-communications-toolbar .MuiFormControl-root {
  min-width: 220px;
}
.home-communications-section .home-communications-toolbar .wide-input {
  min-width: 300px;
  max-width: 420px;
  flex: 2;
}
.home-communications-section .home-communications-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem;
}
.home-communications-section .home-communication-card {
  position: relative;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  padding: 1.25rem;
  overflow: hidden;
}
.home-communications-section .home-communication-card.important::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: #2563eb;
}
.home-communications-section .home-communication-important-badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: .3rem .75rem;
  border-radius: 0 8px 0 6px;
  background: #2563eb;
  color: #fff;
  font-size: .7rem;
  font-weight: 800;
}
.home-communications-section .home-communication-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .75rem;
}
.home-communications-section .home-communication-tag {
  display: inline-flex;
  align-items: center;
  border: 1px solid #dbe4f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  font-size: .75rem;
  font-weight: 700;
  line-height: 1;
  padding: .35rem .7rem;
}
.home-communications-section .home-communication-date {
  display: flex;
  align-items: center;
  gap: .35rem;
  margin-bottom: .6rem;
  color: #64748b;
  font-size: .82rem;
}
.home-communications-section .home-communication-body h3,.home-communications-section .home-communication-body .h3 {
  margin: 0 0 .5rem;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}
.home-communications-section .home-communication-content {
  color: #475569;
  font-size: .9rem;
  line-height: 1.5;
}
.home-communications-section .home-communication-content p {
  margin: .5rem 0;
}
.home-communications-section .home-communication-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}
.home-communications-section .home-communication-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 1rem;
  border-radius: 6px;
  background: #2563eb;
  color: #fff;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
}
.home-communications-section .home-communication-action-button:hover {
  background: #1d4ed8;
  color: #fff;
  text-decoration: none;
}
.home-communications-section .home-communications-loading,.home-communications-section .home-communications-empty {
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: .9rem;
  padding: 2rem;
  text-align: center;
}
.home-communications-section .home-communications-pagination {
  padding: 0 1.25rem 1.25rem;
}
@media (max-width: 600px) {
  .list-card-home {
    grid-template-columns: 1fr;
  }
  .home-communications-section .home-communications-toolbar .wide-input {
    min-width: 0;
    width: 100%;
  }
}
.answer-container {
  max-width: 100% !important;
  width: 100%;
  padding: 10px 10px 2px 10px;
}
.answer-container-buyer {
  max-width: 100% !important;
  width: 100%;
  padding-bottom: 10px;
}
.answer-container-question {
  max-width: 100% !important;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 20px;
  padding-top: 10px;
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,.23);
}
.answer-container-default-answers {
  margin-top: 10px;
}
.answer-bar {
  padding: 10px 0 0 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.answer-chip {
  color: #5aa1d8;
  margin-right: 10px;
  border: 1px solid #5aa1d8;
  background-color: rgba(0,0,0,0);
}
.answer-chip-extra {
  background-color: rgba(0,0,0,0);
}
.user-answer-chip {
  color: #000;
  margin-right: 10px;
  padding: 10px;
  border: 1px solid #5aa1d8;
  background-color: #5aa1d8;
}
.user-answer-chip:hover {
  background-color: rgba(90,161,216,.7);
}
.answer-item {
  padding: 10px 10px 10px 10px;
}
.answer-tags {
  height: 15px;
  font-size: .7125rem;
  float: right;
}
.pre-order-delete-button {
  float: left;
  color: #000;
  background: #e3ecff;
  border-radius: 60px;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 5px 10px 5px 10px;
}
.buttons-stack {
  display: grid;
  gap: 10px;
}
.button-send-message {
  margin-left: -5px;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 12px;
  width: 120px;
  background-color: #153f8f;
}
.button-send-message:hover {
  background: #1c53bb;
}
.button-copilot {
  margin-left: -5px;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 12px;
  width: 120px;
  background-color: #e8f0ff;
}
.button-copilot:hover {
  background-color: #d9e6ff;
}
.button-copilot {
  color: #19478d;
}
.button-copilot .material-icons {
  color: inherit;
}
.button-improve {
  margin-left: -5px;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 12px;
  width: 120px;
  background-color: #64a6d8;
}
.button-improve:hover {
  background-color: #5c98c6;
}
.pre-order-answer-button {
  background-color: #153f8f;
  float: left;
  color: #e3ecff;
  font-size: 12px;
  margin-bottom: 5px;
}
.pre-order-answer-button:hover {
  background: #1c53bb;
}
.disable {
  opacity: .4;
  pointer-events: none;
}
.ticket-green-button {
  background-color: #219653;
  margin-bottom: 3px;
  color: #fff;
  float: right;
  font-size: 11px;
  margin-right: 5px;
  box-shadow: none;
}
.ticket-green-button:hover {
  background-color: rgba(33,150,83,.7);
}
.pre-order-answer-support-button {
  background-color: #5aa1d8;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #000;
  float: right;
  font-size: 11px;
  margin-right: 5px;
  box-shadow: none;
}
.pre-order-answer-support-button:hover {
  background-color: rgba(90,161,216,.7);
}
.marketplace-link-button,.marketplace-update-button {
  background-color: #153f8f;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 11px;
  box-shadow: none;
}
.marketplace-link-button:hover,.marketplace-update-button:hover {
  background-color: rgba(21,63,143,.7);
}
.marketplace-update-button {
  background-color: #ff8c00;
}
.buttons-group {
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.buttons-group-delete {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.buttons-group-answer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.button-jump-question {
  display: flex;
  align-items: center;
  justify-content: center;
}
.answer-fieldset {
  border-color: red;
}
.answer-question {
  padding: 5px;
}
.long-text-break {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
}
.long-text-break * {
  overflow-wrap: break-word;
  word-break: normal;
}
.answer-checkbox {
  color: #5aa1d8 !important;
  font-size: 5px;
}
.answer-item-header {
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,.23);
  padding-bottom: 5px;
}
.answer-item-content {
  height: 150px;
  max-width: 500px;
}
.answer-item-card {
  min-width: 275px;
  box-shadow: none;
}
.answer-item-image {
  height: 350px;
  width: 400px;
  background-size: contain;
}
.answer-item-media-carousel {
  height: 400px;
  width: 500px;
  background-size: contain;
}
.answer-item-media-carousel-main {
  background-size: contain;
}
@media (max-width: 1100px) {
  .answer-item-media-carousel-main {
    height: 200px;
    width: 250px;
  }
}
@media (min-width: 1101px)and (max-width: 1536px) {
  .answer-item-media-carousel-main {
    height: 200px;
    width: 300px;
  }
}
@media (min-width: 1500px) {
  .answer-item-media-carousel-main {
    height: 400px;
    width: 500px;
  }
}
.background-carousel {
  min-width: 600px;
  max-width: 600px;
  padding: 20px;
}
.center-media {
  display: flex;
  justify-content: center;
  align-items: center;
}
.answer-publication {
  height: 165px;
  width: 300px;
}
.answer-publication:hover {
  cursor: zoom-in;
}
.answer-item-media {
  height: 120px;
  width: 120px;
}
.answer-item-media:hover {
  cursor: zoom-in;
}
.answer-item-header-title {
  font-size: 30px;
}
.answer-item-content-title {
  font-size: 18px;
}
.answer-item-content-title-a {
  color: #5aa1d8;
}
.answer-item-content-data {
  font-size: 15px;
  padding-top: 20px;
}
.answer-item-header-chip-type {
  background-color: #77c8d2;
  color: #000;
  margin-right: 5px;
  height: 20px;
  margin-left: 20px;
}
.answer-item-header-chip-status {
  background-color: #153f8f;
  color: #fff !important;
  height: 20px;
}
.answer-item-content-title-a {
  color: #153f8f;
  font-family: "NoirPro-Medium",sans-serif;
}
.answer-item-header-chip-refresh {
  background-color: gray;
  color: #fff;
  height: 20px;
  margin-left: 5px;
}
.margin-left-15 {
  margin-left: 15px;
}
.button-shipping:hover {
  background-color: gray;
}
.answer-history-container {
  padding: 0 !important;
}
.answer-history-username {
  font-size: 11px;
  font-weight: bold;
}
.answer-history-date {
  font-size: 11px;
  color: #717171;
  float: right;
}
.answer-history-question {
  font-size: 16px;
  font-weight: bold;
  padding: 2px 0 2px 0;
}
.answer-history-list {
  max-height: 400px;
}
.answer-tab-indicator {
  background-color: #153f8f;
}
.answer-tab-root {
  color: #153f8f;
}
.answer-tab-root:hover,.answer-tab-root:focus,.answer-tab-root:active {
  color: #153f8f;
}
.answer-buyer-heading-container {
  width: 100%;
}
.answer-buyer-heading {
  font-size: 13px;
  margin-top: 4px;
}
.answer-buyer-heading-store-icon {
  margin-left: 10px;
  color: #153f8f;
  float: right;
}
.answer-buyer-heading-shopping-icon {
  color: #4caf50;
  margin: 5px;
  float: right;
}
.answer-buyer-heading-question-icon {
  color: #ffd600;
  margin: 5px;
  float: right;
}
.answer-buyer-publication-link-icon {
  float: right;
  font-size: 16px;
}
.answer-buyer-question-item-title-a {
  color: #5aa1d8;
  font-weight: normal;
  display: block;
}
.answer-buyer-question {
  width: 100%;
  border-top: 1px solid;
  border-color: rgba(0,0,0,.23);
  padding-top: 4px;
  margin-top: 4px;
}
.answer-buyer-username {
  font-weight: bold;
}
.answer-buyer-date {
  font-size: 11px;
  color: #717171;
}
.answer-default-chip-tags {
  background-color: #5aa1d8;
  color: #000;
  margin-right: 10px;
  height: 20px;
  margin-bottom: 10px;
}
.answer-default-chip-tags:hover {
  background-color: rgba(90,161,216,.7);
}
.answers-box-chat-icon {
  color: #5aa1d8;
  float: right;
}
.answer-history-item {
  padding-left: 2px;
  padding-right: 2px;
}
.answer-history-unanswered-reply {
  color: #000;
  font-size: 12px;
}
.flex-header-ticket-info {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.flex-header-ticket-info_value {
  font-size: 18px;
  letter-spacing: 0px;
  margin-right: 15px;
}
.flex-header-ticket-info_label {
  font-size: 18px;
  font-weight: 500;
  margin-right: 5px;
}
.flex-header-ticket-info_cod {
  font-size: 18px;
  margin-right: 15px;
  color: rgba(28,47,118,.87);
}
.flex-header-ticket-info button {
  margin-left: 10px;
}
.flex-header-ticket {
  display: flex;
}
.flex-header-ticket img,.flex-header-ticket span {
  margin-right: 5px;
  font-size: 18px;
  line-height: 20px;
}
.flex-header-ticket_num {
  font-weight: 500;
}
.flex-header-ticket_status {
  font-weight: 600;
  color: #153f8f;
}
@media (max-width: 1024px) {
  .flex-header-ticket span {
    font-size: 12px;
  }
}
.label-bold {
  color: rgba(0,0,0,.8);
  font-weight: bold;
}
.label-contrast-blue {
  color: rgba(28,47,118,.87);
}
.flex-horizontal-column {
  display: flex;
  flex-direction: column;
}
.order-data-footer-info {
  display: flex;
  justify-content: space-between;
}
.order-data-icon-launch {
  color: rgba(21,43,143,.87);
}
.circle-check-icon {
  border-radius: 30px;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 0 auto;
}
@media (max-width: 1025px) {
  .circle-check-icon {
    height: 30px;
    width: 30px;
  }
}
.step-status-order ul {
  padding: 0;
  display: flex;
}
.step-status-order li {
  display: flex;
  align-items: center;
}
.step-status-order span {
  margin-left: 5px;
}
@media (max-width: 1025px) {
  .step-status-order span {
    font-size: 10px;
    font-weight: 500;
  }
}
.step-status-order_line {
  margin: 0 5px;
  width: 15px;
  border: 1px solid #9e9e9e;
}
.step-status-devolution ul {
  padding: 0;
  display: flex;
}
.step-status-devolution li {
  display: flex;
  align-items: center;
}
.step-status-devolution_label {
  display: flex;
  flex-direction: column;
}
.step-status-devolution_label span {
  margin-left: 5px;
}
@media (max-width: 1025px) {
  .step-status-devolution_label span {
    font-size: 10px;
    font-weight: 500;
  }
}
.step-status-devolution_label span:not(:first-child) {
  font-size: 14px;
  color: rgba(0,0,0,.54);
}
.step-status-devolution_line {
  margin: 0 5px;
  width: 30px;
  border: 1px solid #9e9e9e;
}
.default-answer-card {
  flex: 1;
}
.default-answer-card .chip-space {
  padding-bottom: 10px;
}
.btn-variacao {
  min-height: 25px;
  min-width: 40px;
  margin: 2px;
  border: 2px solid #bebebe;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 3px 10px;
}
.btn-variacao.active,.btn-variacao:active,.btn-variacao:hover {
  border-color: blue;
}
.btn-variacao.block {
  background-color: #e0e0e0;
  border-color: #bebebe;
  opacity: .6;
}
.btn-variacao.block.active {
  background-color: #e0e0e0;
  border-color: blue;
}
.stepper-wrapper {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  font-size: 12px;
}
@media (max-width: 1024px) {
  .stepper-item {
    font-size: 11px;
  }
}
.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}
.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}
.stepper-item .step-stage {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin-bottom: 6px;
}
.stepper-item.green .step-stage {
  background-color: #4bb543;
}
.stepper-item.green::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #4bb543;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
  animation: stepper-animation 6s;
}
.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
@keyframes stepper-animation {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.delivery-stage {
  text-align: center;
  font-weight: bold;
}
.delivery-date {
  font-weight: 600;
  font-size: 11px;
}
.shopee-delivery-stepper.stepper-wrapper {
  justify-content: flex-start;
  gap: 0;
  margin: 6px -4px 0;
  padding: 3px 4px 8px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-color: var(--v2-color-border-muted) rgba(0,0,0,0);
  scrollbar-width: thin;
}
.shopee-delivery-stepper.stepper-wrapper::-webkit-scrollbar {
  height: 6px;
}
.shopee-delivery-stepper.stepper-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--v2-color-border-muted);
  border-radius: 999px;
}
.shopee-delivery-stepper .stepper-item {
  flex: 0 0 72px;
  min-width: 72px;
  font-size: 10px;
  line-height: 12px;
}
.shopee-delivery-stepper .stepper-item::before,.shopee-delivery-stepper .stepper-item::after,.shopee-delivery-stepper .stepper-item.green::after {
  top: 16px;
}
.shopee-delivery-stepper .stepper-item::before,.shopee-delivery-stepper .stepper-item::after {
  border-bottom-color: var(--v2-color-border-muted);
}
.shopee-delivery-stepper .stepper-item.green::after {
  border-bottom-color: var(--v2-color-success);
  animation: none;
}
.shopee-delivery-stepper .stepper-item .step-stage {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  background: var(--v2-color-border-muted);
}
.shopee-delivery-stepper .stepper-item.green .step-stage {
  background: var(--v2-color-success);
}
.shopee-delivery-stepper .circle-check-icon {
  width: 28px;
  height: 28px;
}
.shopee-delivery-stepper .delivery-stage {
  display: flex;
  min-height: 28px;
  max-width: 68px;
  align-items: flex-start;
  justify-content: center;
  font-size: 10px;
  line-height: 12px;
}
.shopee-delivery-stepper .delivery-stage span {
  display: block;
  max-width: 100%;
  overflow-wrap: break-word;
  white-space: normal;
}
.shopee-delivery-stepper .delivery-stage.green {
  color: var(--v2-color-heading);
}
.shopee-delivery-stepper .delivery-stage.gray {
  color: var(--v2-color-label-muted);
}
.gray {
  color: #c4c4c4;
}
.button-disable {
  background: #ccc !important;
  color: #fff !important;
  transition: background-color 2s ease-out;
}
.icon-moderation-style {
  color: #f19e39;
  font-size: 16px;
  padding-left: 5px;
}
.icon-moderation-rejected {
  color: #ea3323;
  font-size: 16px;
  padding-left: 5px;
}
.header-margin-container {
  gap: .5rem;
  margin-bottom: 1rem;
}
.flex-header-ticket-info-pre {
  display: grid;
  grid-template-columns: auto 35% 1fr auto auto;
  gap: 1rem;
  align-items: center;
}
.icon-column {
  grid-column: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-info-container {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media (max-width: 900px) {
  .account-info-container {
    flex-direction: column;
    row-gap: .5rem;
  }
  .account-info-container .info-row-pre {
    flex-direction: column;
    gap: .5rem;
  }
}
.info-row-pre {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.logo {
  margin-right: 0;
}
.info-api-container {
  grid-column: 4;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-group-container {
  grid-column: 5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: auto;
  align-items: center;
  gap: 0;
}
.ticket-pre-tag-selector-container {
  grid-column: 1/-1;
  margin: 0 0 1rem 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.icon-column img {
  width: 60px !important;
}
.login-body-background {
  background-color: #e3ecff;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
}
.login-body-background .form-container {
  max-width: 400px;
  width: 100%;
  padding: 0 1rem;
}
.login-body-background span {
  font-family: "NoirPro-Medium",sans-serif;
  font-size: 16px;
}
.login-body-background ul.verify-password span {
  font-size: 14px;
}
.login-body-background ul.verify-password .text-red {
  color: red;
}
.login-body-background ul.verify-password .text-green {
  color: green;
}
.login-body-background .login-body-logo {
  width: 100%;
}
.login-body-background .login-body-logo-token {
  width: 100%;
  padding-top: -50px;
}
.login-body-background .login-form-field {
  width: 100%;
}
.login-body-background .login-form-field label {
  color: #000;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 16px;
  background-color: #e3ecff;
}
.login-body-background .login-form-field input {
  color: #000;
}
.login-body-background .grid-form-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  margin: 0 auto;
  padding: .6rem;
  align-items: center;
}
.login-body-background .text-checkbox {
  align-items: center;
  font-family: "NoirPro-Bold",sans-serif;
  font-size: 16px;
}
.login-body-background .text-checkbox label {
  margin: 0 -14px;
}
.login-body-background .login-form-button {
  width: 100%;
  background-color: #153f8f;
  font-family: "NoirPro-Light",sans-serif;
  font-size: 16px;
  color: #e3ecff;
  height: 50px;
  margin-top: 2rem;
}
.login-body-background .login-form-button:hover {
  background-color: rgba(21,63,143,.7);
}
.login-body-background .login-form-button-disabled {
  width: 100%;
  background-color: #8b8b8b;
  font-family: "NoirPro-Light",sans-serif;
  font-size: 16px;
  color: #fff;
  height: 50px;
  margin-top: 2rem;
}
.login-body-background .login-form-button-disabled:hover {
  background-color: rgba(21,63,143,.7);
}
.login-body-background .login-google-button {
  margin-top: 12px;
}
.login-body-background .grid-items-image {
  display: grid;
  grid-template-columns: 100px 40px 40px 44px;
  align-items: end;
  justify-content: center;
  height: 200px;
  width: 100%;
  grid-gap: 2rem;
  padding-bottom: 1rem;
}
.login-body-background .item-brand {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 120px;
  padding-bottom: 2rem;
}
.input-reset-password {
  background-color: #f8f9fc !important;
  border-radius: 5%;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
.auth-page {
  min-height: 100vh;
  width: 100%;
  background: #e5e7eb;
  font-family: "Plus Jakarta Sans",sans-serif;
}
.auth-page__container {
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .auth-page__container {
    flex-direction: row;
  }
}
.auth-page__main {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: #fff;
}
@media (min-width: 640px) {
  .auth-page__main {
    padding: 3rem;
  }
}
@media (min-width: 1024px) {
  .auth-page__main {
    width: 50%;
    padding: 6rem;
  }
}
.auth-hero {
  display: none;
}
@media (min-width: 1024px) {
  .auth-hero {
    display: flex;
    width: 50%;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background: linear-gradient(135deg, #2f3452 0%, #343962 52%, #30345c 100%);
  }
}
.auth-hero__orb {
  position: absolute;
  border-radius: 9999px;
}
.auth-hero__orb--top {
  top: -6rem;
  right: 0;
  width: 360px;
  height: 360px;
  background: rgba(74,86,168,.28);
  filter: blur(110px);
}
.auth-hero__orb--bottom {
  bottom: -7rem;
  left: -5rem;
  width: 320px;
  height: 320px;
  background: rgba(124,58,237,.16);
  filter: blur(120px);
}
.auth-hero__content {
  position: relative;
  z-index: 1;
  max-width: 32rem;
  color: #fff;
}
.auth-hero__brand-wrap {
  margin-bottom: 2rem;
}
.auth-hero__brand {
  font-size: 2.25rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: lowercase;
}
.auth-hero__title {
  font-size: 3rem;
  line-height: 1.15;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.auth-hero__title-highlight {
  color: #3a6bff;
}
.auth-hero__description {
  font-size: 1.125rem;
  line-height: 1.6;
  color: #aab1cc;
  margin-bottom: 2rem;
}
.auth-hero__features {
  display: grid;
  gap: 1rem;
}
.auth-hero__feature {
  display: flex;
  align-items: center;
  gap: .75rem;
}
.auth-hero__feature-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-hero__feature-icon--blue {
  color: #60a5fa;
  background: rgba(59,130,246,.28);
}
.auth-hero__feature-icon--pink {
  color: #e879f9;
  background: rgba(217,70,239,.28);
}
.auth-hero__feature-icon--teal {
  color: #2dd4bf;
  background: rgba(20,184,166,.28);
}
.auth-hero__feature-text {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  color: #d2d7ef;
}
.auth-form-shell {
  width: 100%;
  max-width: 28rem;
  display: grid;
  gap: 1.5rem;
}
.auth-form-shell__mobile-brand {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .auth-form-shell__mobile-brand {
    display: none;
  }
}
.auth-form-shell__mobile-brand-text {
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: lowercase;
  color: #1c2238;
}
.auth-form-shell__footer {
  padding-top: 2rem;
  text-align: center;
}
.auth-form-shell__footer-text {
  font-size: .75rem;
  line-height: 1;
  color: #9ca3af;
}
.register-body-background {
  background-color: #e3ecff;
  padding: 0 !important;
}
.register-body-background .login-body-logo {
  width: 30%;
}
.register-body-background .grid-input-register {
  display: flex;
  flex-direction: column;
  width: 70%;
  align-items: center;
  justify-content: center;
  margin: 0rem auto;
  padding: 0rem 0 4rem 0;
}
.register-body-background .grid-input-register .inputs-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  grid-gap: .5rem 1rem;
}
.register-body-background .grid-input-register .inputs-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1rem;
  width: 100%;
}
.register-body-background .grid-input-register .inputs-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1rem;
  width: 100%;
}
.register-body-background .grid-input-register label {
  color: #000;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 16px;
  background-color: #e3ecff;
}
.register-body-background .grid-input-register .register-actions-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  align-items: center;
  justify-content: center;
  margin: 3rem auto 0px auto;
  width: 100%;
}
.register-body-background .grid-input-register .register-actions-buttons .register-button-create {
  background-color: #153f8f;
  color: #e3ecff;
  height: 50px;
}
.register-body-background .grid-input-register .register-actions-buttons .register-button-create span {
  font-family: "NoirPro-Medium",sans-serif;
  font-size: 16px;
  color: #e3ecff;
  text-transform: capitalize;
}
.register-body-background .grid-input-register .register-actions-buttons .register-button-create:hover {
  background-color: rgba(21,63,143,.7);
}
.register-body-background .grid-input-register .register-actions-buttons .register-button-back {
  background-color: #77c8d2;
  color: #000;
  height: 50px;
}
.register-body-background .grid-input-register .register-actions-buttons .register-button-back span {
  font-family: "NoirPro-Medium",sans-serif;
  font-size: 16px;
  color: #000;
  text-transform: capitalize;
}
.certifies {
  width: 100%;
  background-color: #153f8f;
}
.certifies .itens-cert {
  height: 150px;
  display: grid;
  grid-template-columns: 100px 45px 45px 45px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  grid-gap: 1rem;
}
.db1-group {
  height: 100px;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #153f8f;
}
.switch-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
  width: 100%;
}
.switch-row {
  display: grid;
  grid-template-columns: 1fr 5rem;
  align-items: center;
  padding: .5rem 1rem;
  border-radius: 4px;
  background-color: rgba(150,150,150,.05);
}
.switch-row:hover {
  background-color: rgba(12,12,12,.05);
  transition: background-color .2s ease-in-out;
}
.integrations-card {
  margin-bottom: 5px;
}
.integrations-list-container {
  width: 100%;
}
.header-box-integration {
  padding: 5%;
}
.label-active {
  color: green;
}
.label-inactive {
  color: red;
}
.center-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.center-div p {
  text-align: center;
}
.margin-left-60 {
  margin-left: 60px;
}
.margin-left-65 {
  margin-left: 65px;
}
.margin-left-80 {
  margin-left: 80px;
}
.margin-left-95 {
  margin-left: 95px;
}
.margin-left-110 {
  margin-left: 110px;
}
.integrations-list-title {
  font-size: 17px;
  font-weight: 500;
  color: #5aa1d8;
  display: flex;
}
.integrations-card-container {
  max-width: 100% !important;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.integrations-card-image {
  padding-left: 0 !important;
  display: flex;
}
.integrations-list-name {
  font-size: 22px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}
.integration-modal {
  height: 80vh;
}
.integration-list {
  max-height: 40vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.integrations-list-configure-button {
  display: flex;
  justify-items: flex-end;
  color: #e3ecff;
  border-radius: 50px;
  background-color: #153f8f;
  width: 150px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.integrations-list-configure-button:hover {
  background-color: #153f8f;
}
.integrations-list-edit-button {
  display: flex;
  justify-items: flex-end;
  color: #e3ecff;
  border-radius: 50px;
  background-color: #77c8d2;
  width: 100px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.integrations-list-edit-button:hover {
  background-color: #153f8f;
}
.integrations-list-title-row {
  padding-left: 0 !important;
}
.integrations-add-new-account-button {
  margin-top: 20px;
  margin-left: 5px;
  float: right;
  color: #e3ecff;
  border-radius: 50px;
  background-color: #153f8f;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.integrations-add-new-account-button:hover {
  background-color: #5aa1d8;
}
.integrations-add-new-account-button-magalu {
  color: #e3ecff;
  border-radius: 50px;
  background-color: #153f8f;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.integrations-add-new-account-button-magalu:hover {
  background-color: #5aa1d8;
}
.integrations-add-new-account-button-custom {
  margin-left: 10px;
  margin-top: 5px;
  float: right;
  color: #e3ecff;
  border-radius: 50px;
  background-color: #153f8f;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.integrations-add-new-account-button-custom:hover {
  background-color: #5aa1d8;
}
.remove-float {
  float: none !important;
}
.selector-add-new-account {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  width: 200px;
}
.integrations-add-update-account-button {
  color: #000;
  background-color: #77c8d2;
  height: 30px;
  margin-right: 5px;
  padding: 4px 16px;
}
.integrations-add-update-account-button:hover {
  background-color: #77c8d2;
  color: #e3ecff;
}
.opacity-50 {
  opacity: .5;
}
.integrations-active-account-switch {
  color: #d0d0d0;
}
.integrations-active-account-switch-checked {
  color: #5aa1d8 !important;
}
.integrations-active-account-switch-checked-error {
  color: #f1c40f !important;
}
.integrations-active-account-switch-bar {
  background-color: #77c8d2 !important;
}
.integrations-active-account-switch-bar-error {
  background-color: #f1c40f !important;
}
.integrations-active-account-switch-root {
  float: right;
}
.integrations-active-account-switch-left {
  float: left;
}
.integrations-edit-dialog-title {
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,.23);
  margin: 0;
  padding: 10px;
}
.integrations-edit-container {
  width: 100%;
  max-width: 100%;
}
.integrations-edit-integration-title-col {
  padding-left: 0 !important;
}
.integrations-edit-integration-description {
  font-size: 13px;
}
.integrations-edit-col {
  padding-right: 0 !important;
}
.integrations-edit-img {
  width: 50px;
  height: 50px;
}
.integrations-edit-close-button {
  float: right;
  padding: 0;
}
.integrations-edit-accounts-title {
  font-size: 16px;
}
@media (max-width: 1024px) {
  .switch-pre {
    margin-left: 120px;
  }
}
@media (min-width: 1030px)and (max-width: 1370px) {
  .switch-pre {
    margin-left: 205px;
  }
}
@media (min-width: 1371px)and (max-width: 1538px) {
  .switch-pre {
    margin-left: 205px;
  }
}
@media (min-width: 1538px) {
  .switch-pre {
    margin-left: 340px;
  }
}
.switch-pos {
  margin-left: 40px;
}
@media (max-width: 1024px) {
  .switch-pos {
    margin-left: 45px;
  }
}
.integrations-edit-account-row {
  margin-top: 20px;
}
.integrations-edit-account-col {
  border-bottom: 1px solid;
  border-color: rgba(0,0,0,.23);
}
.integrations-edit-account-title {
  font-size: 15px;
}
.integrations-edit-account-sub-title {
  font-size: 12px;
}
.integrations-edit-update-button-col {
  padding-left: 0;
}
.width-100 {
  width: 100%;
}
.width-150 {
  min-width: 150px;
}
.color-icon-security {
  color: #ff8a00;
  font-size: 30px;
  margin-right: 15px;
  padding: 5px;
  cursor: pointer;
  transition: background-color .3s,box-shadow .3s;
}
.color-icon-security:hover {
  background-color: #f0eeee;
  box-shadow: #e0e0e0;
  border-radius: 4px;
}
.padding-right-50 {
  padding-right: 50px;
}
.padding-right-35 {
  margin-right: 35px;
}
.align_icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.integration-account-card-container {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.integration-account-name {
  display: flex;
  width: 150px;
  flex-direction: column;
}
.integration-account-error-message {
  display: inline-block;
  margin: auto;
  display: flex;
  width: 100%;
  justify-content: center;
}
.integration-error,.integration-account-error-message span {
  margin-left: 5px;
  color: #f3b02f;
  font-weight: 480;
}
.integration-account-error-message a {
  color: rgba(0,162,255,.9);
  text-decoration: underline;
  display: inline-block;
}
.custom-right-align {
  display: flex;
  justify-content: flex-end;
}
.custom-position-absolute {
  position: absolute;
}
.info-button {
  color: #77c8d2;
  position: relative;
}
.MuiIconButton-root-149 {
  width: 35px;
  height: 35px;
  position: relative;
}
.modal-close-button {
  position: "absolute";
  right: 8px;
  top: 8px;
  font-size: 18px;
}
.integration-account-card-container {
  display: flex;
  justify-content: space-between;
  padding-left: 0;
}
.integration-account-name {
  display: flex;
  width: 150px;
  flex-direction: column;
}
.integration-account-error-message {
  display: inline-block;
  margin: auto;
  display: flex;
  width: 100%;
  justify-content: center;
}
.integration-error,.integration-account-error-message span {
  margin-left: 5px;
  color: #f3b02f;
  font-weight: 480;
}
.integration-account-error-message a {
  color: rgba(0,162,255,.9);
  text-decoration: underline;
  display: inline-block;
}
.custom-right-align {
  display: flex;
  justify-content: flex-end;
}
.custom-position-absolute {
  position: absolute;
}
.info-button {
  color: #77c8d2;
  position: relative;
}
.grid-pre-pos-position {
  position: relative;
  left: -35px;
}
.prevent-click {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 9998;
}
.modal-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-error-modal-content {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 40%;
  min-width: 550px;
  border-radius: 5px;
  font-size: 20px;
}
.integration-error-modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.integration-error-modal-header span {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  flex: 1;
}
.integration-error-modal-close-button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  color: #fff;
}
.integration-error-modal-close-button img {
  height: 30px;
  width: 30px;
}
.integration-error-modal-body {
  flex: 1;
  padding: 16px;
  padding-bottom: 0px;
  text-align: center;
  margin-bottom: 0px;
}
.integration-error-modal-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 16px 0;
}
.integration-error-modal-info p {
  margin: 8px 0;
  text-align: center;
}
.integration-error-message {
  color: red;
  margin-top: 16px;
  margin-bottom: 5px;
}
.integration-error-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.integration-error-modal-button {
  background-color: #5aa1d8;
  color: #fff;
  font-size: 20px;
  padding: 10px 25px;
  height: 40px;
  border: none;
  transition: background-color .3s;
  font-weight: bold;
}
.integration-error-modal-button:hover {
  background-color: #4f91c2;
}
.color-icon-security {
  color: #ff8a00;
  font-size: 30px;
  margin-right: 15px;
  padding: 5px;
  cursor: pointer;
  transition: background-color .3s,box-shadow .3s;
}
.color-icon-security:hover {
  background-color: #f0eeee;
  box-shadow: #e0e0e0;
  border-radius: 4px;
}
.padding-right-50 {
  padding-right: 50px;
}
.padding-right-35 {
  margin-right: 35px;
}
.align_icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.align-switch {
  display: flex;
  flex-direction: column;
}
.toast-custom {
  color: #000;
}
.canceled-text {
  color: red;
}
.modal-title-primary {
  background-color: #5aa1d8;
  color: #fff;
  text-align: center;
  padding: 12px 16px;
  border-bottom: none !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-title-primary .MuiTypography-h6,.modal-title-primary h6,.modal-title-primary .h6 {
  color: #fff;
  font-weight: 600;
  margin: 0;
}
.MuiDialogContent-root {
  text-align: center;
}
.group-toggle {
  width: 80%;
  margin: 8px auto 0;
  display: flex;
  align-items: center;
}
.modal-actions-centered {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 16px;
}
.integrations-edit-dialog-title.modal-title-primary {
  border-bottom: none;
}
.button-gray,.button-green {
  min-width: 120px;
  height: 40px;
  padding: 0 24px;
  border-radius: 60px;
  font-weight: 600;
  font-size: 14px;
}
.button-gray {
  background-color: #9ea0a3;
  color: #fff;
}
.button-gray:hover {
  background-color: #8f9194;
}
.button-green {
  background-color: #21a366;
  color: #fff;
}
.button-green:hover {
  background-color: #1c8d57;
}
.modal-actions-centered {
  display: flex;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
}
.modal-content-centered {
  text-align: center;
}
.integration-help-message {
  margin-bottom: 16px;
  padding: 30px 0 15px 0;
  font-size: 15px;
}
.integration-help-message-text {
  font-weight: 400;
  font-size: 18px;
}
.integration-help-message-link {
  color: #06c;
  text-decoration: underline;
}
.users-list-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.users-list-container .inactive {
  background: #f3f3f3;
}
.users-list-container .info-plan {
  font-size: 12px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 240px;
}
.users-list-container .info-plan .max-value {
  color: red;
}
.users-list-container p>span {
  font-size: 20px;
  color: #153f8f;
  font-family: "NoirPro-Light",sans-serif;
}
.users-list-container .buttons-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
.users-list-container .buttons-group .ticket-green-button {
  background: #77c8d2;
  color: #000;
  height: 40px;
  margin-bottom: 0px;
  font-size: 16px;
  font-family: "NoirPro-Regular",sans-serif;
}
.users-list-container .buttons-group .ticket-green-button:hover {
  background-color: rgba(160,216,223,0.3294117647);
}
.users-list-container .buttons-group .primary-button {
  background: #153f8f;
  color: #e3ecff;
  height: 40px;
  font-size: 16px;
  font-family: "NoirPro-Regular",sans-serif;
}
.users-list-container .buttons-group .primary-button:hover {
  background-color: rgba(21,63,143,.7);
}
.users-list-container .buttons-group .btn-filter {
  background-color: #5aa1d8;
  margin-left: 5px;
  padding-top: 8px;
  width: 150px;
}
.users-list-container .flex-vertical-center-space-between {
  flex-wrap: wrap;
  gap: 12px;
}
.users-list-container .flex-vertical-center-space-between>div:first-child {
  flex: 1 1 320px;
  min-width: 240px;
}
.users-list-container .flex-vertical-center-space-between>div:first-child .MuiFormControl-root {
  width: 100% !important;
  max-width: 520px;
}
.users-list-container .buttons-group .ticket-green-button,.users-list-container .buttons-group .primary-button,.users-list-container .buttons-group .btn-filter,.users-list-container .buttons-group .btn-filter-secundary {
  white-space: nowrap;
}
.users-list-container .buttons-group .btn-filter,.users-list-container .buttons-group .btn-filter-secundary {
  width: auto;
}
.users-list-container .btn-apply-filter {
  margin-top: 25px;
  background: #153f8f;
  color: #fff;
  font-size: 12px;
  height: 32px;
  width: 200px;
}
.users-list-container .btn-apply-filter:hover {
  background-color: rgba(21,63,143,.7);
}
.users-list-container .user-list-pagination span {
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 12px;
}
.users-list-container .user-list-pagination div>div>div {
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
}
.users-list-container .default-list-card-row table thead tr th {
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
}
.users-list-container .default-list-card-row table tbody tr td {
  font-size: 12px;
  color: #424752;
  font-family: "NoirPro-Regular",sans-serif;
}
.users-list-container .default-list-card-row table tbody tr td button {
  color: #153f8f;
}
@media (max-width: 1200px) {
  .users-list-container .buttons-group {
    width: 100%;
    justify-content: flex-start;
    gap: 12px;
  }
  .users-list-container .buttons-group .ticket-green-button,.users-list-container .buttons-group .primary-button,.users-list-container .buttons-group .btn-filter,.users-list-container .buttons-group .btn-filter-secundary {
    flex: 1 1 220px;
    min-width: 180px;
  }
}
@media (max-width: 768px) {
  .users-list-container .buttons-group .ticket-green-button,.users-list-container .buttons-group .primary-button,.users-list-container .buttons-group .btn-filter,.users-list-container .buttons-group .btn-filter-secundary {
    flex: 1 1 100%;
    width: 100%;
  }
}
.users-add-new-account-button {
  margin-top: 20px;
  float: left;
  color: #000;
  border-radius: 50px;
  background-color: #5aa1d8;
  width: 250px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.users-add-new-account-button:hover {
  background-color: #5aa1d8;
}
.button-user-container {
  padding-right: 18px;
}
.users-card-container {
  max-width: 100% !important;
  width: 100%;
  padding: 10px 10px 10px 10px;
}
.users-card {
  margin-top: 10px;
  margin-bottom: 10px;
}
.users-card:after {
  content: "";
  height: 1px;
  width: 98.5%;
  margin-left: 10px;
}
.users-card:last-child:after {
  border-bottom: none;
}
.users-card-root {
  padding: 0;
}
.users-card-root:last-child {
  padding-bottom: 0;
}
.users-list-user {
  font-size: 18px;
  font-weight: 400;
}
.users-list-access-level {
  font-size: 13px;
  color: rgba(0,0,0,.71);
}
.users-list-title {
  font-size: 17px;
  font-weight: 500;
  color: #5aa1d8;
}
.users-add-user-button {
  float: right;
  color: #000;
  background-color: #5aa1d8;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 3px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}
.users-add-user-button:hover {
  background-color: #5aa1d8;
}
.users-add-cancel-button {
  float: left;
  color: #5aa1d8;
  background-color: rgba(0,0,0,0);
  width: 100px;
  box-shadow: none;
}
.users-add-cancel-button:hover {
  background-color: #fff;
  border-bottom: 1px solid;
  border-color: #5aa1d8;
}
.users-checkbox {
  color: #5aa1d8 !important;
  padding: 0 5px 0 0;
}
.users-checkbox-label {
  font-size: .855rem;
}
.users-edit-button {
  background-color: #fff;
  float: right;
  color: #5aa1d8;
  font-size: 15px;
  margin-right: 5px;
  box-shadow: none;
}
.users-edit-button:hover {
  background-color: #fff;
  border-bottom: 1px solid;
  border-color: #5aa1d8;
}
.users-default-col {
  padding: 0 !important;
}
.users-marketplaces-description {
  color: #5aa1d8;
  font-size: 10px;
  margin-left: 5px;
}
.users-default-row {
  width: 100%;
}
.users-email-col {
  padding-right: 0;
}
.users-default-title {
  font-size: 17px;
  font-weight: 500;
}
.users-title-row {
  margin: 0 !important;
}
.users-paper {
  min-height: 420px;
  padding-bottom: 8px;
}
.users-paper .users-close-user-button {
  background: #77c8d2;
  color: #000;
  width: 100%;
  height: 40px;
}
.users-paper .users-close-user-button:hover {
  background: rgba(160,216,223,0.3294117647);
}
.users-paper .users-add-user-button {
  background: #153f8f;
  color: #e3ecff;
  width: 100%;
  height: 40px;
}
.users-paper .users-add-user-button:hover {
  background: rgba(21,63,143,.7);
}
.filter-actived {
  background-color: #77c8d2 !important;
  border-radius: .6rem;
  margin-left: 10px;
}
.filter-actived:hover {
  background: #334a52 !important;
}
.btn-filter-secundary {
  margin-left: 5px;
  padding-top: 8px;
  width: 150px;
}
.icon-alignment {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.icon-wrapper {
  display: inline-block;
  margin-right: 0;
}
.grid-items-new-user {
  height: auto;
  min-height: 100vh;
  padding-bottom: 3.5rem;
}
.grid-items-new-user .header-new-user {
  height: 70px;
  box-shadow: 0px 0px 8px;
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 12px;
}
@media only screen and (max-width: 1200px) {
  .grid-items-new-user .header-new-user {
    grid-template-columns: 1fr;
    height: auto;
  }
}
.grid-items-new-user .header-new-user .title-new-user span {
  font-size: 20px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
}
.grid-items-new-user .header-new-user .user-infos {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 16px;
}
.grid-items-new-user .header-new-user .user-infos .select-lang {
  border: none;
  outline: none;
  background: #fff;
}
.grid-items-new-user .header-new-user .user-infos .user-plans {
  text-align: end;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
  column-gap: 8px;
  min-width: 160px;
}
.grid-items-new-user .header-new-user .user-infos .user-plans .user-selected-plan {
  font-family: "NoirPro-Light",sans-serif;
}
.grid-items-new-user .header-new-user .user-infos .user-users-avaible {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: .5rem;
  align-items: center;
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
  text-align: center;
  min-width: 140px;
}
.grid-items-new-user .header-new-user .user-infos .user-users-avaible .user-selected-plan {
  font-family: "NoirPro-Light",sans-serif;
}
.grid-items-new-user .header-new-user .user-infos .user-update-plan {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.grid-items-new-user .header-new-user .user-infos .user-update-plan button {
  background: #77c8d2;
  color: #000;
  border-radius: .4rem;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 16px;
  white-space: nowrap;
}
.grid-items-new-user .header-new-user .user-infos .user-update-plan button:hover {
  background: rgba(160,216,223,0.3294117647);
  color: #e3ecff;
}
.grid-items-new-user .header-new-user .user-infos>div:last-child {
  display: flex;
  align-items: center;
  gap: 6px;
}
.grid-items-new-user .container-form-new-user {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  padding: 1rem;
}
.grid-items-new-user .container-form-new-user .new-user-field {
  width: 100%;
}
.grid-items-new-user .container-form-new-user .new-user-field label {
  background-color: #fff;
}
.grid-items-new-user .container-form-new-user .grid-button-profile {
  display: grid;
  grid-template-columns: 1fr 15%;
  grid-gap: 1rem;
}
@media only screen and (max-width: 1440px) {
  .grid-items-new-user .container-form-new-user .grid-button-profile {
    grid-template-columns: 1fr 25%;
  }
}
.grid-items-new-user .container-form-new-user .grid-button-profile .button-profile {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-items-new-user .container-form-new-user .grid-button-profile .button-profile button {
  background: #5aa1d8;
  color: #000;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
  border-radius: .4rem;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 16px;
}
.grid-items-new-user .container-form-new-user .grid-button-profile .button-profile button:hover {
  background-color: rgba(90,161,216,.7);
}
.grid-items-new-user .container-buttons-action {
  display: grid;
  height: auto;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  padding: 0 1rem 1rem 1rem;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .grid-items-new-user .container-buttons-action {
    grid-template-columns: 1fr;
  }
}
.grid-items-new-user .container-buttons-action .create-profile-form-button {
  background: #153f8f;
  color: #e3ecff;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
}
.grid-items-new-user .container-buttons-action .create-profile-form-button:hover {
  background-color: rgba(21,63,143,.7);
}
.grid-items-new-user .container-buttons-action .reset-profile-form-button {
  background: #5aa1d8;
  color: #000;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
}
.grid-items-new-user .container-buttons-action .reset-profile-form-button:hover {
  background-color: rgba(90,161,216,.7);
}
.grid-items-new-user .access-profile {
  display: flex;
}
.grid-items-new-user .notification-container {
  grid-column: 1/span 2;
}
.warning-expiration-password {
  padding: 1rem 2rem 0 2rem;
  color: #f26522;
}
.container-form-new-user {
  display: grid;
  grid-gap: 1rem;
}
.password-hints-row {
  grid-column: 1/-1;
  margin-top: 4px;
}
.password-hints {
  display: block;
  border-radius: 4px;
  padding: 8px 12px;
  background: #fff;
}
.password-hint {
  display: block;
  line-height: 1.4;
}
.disable-button {
  background-color: #e0e0e0 !important;
  color: #9e9e9e !important;
  box-shadow: none !important;
  cursor: not-allowed;
}
.header-profile {
  height: 70px;
  box-shadow: 0px 0px 8px;
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr 50%;
  align-items: center;
  width: 98vw;
}
@media only screen and (max-width: 1440px) {
  .header-profile {
    grid-template-columns: 1fr 50%;
  }
}
.header-profile .title-profile span {
  font-size: 20px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
}
.header-profile .user-infos {
  display: grid;
  grid-template-columns: 20% 30% 30%;
  align-items: center;
}
.header-profile .user-infos .user-plans {
  text-align: end;
  padding: 0 1rem;
  display: grid;
  grid-template-columns: 70% 1fr;
  align-items: center;
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
}
.header-profile .user-infos .user-plans .user-selected-plan {
  font-family: "NoirPro-Light",sans-serif;
  text-align: center;
  margin-left: 10px;
}
.header-profile .user-infos .user-users-avaible {
  align-items: center;
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Regular",sans-serif;
  text-align: center;
}
.header-profile .user-infos .user-users-avaible .user-selected-plan {
  font-family: "NoirPro-Light",sans-serif;
  margin-left: 10px;
}
.header-profile .user-infos .user-update-plan {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
}
.header-profile .user-infos .user-update-plan button {
  background: #77c8d2;
  color: #000;
  border-radius: .4rem;
  font-family: "NoirPro-Regular",sans-serif;
  font-size: 16px;
}
.header-profile .user-infos .user-update-plan button:hover {
  background: rgba(160,216,223,0.3294117647);
  color: #e3ecff;
}
.grid-profile-tab {
  margin-top: .3rem;
}
.grid-profile-tab button[aria-selected=false] {
  background-color: rgba(160,216,223,0.3294117647);
  box-shadow: inset 0px -1px 7px #77c8d2;
}
.grid-table-profile {
  padding: 1rem;
  color: #153f8f;
  font-size: 16px;
  font-family: "NoirPro-Light",sans-serif;
  line-height: 1.375em;
}
.grid-table-profile .grid-header-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid-table-profile .grid-header-table span {
  color: #153f8f !important;
  font-size: 12px;
  font-family: "NoirPro-Light",sans-serif;
}
.grid-table-profile .grid-header-table .user-counter {
  font-size: 12px;
  font-family: "NoirPro-Light",sans-serif;
}
.grid-table-profile table {
  color: #153f8f;
}
.grid-table-profile table thead tr th {
  font-size: 20px;
  color: #153f8f;
  font-family: "NoirPro-Light",sans-serif;
}
.grid-table-profile table tbody tr td {
  font-size: 16px;
  color: #153f8f;
  font-family: "NoirPro-Light",sans-serif;
}
.grid-table-profile table tbody tr td button span {
  font-size: 16px;
  color: #153f8f;
}
.grid-form-profile {
  width: calc(100vw - 57px);
  padding-bottom: 2rem;
  border-bottom: 1px solid;
}
.grid-form-profile .container-form-profile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  padding: 1rem;
}
.grid-form-profile .container-form-profile .profile-field {
  width: 100%;
  margin: 0;
}
.grid-form-profile .container-form-profile .profile-field label {
  background-color: #fff;
}
.grid-form-profile .container-form-profile .grid-button-profile {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.grid-form-profile .container-form-profile .grid-button-profile .button-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem 0 0;
}
.grid-form-profile .container-form-profile .grid-button-profile .button-profile button {
  background: #5aa1d8;
  color: #000;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
}
.grid-form-profile .container-form-profile .grid-button-profile .button-profile button:hover {
  background-color: rgba(90,161,216,.7);
}
.grid-form-profile .title-form-profile {
  height: 60px;
  font-size: 20px;
  color: #153f8f;
  font-family: "NoirPro-Light",sans-serif;
  display: flex;
  align-items: center;
}
.grid-form-profile .container-checks-profile {
  padding: 1rem;
}
.grid-form-profile .container-checks-profile .form-field div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 1rem;
  background: rgba(160,216,223,0.3294117647);
  border-radius: .3rem;
}
.grid-form-profile .container-checks-profile .form-field div label>span {
  color: #153f8f;
  font-size: 16px;
  font-family: "NoirPro-Light",sans-serif;
}
.grid-form-profile .container-buttons-action {
  display: grid;
  height: 50px;
  align-items: center;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  padding: 0 1rem;
  grid-gap: 1rem;
}
.grid-form-profile .container-buttons-action .create-profile-form-button {
  background: #153f8f;
  color: #e3ecff;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
}
.grid-form-profile .container-buttons-action .create-profile-form-button:hover {
  background-color: rgba(21,63,143,.7);
}
.grid-form-profile .container-buttons-action .reset-profile-form-button {
  background: #5aa1d8;
  color: #000;
  width: 100%;
  height: 42px;
  margin-top: .5rem;
}
.grid-form-profile .container-buttons-action .reset-profile-form-button:hover {
  background-color: rgba(90,161,216,.7);
}
.answer-modal-edit {
  min-width: 80vw;
  max-height: 95vh;
  height: 62vh;
  padding: 15px 15px;
  width: 80vw;
}
.default-answer-list {
  height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.modal-answer-button {
  background-color: #5aa1d8;
  border-radius: 50px;
  color: #000;
  min-width: 25%;
  outline: none;
}
.modal-delete-button {
  background-color: orange;
  border-radius: 50px;
  color: #fff;
  min-width: 25%;
  outline: none;
}
.modal-clean-button {
  background-color: #9c9c9c;
  border-radius: 50px;
  color: #e3ecff;
  min-width: 25%;
  outline: none;
}
.modal-back-button {
  background-color: #9c9c9c;
  min-width: 25%;
  outline: none;
}
.modal-confirm-button {
  background: #5aa1d8;
  min-width: 25%;
  outline: none;
}
.modal-clean-button:hover {
  background-color: #9c9c9c;
}
.modal-answer-button:hover {
  background-color: #5aa1d8;
  color: #000;
}
.label-default-answer {
  text-transform: uppercase;
}
.padding-modal-edit {
  padding: 0 15px;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #a1a1a1;
  -webkit-box-shadow: inset 0 0 6px rgba(107,107,107,.5);
}
.answer-card {
  padding-top: .6rem;
  padding-bottom: .6rem;
  border-radius: .25rem;
  padding: .5rem;
  opacity: 1;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.answer-list {
  max-height: 70vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.dragged .answer-card {
  opacity: .1;
}
.floating .answer-card {
  background-color: #fff;
  box-shadow: 0 .1rem 1rem #d3d3d3;
}
.editing {
  color: #4caf50;
}
.edit-button:hover {
  color: #4caf50;
}
.drag-button:hover {
  color: #2b4162;
}
.delete-answer-button:hover {
  color: #ff0c3e;
}
.quit-button:hover {
  color: #386ec0;
  transform: scale(1.2);
}
.quit-button {
  transition: all .2s ease-in-out;
}
.text-field {
  width: 100%;
  height: 90%;
  border-color: none;
}
.text-field:after {
  border-bottom: 2px solid #e3ecff;
}
.search-order-field {
  width: 40%;
  margin-left: 8px;
  border-color: none;
}
.search-order-field:after {
  border-bottom: 2px solid #e3ecff;
}
.margin-8 {
  margin: 8px;
}
.row-all-center {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: .6rem;
  padding-bottom: .6rem;
  border-radius: .25rem;
  border: 1px solid #ccc;
  padding: .5rem;
  opacity: 1;
  transition: all .3s ease-in-out;
  cursor: pointer;
}
.tag-list:hover {
  border: 1px solid gray;
  transition: all .3s linear;
  box-shadow: 0 4px 8px rgba(0,0,0,.1);
  background-color: rgba(255,255,220,.3);
}
.tag-limit {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-flex-row {
  display: flex;
  justify-content: flex-end;
}
.main-container {
  height: 100vh !important;
  color: #fff;
}
.box-container {
  background-color: #5aa1d8;
  color: #000 !important;
  width: 40vw;
  height: 90vh;
  border-radius: 5px;
  box-shadow: 10px 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
  padding: 6vh 2vw;
}
.body-container {
  padding: 4vh 4vw;
  margin-top: 4vh;
  text-align: center;
}
.input-link-attachment {
  width: 80%;
}
.reset-input {
  width: 100%;
  margin-top: 4vh;
  margin-bottom: 4vh;
}
.reset-finish-input {
  width: 100%;
  margin-top: 1vh;
  margin-bottom: 1vh;
}
.button-back {
  margin-top: 3vh;
  color: #e3ecff;
  background: #153f8f;
}
.button-back:hover {
  background-color: rgba(21,63,143,.7);
}
.reset-send-button {
  margin-top: 1vh;
  background-color: #77c8d2;
  border-radius: 50px;
  color: #000;
  width: 80%;
}
.reset-img {
  width: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ticket-button {
  background: #153f8f;
  color: #e3ecff;
  width: 100%;
  font-size: 12px;
  border-radius: 56px;
  outline: 0;
}
.ticket-button:hover {
  background-color: rgba(21,63,143,.7);
}
.label-datapicker {
  padding-top: 5px;
  font-size: 12px;
}
.confirm-button {
  background: #77c8d2;
  color: #000;
  border-radius: 56px;
  outline: 0;
  width: 20%;
}
.confirm-button:hover {
  background-color: rgba(160,216,223,0.3294117647);
}
.primary-button {
  background: #5aa1d8;
  color: #000;
  outline: 0;
  font-size: 12px;
}
.primary-button:hover {
  background: rgba(90,161,216,.7);
}
.drop-div {
  margin-top: -16px;
  top: -30px;
  border: 1.5px #c7c7c7 dashed;
  width: 100%;
  height: 12vh;
  cursor: pointer;
}
.display-none {
  display: none;
}
.padding-title {
  padding: 20px 24px 10px !important;
}
.secondary-button {
  background: #153f8f;
  color: #e3ecff;
  border-radius: 56px;
  outline: 0;
  font-size: 12px;
}
.secondary-button:hover {
  background: rgba(21,63,143,.7);
}
.checkbox {
  color: #5aa1d8 !important;
}
.body-chat {
  height: 53vh;
  background-color: #f4f4f4;
  padding: 7px;
  overflow-y: auto;
}
.chat-message-item {
  content-visibility: auto;
  contain-intrinsic-size: auto 96px;
}
.body-chat-shopee {
  height: 75vh;
  background-color: #f4f4f4;
  padding: 7px;
  overflow-y: auto;
}
.body-chat-email {
  background-color: rgba(244,244,244,.4);
  padding: 7px;
  box-sizing: border-box;
  width: 100%;
  height: 61vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.body-chat-message-email {
  overflow: scroll;
  min-height: 20%;
  height: 80%;
}
.no-padding-button {
  padding: 0 !important;
}
.checkbox {
  color: #5aa1d8 !important;
}
.width-45 {
  width: 45px;
}
.width-235 {
  width: 235px;
}
.width-195 {
  width: 195px;
}
.width-60 {
  width: 60px;
}
.margin-left-20 {
  margin-left: 20px;
}
.margin-left-25 {
  margin-left: 20px;
}
.margin-left-30 {
  margin-left: 30px;
}
.margin-right-20 {
  margin-right: 20px;
}
.margin-right-30 {
  margin-right: 30px;
}
.padding-list-loading {
  padding-top: 30vh;
}
.padding-order-loading {
  padding-top: 100px;
}
.padding-loading {
  padding-top: 100px;
  padding-bottom: 100px;
}
.order-list {
  overflow: scroll;
  max-height: 50vh;
  margin-top: 3vh;
}
.order-table-row {
  cursor: pointer;
}
.order-table-row:hover {
  background-color: #e0e0e0;
}
.chat-row-buyer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.chat-row-seller {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.chat-balloon {
  border-radius: 5px;
  padding: 10px;
  min-width: 35%;
  margin: 5px 2px;
  box-shadow: 0px 1px 3px rgba(0,0,0,.2),0px 2px 2px rgba(0,0,0,.12),0px 0px 2px rgba(0,0,0,.14);
  white-space: pre-wrap;
}
.chat-buyer {
  background-color: #eeddbf;
  color: #222;
  max-width: 60%;
  word-wrap: break-word;
}
.chat-seller {
  background-color: #fff;
  color: #222;
  max-width: 60%;
  word-wrap: break-word;
}
.attachment-sender-name {
  margin-top: 8px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}
.attachment-sender-name.sender-right {
  text-align: right;
}
.attachment-sender-name.sender-left {
  text-align: left;
}
.not-sended {
  background-color: #fff;
  color: #222;
  max-width: 60%;
  word-wrap: break-word;
  border: solid 3px #d21336;
}
.small-size {
  font-size: 80%;
}
.chat-mediation {
  background-color: #fff7b3;
  color: #222;
  max-width: 60%;
  word-wrap: break-word;
}
.popover-size {
  max-width: 45.5% !important;
  min-width: 35.5% !important;
}
.person-icon {
  width: 18px;
  margin-right: 2px;
  color: gray;
}
.footer-chat {
  padding-top: 5px;
}
.max-height {
  height: 100%;
}
.product-data {
  width: 50vw;
  height: 80vh;
  padding: 20px;
}
.product-list-data {
  height: 80%;
}
.data-product-image {
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
  position: absolute;
}
.data-product-image:hover {
  cursor: zoom-in;
}
.create-ticket {
  min-width: 80vw;
  max-width: 80vw;
  min-height: 500px;
  max-height: 75vh;
  padding: 20px;
}
.ticket-exist {
  min-width: 40vw;
  max-width: 40vw;
  min-height: 200px;
  max-height: 55vh;
  padding: 20px;
}
.ticket-exist-magalu {
  min-width: 40vw;
  padding: 20px;
}
.user-form {
  width: 70%;
  margin-top: 30px;
  margin-bottom: 30px;
}
.bulk-apply-modal {
  min-width: 45vw;
  max-width: 70vw;
  min-height: 200px;
  max-height: 85vh;
  padding: 20px;
}
.mock-select {
  height: 25px;
}
.clear-icon {
  padding-top: 20px !important;
}
.list-item {
  max-height: 50vh;
}
.loading-height {
  height: 95vh !important;
}
.ticket-icon {
  width: 120px;
  height: 120px;
  padding-top: 40px;
  padding-bottom: 20px;
}
.text-area-mentions {
  min-height: 100px;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
}
.text-area-mentions>span>span>label {
  color: #153f8f;
}
.text-area-mentions-small {
  min-height: 50px;
  max-width: 100%;
  margin: 1% 0;
}
.answer-box {
  margin-top: 0px;
  height: 100%;
  min-height: 230px;
  display: block;
  position: relative;
}
.answer-box-small {
  min-height: 60px !important;
}
.flex-column-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.drop-label {
  background-color: #fff;
  z-index: 0;
  margin-left: 7px;
  padding-left: 4px;
  padding-right: 4px;
  color: #5aa1d8;
  font-size: 75%;
  position: relative;
}
.answer-box__input {
  border-radius: 3px;
  padding: 18.5px 14px;
  line-height: normal;
}
.answer-box__input:focus {
  outline: none !important;
  border: 1px solid #5aa1d8;
}
.answer-box__input:focus+.label-box,.answer-box__input:not(:empty)+.label-box {
  top: -10px;
  background-color: #fff;
  z-index: 0;
  padding-left: 4px;
  padding-right: 4px;
  width: 56px;
  color: #5aa1d8;
  font-size: 75%;
  transition: all .2s ease;
}
.answer-box__suggestions {
  border: 1px solid rgba(0,0,0,.15);
  font-size: 13pt;
  margin-top: 14px !important;
  max-width: calc(100vw - 24px);
  z-index: 2500 !important;
}
.answer-box__suggestions__list {
  width: calc(100vw - 24px);
  min-width: 260px;
  max-width: 520px;
  max-height: min(180px,30vh);
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  padding-bottom: 6px;
}
.answer-box__suggestions__item--focused {
  background-color: #eef4ff;
}
.answer-box__suggestions__item {
  padding: 8px 10px;
  overflow: hidden;
  box-sizing: border-box;
}
.answer-box__suggestions_item--default-answer {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.answer-box__suggestions_item--default-answer-label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #1f2a44;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.answer-box__suggestions_item--default-answer-preview {
  display: block;
  max-width: 100%;
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  line-height: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.answer-box__suggestions_item--group {
  display: inline-flex;
  width: 100%;
}
.answer-box__suggestions_item--image {
  padding: 2px;
}
.answer-box__suggestions_item--description {
  display: block;
  margin-left: 1%;
}
.answer-box__suggestions_item--upper-description {
  font-size: 10px;
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 0px;
}
.answer-box__suggestions_item--account-name {
  margin-left: 2px;
  font-size: 10px;
  font-weight: lighter;
  margin-bottom: 0px;
}
.answer-box__suggestions_item--lower-description {
  margin-left: 2px;
  font-size: 10px;
  font-weight: lighter;
  margin-bottom: 0px;
}
.dark .answer-box__suggestions,body.dark .answer-box__suggestions {
  background-color: #212b43;
  border-color: #4f5f86;
}
.dark .answer-box__suggestions__item--focused,body.dark .answer-box__suggestions__item--focused {
  background-color: #253a66;
}
.dark .answer-box__suggestions_item--default-answer-label,body.dark .answer-box__suggestions_item--default-answer-label {
  color: #dce7ff;
}
.dark .answer-box__suggestions_item--default-answer-preview,body.dark .answer-box__suggestions_item--default-answer-preview {
  color: #9fb0cf;
}
@media (max-width: 480px) {
  .answer-box__suggestions__list {
    min-width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }
}
.label-box {
  display: block;
  position: absolute;
  top: 5px;
  left: 12px;
  color: #999;
  font-size: 16px;
  z-index: 1;
  transition: all .2s ease;
}
.chip-date {
  background-color: #5aa1d8;
  color: #000;
  font-size: 75%;
  border-radius: 5px;
  padding: 2px 10px;
}
.item-ordem-sale {
  display: flex;
  flex-direction: column;
}
.flex-direction-column {
  flex-direction: column !important;
}
.font-size-22px {
  font-size: 22px;
}
.flex-1 {
  flex: 1;
}
.audio-button {
  display: flex;
  align-items: center;
}
.audio-button-info {
  display: flex;
  color: #2b40e2;
}
.bulk-apply-batch-modal {
  min-width: 30vw;
  max-width: 70vw;
  min-height: 200px;
  max-height: 85vh;
  padding: 20px;
}
.reply-preview {
  padding: 10px 8px;
  border-left: 4px solid;
  border-radius: 6px;
  margin-bottom: 8px;
  background-color: #f3f3f3;
  max-height: 200px;
  font-size: .9rem;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.reply-seller {
  border-color: #3b82f6;
}
.reply-buyer {
  border-color: #facc15;
}
.margin-10 {
  margin: 10px;
}
.padding-15 {
  padding: 15px;
}
.reply-preview img,.reply-preview video {
  max-width: 100%;
  max-height: 180px;
  object-fit: cover;
  border-radius: 4px;
}
.reply-map {
  max-width: 100px;
  max-height: 100px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reply-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
  border-radius: 4px;
}
.attachments-alert {
  font-weight: 100;
  font-size: 80%;
  color: #1c2f76;
  margin-top: 10px;
}
.attachments-alert:hover {
  text-decoration: underline;
  cursor: pointer;
}
.attach-image {
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
}
.space-row-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.delete-attachment:hover {
  color: #000;
  font-weight: 500;
}
.row-size {
  min-height: 100px;
}
.attachment-file-name-container {
  min-width: 0;
  overflow: hidden;
}
.attachment-file-name {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-status .breadcrumb {
  padding: 10px 10px;
  list-style: none;
  background-color: rgba(0,0,0,0);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.dashboard-status ul.breadcrumb li {
  display: inline;
  width: 18px;
  height: 18px;
  color: #616a71;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  font-size: 13px;
}
.dashboard-status .next_status {
  padding-right: 28px;
  padding-left: 80px;
  font-size: 16px;
  font-weight: 700;
  color: #153f8f;
}
.dashboard-status ul.breadcrumb li a {
  color: #153f8f;
  text-decoration: none;
  width: 18px;
  height: 18px;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
  font-size: 13px;
}
.dashboard-status ul.breadcrumb li a:hover {
  color: #153f8f;
  text-decoration: underline;
}
.dashboard-status .button_status {
  background-color: rgba(0,0,0,0);
  border-color: rgba(0,0,0,0);
  position: relative;
  left: 16px;
  bottom: 10px;
  padding: 0px;
}
.dashboard-status .button_status .button_help_status {
  color: #77c8d2;
  position: relative;
  left: 0px;
  top: -4px;
  font-size: 22px;
}
.dashboard-status #app-bar {
  display: flex;
  align-items: flex-start;
  min-height: 100%;
  background-color: #fff;
  box-shadow: none;
}
.dashboard-status #tab {
  color: #153f8f;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  text-transform: capitalize;
  text-align: center;
}
.dashboard-status .inactive-tab {
  color: #b2bcc2 !important;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 125%;
  text-transform: capitalize;
}
.dashboard-status .tab-absence-tab-border-top {
  border-top: #b2bcc2 solid 1px;
  margin-top: -1.9px;
}
.dashboard-status .check_circle {
  color: #038900;
  font-size: 16px;
}
.dashboard-status .status-marketplace {
  display: flex;
  font-weight: 800;
  flex-direction: row;
  align-items: center;
  margin-top: 40px;
  padding: 17px 628px 17px 16px;
  gap: 8px;
  width: 100%;
  height: 54px;
  background: #daf8d9;
  border: 1px solid #04b400;
  color: #038900;
  border-radius: 8px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.dashboard-status .icons_config {
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
}
.dashboard-status .config_word {
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  padding: 0px 20px 10px 4px;
  color: #616a71;
  position: relative;
  bottom: 4px;
}
.dashboard-status .error_outline {
  color: #ffb800;
  font-size: 16px;
  height: 14,5px;
}
.dashboard-status .cancel {
  color: #d90000;
  font-size: 16px;
  height: 16px;
}
.dashboard-status .construction {
  color: #153f8f;
  font-size: 16px;
  height: 16px;
}
.history_title {
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #153f8f;
  padding-top: 30px;
  padding-right: 100px;
}
.history_status {
  display: flex;
  bottom: 44px;
  border-bottom: 1px solid #b2bcc2;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #616a71;
}
.button_text {
  color: #616a71;
}
.button_expand {
  color: #616a71;
}
.div_none {
  display: flex;
}
.status-calendar {
  display: flex;
  margin-top: 16px;
  margin-bottom: 8px;
  width: 300px;
  height: 30px;
  bottom: 44px;
  left: 78%;
}
.datepicker_status {
  width: 14vw;
  margin: none;
}
.history_error {
  display: flex;
  bottom: 44px;
  font-size: 10px;
  border-bottom: 1px solid #b2bcc2;
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #616a71;
}
.history_marketplace {
  font-family: "Poppins",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  color: #153f8f;
  padding-top: 30px;
  padding-right: 100px;
}
.text_error {
  font-family: "Poppins",sans-serif;
  color: #ff8a00;
  font-weight: 700;
  padding-top: 8px;
  font-style: normal;
}
.text_resolve {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 10px;
  color: #038900;
  width: 92px;
  height: 33px;
  background: #daf8d9;
  border: 1px solid #04b400;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.data_history {
  color: #616a71;
}
.text_status {
  position: relative;
  padding-left: 4px;
}
.check_circle_expansion {
  position: relative;
  color: #038900;
  font-size: 16px;
  left: 6%;
  top: 2.5px;
}
.error_outline_expansion {
  position: relative;
  color: #ffb800;
  font-size: 16px;
  left: 6%;
  top: 2.5px;
}
.legal-stage-toolbar {
  min-height: 40px;
}
.legal-stage-table-row {
  height: 35px;
}
.text-justify {
  font-size: 12px;
  text-align: justify;
}
.legal-stage-table-cell {
  padding: 0 0px 0 0px;
  color: #000;
  font-family: "NoirPro-Light",sans-serif;
  font-size: 12px;
}
.legal-stage-table-cell:last-child {
  padding-right: 0px;
}
.cell-checkbox {
  width: 20px !important;
  padding: 0px !important;
}
.root-reputations {
  margin-top: 20px;
  overflow-x: auto;
  width: 100%;
}
.table-reputation {
  min-width: 700;
}
.form-control-center {
  display: flex;
}
.margin-left02 {
  margin-left: 2%;
}
.center-table {
  display: flex;
  justify-content: center;
}
.space-around {
  display: flex;
  justify-content: space-around;
  width: 60%;
  margin: auto;
}
.title-reputation {
  padding-left: 1%;
  padding-top: 1%;
  font-weight: 500;
  color: #5aa1d8;
}
.padding05 {
  padding-left: .5%;
  padding-top: .5%;
}
.padding0 {
  padding: 0 !important;
}
.table-row {
  cursor: pointer;
}
.displayNone {
  display: none;
}
.title {
  font-size: 14;
}
.card-style {
  border: 1px solid #ccc;
  border-radius: 4px;
}
.font600 {
  font-weight: 600;
}
.card-mercado-livre {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10em;
  padding-right: 10em;
}
.card-magalu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10em;
  padding-right: 10em;
}
.cardB2W {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10em;
  padding-right: 10em;
}
.scroll-table {
  max-height: 40em;
  overflow: hidden;
  overflow-y: scroll;
}
.class-path {
  height: .6em;
  width: 2.5em;
  opacity: .2;
}
.opacity1 {
  opacity: 1;
}
.colorSalmao {
  background-color: #ffb657;
}
.colorRed {
  background-color: #f23d4f;
}
.colorYellow {
  background-color: #fef211;
}
.colorLightGreen {
  background-color: #aeef1b;
}
.colorDarkGreen {
  background-color: #00a650;
}
.centerTdReputation {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.colorIcon {
  color: #23cdd5;
}
.widthSelect {
  width: 11em;
}
.widthInputConta {
  width: 17em;
}
.dialog-reputation-padding-0 {
  padding: 0px 0px 0px 0px !important;
}
.color-green {
  color: green;
}
.margin-left-1em {
  margin-left: 1em;
}
.font-size-14 {
  font-size: 14px;
}
.font700 {
  font-weight: 700;
}
.background-white-reputation {
  background-color: #fff;
  white-space: nowrap;
}
.line_heigth_2 {
  line-height: 2;
}
.not_found_dasta {
  margin-top: 2em;
  display: flex;
  justify-content: center;
  font-size: 18px;
}
.color-title-table {
  background-color: #dbe7ff;
}
.color-title-head {
  color: #153f8f;
}
.reputation-note {
  margin-left: -20px;
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 10px;
}
.span-reputation {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.color-title {
  color: #153f8f;
  font-weight: 600;
}
.table-wrapper {
  display: flex;
}
.table-content {
  flex-grow: 1;
  overflow-x: auto;
}
.font-size-14 {
  font-size: 14px;
}
.table-row-historic :nth-child(1) {
  font-size: 14px;
  width: 40%;
}
.table-row-historic :nth-child(1).span-historic {
  color: #153f8f;
  font-weight: 500;
}
.table-row-historic :nth-child(1).span-historic span {
  padding-left: 2em;
}
.table-row-historic :nth-child(1).span-historic-bold {
  font-weight: 700;
}
.table-row-historic :nth-child(2) {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 20%;
}
.table-row-historic :nth-child(3) {
  border-right: 1px solid #ccc;
  width: 20%;
}
.table-row-historic :nth-child(4) {
  border-right: 1px solid #ccc;
  width: 20%;
}
.table-row-historic .cell-historic-title {
  background-color: #dbe7ff;
  font-weight: 500;
}
.table-row-historic .span-historic-title {
  color: #153f8f;
  font-size: 15px;
}
.margin-left-negativa-1 {
  margin-left: 1%;
}
.margin-left-positiva-1 {
  margin-left: 1%;
}
.font-bold {
  font-weight: bold;
}
.margin_top_2 {
  margin-top: 2%;
}
.margin_top_3 {
  margin-top: 3%;
}
.margin-top-1-dash {
  margin-top: 1% !important;
}
.div-filter {
  width: 99%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.selected {
  background-color: #5aa1d8;
  color: #fff;
}
.padding-button {
  border-radius: 3px;
  padding: 3px 7px;
}
.margin_bottom_3em {
  margin-bottom: 3em;
}
.circular-progress {
  display: flex;
  justify-content: center;
  margin-top: 3em;
}
.padding-1 {
  padding: 1%;
  padding-top: 0;
}
.widthSelect-dash {
  width: 14em;
}
.margin-left-0 {
  margin-left: 0 !important;
}
.display-column {
  display: flex;
  flex-direction: column;
}
.button-new-dashboard {
  position: absolute;
  top: 0;
  right: 1%;
  margin: 0;
}
.max-height-22 {
  max-height: 22em;
}
.max-height-22::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.max-height-22::-webkit-scrollbar {
  width: 6px;
  background: #f4f4f4;
}
.max-height-22::-webkit-scrollbar-thumb {
  background: #dad7d7;
}
.button-arrow:hover {
  background-color: rgba(0,0,0,0) !important;
  color: inherit !important;
}
.button-arrow:active {
  background-color: rgba(0,0,0,0) !important;
  color: inherit !important;
}
.sem-quebra {
  display: flex;
  align-items: center;
}
.font-size-20 {
  font-size: 20px !important;
}
.pading-left-0 {
  padding-left: 0 !important;
}
.tab-dash {
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
}
.filter-dash {
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  border-top: 1px solid rgba(0,0,0,.1);
  padding-bottom: 3rem;
}
.select-account {
  display: flex !important;
  margin-right: -15px !important;
  flex-wrap: nowrap !important;
}
.select-account-type {
  display: flex !important;
  margin-right: -15px !important;
  flex-wrap: nowrap !important;
  grid-gap: 2rem;
}
.select-dash-filter-options {
  display: flex;
  grid-gap: 2rem;
  padding: .5rem 1rem .5rem 1rem;
  align-items: center;
}
.button_config .button_help {
  color: #77c8d2;
  font-size: 19px;
}
.table-head-align {
  padding: 0 !important;
  font-weight: bold;
  white-space: nowrap;
  border-left: solid 1px #ccc;
}
.display-grid {
  display: grid;
  grid-template-columns: 1fr auto;
}
.display-flex-row {
  display: flex;
  flex-direction: row;
}
.new-dashboard-body {
  margin-top: 1.5rem;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.margin-right15 {
  margin-right: 15px;
}
.alinhar-coluns-div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.max-height10 {
  height: 10em;
  max-height: 10em;
}
.height-max-responsive {
  max-height: 30em;
  overflow: overlay;
  overflow-x: clip;
}
@media (max-width: 1708px) {
  .height-max-responsive {
    max-height: 25em;
  }
}
@media (max-width: 1408px) {
  .height-max-responsive {
    max-height: 20em;
  }
}
@media (max-width: 1208px) {
  .height-max-responsive {
    max-height: 15em;
  }
}
.height-max-responsive::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.height-max-responsive::-webkit-scrollbar {
  width: 6px;
  background: #f4f4f4;
}
.height-max-responsive::-webkit-scrollbar-thumb {
  background: #dad7d7;
}
.height17 {
  height: 17em;
}
.retira-classe-expansion {
  padding: 0 !important;
  display: block !important;
  margin-top: -20px !important;
}
.align-center {
  align-items: center;
}
.margin-right-8 {
  margin-right: -8px !important;
}
.margin-top-bottom-20 {
  margin-top: -20px;
  margin-bottom: 20px;
}
.fundo-espacamento {
  background-color: #e4e5e6;
  height: 10px;
}
.margin-pedido-chat {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
}
.tabs-background-white {
  background-color: #fff !important;
  display: flex !important;
  justify-content: space-around !important;
}
.none-box-shadow {
  box-shadow: none !important;
}
.padding-typography {
  padding: 25px 0px 0px 0px !important;
}
.invoice-key-empty {
  display: flex;
  justify-content: center;
  margin-bottom: 3em;
  margin-top: 3em;
}
.margin-left-05-em {
  margin-left: 5em;
}
.span-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.sem-pedido {
  margin: auto;
}
.sem-pedido-position {
  height: 25em;
  display: flex;
}
.margin-chat {
  margin-right: 1em;
  margin-bottom: .5em;
  margin-left: -1em;
}
.grid-pedidos {
  display: grid;
  grid-template-rows: min-content;
}
.width-15 {
  width: 15%;
}
.display-flex {
  display: flex;
}
.margin-left-10 {
  margin-left: 10px;
}
.border-hr {
  border-top: 1px solid #575757;
  margin-top: 2%;
}
.margin-bottom-2 {
  margin-bottom: 2%;
}
.display-end {
  display: flex;
  justify-content: end;
}
.margin-top-2 {
  margin-top: 2%;
}
.font-bold {
  font-weight: bold;
}
.button-accept {
  color: #fff;
  margin-left: 16px;
  background: #ee4d2d;
  margin-top: 2%;
}
.button-rejected {
  color: #333;
  border: 1px solid #e5e5e5;
  background: #fff;
  margin-top: 2%;
}
.btn-edit-name {
  padding-left: 5px;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-radius: 0px;
  margin-bottom: 5px;
}
.input-name {
  width: 100%;
  padding: 0 0 0 0 !important;
}
.MuiInputBase-input-190 {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0px 0px 3px 0px;
  display: block;
  min-width: 0;
  box-sizing: content-box;
  background: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.ticket-chat-header-container {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  margin-bottom: 1rem;
}
.ticket-chat-logo {
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket-chat-logo img {
  width: 60px !important;
}
.ticket-chat-info {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-left: 1.5rem;
}
@media (max-width: 900px) {
  .ticket-chat-info {
    flex-direction: column;
    gap: .5rem;
    margin-left: 0;
  }
  .ticket-chat-info .row {
    flex-direction: column;
    gap: .5rem;
  }
}
.ticket-chat-api-info {
  grid-column: 3;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
}
.ticket-chat-group-buttons {
  grid-column: 4;
  display: flex;
  align-items: center;
  gap: 0;
}
.ticket-chat-tag-container {
  grid-column: 1/-1;
  margin: 0 0 1rem 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ticket-chat-info-container {
  display: flex;
  gap: 1rem;
}
.img-product-list {
  width: 60px;
  height: 70px;
  margin-right: 10px;
  flex-shrink: 0;
}
.btn-product-send {
  padding-top: 0px;
  padding-bottom: 0px;
}
.btn-details-product {
  color: #5aa1d8;
  border: 1px solid;
  padding: 0px 7px;
  background-color: #fff;
}
.item-list-product {
  padding: 15px 0px;
}
.product-list-shopee {
  width: 100%;
  min-width: 0;
}
.product-list-shopee__search {
  width: 100% !important;
  margin-top: 10px !important;
}
.product-list-shopee__pagination {
  width: 100%;
  font-weight: 700;
}
.product-list-shopee__pagination .MuiTablePagination-toolbar {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap !important;
  row-gap: 8px;
  padding-left: 0;
  padding-right: 0;
}
.product-list-shopee__pagination .MuiTablePagination-spacer {
  display: none;
}
.product-list-shopee__pagination .MuiTablePagination-selectLabel {
  margin: 0 8px 0 0;
  white-space: nowrap;
}
.product-list-shopee__pagination .MuiTablePagination-input {
  margin-right: 0;
}
.product-list-shopee__pagination .MuiTablePagination-displayedRows {
  display: none;
}
.product-list-shopee__pagination .MuiTablePagination-actions {
  margin-left: 0;
  flex: 0 0 auto;
  display: flex !important;
  visibility: visible;
  opacity: 1;
}
.product-list-shopee__paginationActions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}
.product-list-shopee__total {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 8px;
}
.product-list-shopee__itemMain {
  align-items: flex-start;
  min-width: 0;
  width: 100%;
}
.product-list-shopee__name {
  min-width: 0;
  flex: 1;
}
.product-list-shopee__nameText {
  display: block;
  white-space: normal;
  word-break: break-word;
  line-height: 1.3;
}
.product-list-shopee__actions {
  padding-top: 10px !important;
}
.product-list-shopee__actionsButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.product-list-shopee__actionBtn {
  white-space: nowrap;
}
@media (max-width: 900px) {
  .product-list-shopee__actionsButtons {
    justify-content: flex-start;
  }
}
@media (max-width: 520px) {
  .product-list-shopee__actionsButtons {
    flex-direction: column;
  }
  .product-list-shopee__actionBtn {
    width: 100%;
  }
}
.select-count {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  background-color: #e3ecff;
  padding: 10px;
  flex-wrap: wrap;
}
.btn-product-cancel-send {
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  background-color: #979595;
}
.group-notification-message {
  font-size: .9rem !important;
  color: #666 !important;
  text-align: center !important;
  opacity: .8 !important;
}
.group-notification-message .group-notification-text,.group-notification-text {
  font-style: italic !important;
  color: #666 !important;
}
.group-notification-text-clickable {
  text-decoration: none !important;
}
.group-notification-text-clickable:hover {
  text-decoration: underline !important;
}
.create-reason-btn {
  background-color: #9c9c9c;
  color: #e3ecff;
  height: 30px;
}
.create-reason-btn:hover {
  background-color: #cecdcd;
}
.reason-div-search {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
}
.padding-left-right {
  padding-left: 100px;
  padding-right: 200px;
}
.padding-30 {
  padding: 30px;
}
.padding-30 .integrations-list-title {
  font-size: 22px;
}
.padding-0 {
  padding: 0px;
}
.paddingTop-5 {
  padding-top: 5px;
}
.div-btn-create-reason {
  flex-direction: column;
  display: flex;
  justify-content: end;
}
.hr-reason {
  margin-left: 100px;
  margin-right: 200px;
  background: #cfd1d6;
  color: #cfd1d6;
  border-color: #cfd1d6;
  height: 2px;
}
.icon-add-create {
  background-color: #e3ecff;
  color: #9c9c9c;
  height: 15px;
  width: 15px;
  margin-right: 15px;
  border-radius: 0px;
  padding: 5px;
}
.icon-add-create svg {
  height: 15px;
  width: 15px;
}
.icon-add-reason {
  background-color: #e3ecff;
  color: #5aa1d8;
  height: 18px;
  width: 18px;
  border-radius: 0px;
  padding: 5px;
}
.icon-add-reason svg {
  height: 18px;
  width: 18px;
}
.icon-add-sub-reason {
  background-color: #9c9c9c;
  color: #e3ecff;
  height: 18px;
  width: 18px;
  border-radius: 0px;
  padding: 5px;
}
.icon-add-sub-reason svg {
  height: 18px;
  width: 18px;
}
.icon-reason {
  height: 18px;
  width: 18px;
  border-radius: 0px;
  padding: 5px;
  color: #f6f6f6;
}
.icon-reason svg {
  height: 20px;
  width: 20px;
}
.icon-sub-reason {
  height: 18px;
  width: 18px;
  border-radius: 0px;
  padding: 5px;
}
.icon-sub-reason svg {
  height: 20px;
  width: 20px;
}
.icon-add:hover {
  background-color: #e3ecff;
}
.reason-panel {
  background-color: #5aa1d8;
  margin: 0px;
  border-left: none;
  border-right: none;
}
.reason-panel .MuiExpansionPanelSummary-expandIcon-298 {
  right: auto;
}
.name-reason {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding-right: 10px;
}
.description-reason {
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  padding-left: 5px;
}
.sub-reason {
  background-color: #f6f6f6;
  margin: 0px;
}
.checkbox-modulo {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-left: 25px;
}
.div-btn-actions {
  padding-right: 60px;
  display: flex;
  justify-content: end;
  padding-bottom: 20px;
}
.div-btn-actions-reason {
  padding-right: 60px;
  display: flex;
  justify-content: end;
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn-create {
  background-color: #5aa1d8;
  margin-left: 10px;
}
.btn-cancel {
  background-color: #9c9c9c;
  margin-right: 10px;
}
.btn-icon {
  width: 30px;
  height: 30px;
  min-width: 40px;
}
.div-sub-reason-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-left: 0px;
  padding-right: 0px;
}
.sub-reason-nv2 {
  margin: 0px;
  right: auto;
}
.description-sub-reason {
  color: #958e8e;
  padding-left: 5px;
}
.my-padding-title {
  padding-left: 100px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.style-title {
  font-size: 22px;
  font-weight: 500;
  color: #5aa1d8;
}
.switch-actived {
  max-height: 30px;
}
.checkbox-type {
  padding-right: 5px;
  padding-left: 25px;
}
.new-reason-ticket {
  background-color: #9c9c9c;
  color: #e3ecff;
  height: 25px;
  font-weight: 900;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 12px;
}
.col-ticket-reason {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.description-select-ticket-reason {
  color: #958e8e;
  height: 40px;
  background-color: #e4e4e4;
  align-items: center;
  display: flex;
  justify-content: center;
}
.input-description {
  padding-left: 15px;
  padding-right: 60px;
}
.widht-600 {
  width: 600px;
}
.expanded-details {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.widht-90 {
  width: 90%;
  min-width: 220px;
}
.input-reason {
  padding: 0px 25px 30px 30px;
}
.display-flex {
  display: flex;
}
.padding-right-10 {
  padding-right: 10px;
}
.padding-left-30 {
  padding-left: 30px;
}
.panel-summary-dash {
  display: flex;
  width: 100%;
  padding: 0px;
  margin: 0px 0 !important;
  padding-right: 0px !important;
}
.panel-summary-dash .MuiExpansionPanelSummary-content-499 {
  margin: 0px 0;
}
.table-dash {
  display: flex;
  padding: 10px 0px 10px 0px;
  width: 100% !important;
}
.padding-left-20 {
  padding-left: 20px;
}
.align-item-dash {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}
.btn-row {
  max-width: 50px;
}
.align-name-reason-dash {
  display: flex;
  align-items: center;
}
.height-item-table {
  min-height: 45px;
  height: 45px;
}
.display-table-reason {
  display: contents;
}
.text-select-ticket-reason {
  text-transform: uppercase;
  padding-top: 10px;
  font-size: 13px;
}
.div-select-ticket-reason {
  display: flex;
  justify-content: space-between;
  max-height: 30px;
}
.conversion-chip__wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.conversion-chip-button {
  border-radius: 60px;
  font-weight: 800;
  transition: background-color .3s ease;
  padding: 4px 10px;
  background-color: #dcf9e9;
  text-transform: none;
  border: none;
}
.conversion-chip-button:hover {
  background-color: #c8e4d5;
}
.conversion-chip-button.MuiButton-outlined {
  background-color: #d3e4db;
}
.conversion-chip-button .MuiButton-label {
  color: #43774e;
  font-size: 11px;
  font-weight: 600;
}
.conversion-chip__text {
  font-size: .875rem;
  color: #43774e;
}
.customer-sentiment__copilot {
  margin-top: 10px;
}
.customer-sentiment__headerRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.customer-sentiment__title {
  font-weight: 700;
  font-size: 14px;
  color: #2c5aa0;
}
.customer-sentiment__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.customer-sentiment__badgeText {
  line-height: 1;
}
.customer-sentiment__badge--positive {
  background: #eaf7ef;
  color: #2c7a4b;
  border-color: #cfeedd;
}
.customer-sentiment__badge--neutral {
  background: #eef3ff;
  color: #365db5;
  border-color: #d9e4ff;
}
.customer-sentiment__badge--negative {
  background: #fdecec;
  color: #b93838;
  border-color: #f8cfcf;
}
.customer-sentiment__subtitle {
  margin-top: 10px;
  font-size: 13px;
  color: #2f3a4a;
}
.customer-sentiment__subtitleValue {
  font-weight: 600;
}
.customer-sentiment__lastAnalysis {
  margin-top: 4px;
  font-size: 12px;
  color: #6b778c;
}
.customer-sentiment__section {
  margin-top: 14px;
}
.customer-sentiment__sectionTitle {
  font-size: 13px;
  font-weight: 700;
  color: #2f3a4a;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.customer-sentiment__sectionIcon {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.customer-sentiment__sectionIcon--sentiment {
  color: #ff5b7f;
}
.customer-sentiment__sectionIcon--conversation {
  color: #4b63ff;
}
.customer-sentiment__box {
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #4b5565;
  white-space: pre-line;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.customer-sentiment__box--softRed,.customer-sentiment__box--sentiment {
  background: rgba(255,91,127,.06);
  border: 1px solid rgba(255,91,127,.15);
}
.customer-sentiment__box--softBlue,.customer-sentiment__box--conversation {
  background: rgba(75,99,255,.06);
  border: 1px solid rgba(75,99,255,.15);
}
.customer-sentiment__summaryText {
  color: #4b5565;
  font-size: 13px;
  line-height: 1.45;
  white-space: pre-line;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.customer-sentiment__loadingText {
  font-size: 13px;
  color: #6b778c;
  margin-bottom: 8px;
}
.customer-sentiment__error {
  font-size: 13px;
  color: #6b778c;
  margin-top: 8px;
}
.customer-sentiment__panelBody {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding-right: 30px;
  box-sizing: border-box;
}
.customer-sentiment__actions {
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 16px;
  min-width: 0;
}
.customer-sentiment__newAnalysisBtn {
  background: #eef3ff !important;
  color: #4b63ff !important;
  border-radius: 12px !important;
  text-transform: none !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  box-shadow: none !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.customer-sentiment__newAnalysisBtn:disabled {
  background: #f0f0f0 !important;
  color: #bdbdbd !important;
  opacity: .55;
  cursor: not-allowed;
}
.customer-sentiment__newAnalysisBtn:hover {
  background: #dfeaff;
  box-shadow: none;
}
.customer-sentiment__newAnalysisBtn:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.customer-sentiment__cooldownInfo {
  margin-top: 6px;
  font-size: 12px;
  color: #93a0b5;
  text-align: right;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.customer-sentiment__mainPanel {
  box-shadow: none !important;
  border-radius: 10px !important;
  border: none !important;
  overflow: hidden;
}
.customer-sentiment__mainPanel::before {
  display: none;
}
.customer-sentiment__mainPanel--collapsed {
  background: #fff;
}
.customer-sentiment__mainSummary {
  min-height: 74px !important;
  padding: 12px 14px !important;
}
.customer-sentiment__mainSummary .MuiExpansionPanelSummary-content {
  margin: 0 !important;
}
.customer-sentiment__mainSummaryContent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.customer-sentiment__collapsedBadgeRow {
  display: flex;
  align-items: center;
}
.customer-sentiment__collapsedLoading {
  font-size: 12px !important;
  color: #6b778c !important;
}
.customer-sentiment__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0);
  font-weight: 600;
  line-height: 1;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}
.customer-sentiment__badgeText {
  line-height: 1;
  white-space: nowrap;
}
.customer-sentiment__badge--lvl5 {
  background: rgba(46,204,113,.12);
  color: #1e8e4e;
  border-color: rgba(46,204,113,.28);
}
.customer-sentiment__badge--lvl4 {
  background: rgba(46,204,113,.08);
  color: #1f7a45;
  border-color: rgba(46,204,113,.22);
}
.customer-sentiment__badge--lvl3 {
  background: rgba(255,149,0,.12);
  color: #d97706;
  border-color: rgba(255,149,0,.28);
}
.customer-sentiment__badge--lvl2 {
  background: rgba(255,159,67,.12);
  color: #e66a00;
  border-color: rgba(255,159,67,.28);
}
.customer-sentiment__badge--lvl1 {
  background: rgba(231,76,60,.12);
  color: #c0392b;
  border-color: rgba(231,76,60,.28);
}
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/
:root,[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #e4e5e6;
  --bs-body-bg-rgb: 228, 229, 230;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.15rem;
  --bs-border-radius-sm: 0.1rem;
  --bs-border-radius-lg: 0.125rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110, 168, 254;
  --bs-link-hover-color-rgb: 139, 185, 254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,*::before,*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,.h1 {
    font-size: 2.5rem;
  }
}
h2,.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,.h2 {
    font-size: 2rem;
  }
}
h3,.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,.h3 {
    font-size: 1.75rem;
  }
}
h4,.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,.h4 {
    font-size: 1.5rem;
  }
}
h5,.h5 {
  font-size: 1.25rem;
}
h6,.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,ul {
  padding-left: 2rem;
}
ol,ul,dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,ul ul,ol ul,ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,strong {
  font-weight: bolder;
}
small,.small {
  font-size: 0.875em;
}
mark,.mark {
  padding: .1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,code,kbd,samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a>code {
  color: inherit;
}
kbd {
  padding: .1875rem .375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .1rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,tbody,tfoot,tr,td,th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,button,select,optgroup,textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,[type=button],[type=reset],[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend+* {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote>:last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,.container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,.container-sm,.container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,.container-md,.container-sm,.container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,.container-lg,.container-md,.container-sm,.container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-0.5*var(--bs-gutter-x));
  margin-left: calc(-0.5*var(--bs-gutter-x));
}
.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,.gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,.gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,.gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,.gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,.gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,.gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,.gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table>tbody {
  vertical-align: inherit;
}
.table>thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width)*2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem;
}
.table-bordered>:not(caption)>* {
  border-width: var(--bs-border-width) 0;
}
.table-bordered>:not(caption)>*>* {
  border-width: 0 var(--bs-border-width);
}
.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0;
}
.table-borderless>:not(:first-child) {
  border-top-width: 0;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns>:not(caption)>tr>:nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover>tbody>tr:hover>* {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: .5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: .25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: rgba(0,0,0,0);
  border: solid rgba(0,0,0,0);
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: .5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.form-select[multiple],.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: rgba(0,0,0,0);
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: .25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label {
  cursor: default;
  opacity: .5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled]+.btn,.btn-check:disabled+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: rgba(0,0,0,0);
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #e4e5e6,0 0 0 .25rem rgba(13,110,253,.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #e4e5e6,0 0 0 .25rem rgba(13,110,253,.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: rgba(0,0,0,0);
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: rgba(0,0,0,0);
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: rgba(0,0,0,0);
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: rgba(0,0,0,0);
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid rgba(0,0,0,0);
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none;
  }
}
.form-floating>.form-control,.form-floating>.form-control-plaintext {
  padding: 1rem .75rem;
}
.form-floating>.form-control::placeholder,.form-floating>.form-control-plaintext::placeholder {
  color: rgba(0,0,0,0);
}
.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating>.form-control:-webkit-autofill,.form-floating>.form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}
.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>.form-control:-webkit-autofill~label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after {
  position: absolute;
  inset: 1rem .375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating>textarea:disabled~label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating>.form-control-plaintext~label {
  border-width: var(--bs-border-width) 0;
}
.form-floating>:disabled~label,.form-floating>.form-control:disabled~label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group>.form-control,.input-group>.form-select,.input-group>.form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group>.form-control:focus,.input-group>.form-select:focus,.input-group>.form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text,.input-group-lg>.btn {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text,.input-group-sm>.btn {
  padding: .25rem .5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg>.form-select,.input-group-sm>.form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1*var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1%27/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center,center right 2.25rem;
  background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em;
}
.was-validated .input-group>.form-control:not(:focus):valid,.input-group>.form-control:not(:focus).is-valid,.was-validated .input-group>.form-select:not(:focus):valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.input-group>.form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center,center right 2.25rem;
  background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em;
}
.was-validated .input-group>.form-control:not(:focus):invalid,.input-group>.form-control:not(:focus).is-invalid,.was-validated .input-group>.form-select:not(:focus):invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.input-group>.form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family:  ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible+.btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked+.btn,:not(.btn-check)+.btn:active,.btn:first-child:active,.btn.active,.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked+.btn:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn:first-child:active:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible+.btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,.btn.disabled,fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,.btn-group-lg>.btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,.btn-group-sm>.btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid rgba(0,0,0,0);
  border-bottom: 0;
  border-left: .3em solid rgba(0,0,0,0);
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid rgba(0,0,0,0);
  border-bottom: .3em solid;
  border-left: .3em solid rgba(0,0,0,0);
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid rgba(0,0,0,0);
  border-right: 0;
  border-bottom: .3em solid rgba(0,0,0,0);
  border-left: .3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid rgba(0,0,0,0);
  border-right: .3em solid;
  border-bottom: .3em solid rgba(0,0,0,0);
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgba(0,0,0,0);
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: rgba(0,0,0,0);
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow:  ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group>.btn,.btn-group-vertical>.btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group>:not(.btn-check:first-child)+.btn,.btn-group>.btn-group:not(:first-child) {
  margin-left: calc(-1*var(--bs-border-width));
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn-group:not(:last-child)>.btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn,.btn-group>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
  width: 100%;
}
.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) {
  margin-top: calc(-1*var(--bs-border-width));
}
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn,.btn-group-vertical>.btn-group:not(:first-child)>.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight:  ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.nav-link.disabled,.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1*var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid rgba(0,0,0,0);
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1*var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid rgba(0,0,0,0);
}
.nav-underline .nav-link:hover,.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill>.nav-link,.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified>.nav-link,.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content>.tab-pane {
  display: none;
}
.tab-content>.active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar>.container,.navbar>.container-fluid,.navbar>.container-sm,.navbar>.container-md,.navbar>.container-lg,.navbar>.container-xl,.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight:  ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,.navbar-text a:hover,.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: rgba(0,0,0,0);
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0,0,0,0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: rgba(0,0,0,0) !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color:  ;
  --bs-card-subtitle-color:  ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow:  ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color:  ;
  --bs-card-height:  ;
  --bs-card-color:  ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card>hr {
  margin-right: 0;
  margin-left: 0;
}
.card>.list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card>.card-header+.list-group,.card>.list-group+.card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5*var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5*var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1*var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5*var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5*var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5*var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,.card-img-top,.card-img-bottom {
  width: 100%;
}
.card-img,.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group>.card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group>.card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group>.card:not(:last-child)>.card-img-top,.card-group>.card:not(:last-child)>.card-header {
    border-top-right-radius: 0;
  }
  .card-group>.card:not(:last-child)>.card-img-bottom,.card-group>.card:not(:last-child)>.card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group>.card:not(:first-child)>.card-img-top,.card-group>.card:not(:first-child)>.card-header {
    border-top-left-radius: 0;
  }
  .card-group>.card:not(:first-child)>.card-img-bottom,.card-group>.card:not(:first-child)>.card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1*var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type>.accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush>.accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush>.accordion-item:first-child {
  border-top: 0;
}
.accordion-flush>.accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg:  ;
  --bs-breadcrumb-border-radius:  ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,.active>.page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,.disabled>.page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1*var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked>.progress {
  overflow: visible;
}
.progress-stacked>.progress>.progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered>.list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item+.list-group-item {
  border-top-width: 0;
}
.list-group-item+.list-group-item.active {
  margin-top: calc(-1*var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover,.list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal>.list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(-1*var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414%27/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: rgba(0,0,0,0) var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: .15rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,.btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color:  ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5*var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg:  ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform .3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin)*2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin)*2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5);
  margin-top: calc(-0.5*var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5*var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5*var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap)*.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,.modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,.modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,.modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,.modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,.modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,.modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin:  ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: rgba(0,0,0,0);
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1*var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1*var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1*var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1*var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: rgba(0,0,0,0);
  border-style: solid;
  border-width: 0;
}
.bs-popover-top>.popover-arrow,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
  bottom: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0;
}
.bs-popover-top>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end>.popover-arrow,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
  left: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0;
}
.bs-popover-end>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom>.popover-arrow,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
  top: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5*var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start>.popover-arrow,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
  right: calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height);
}
.bs-popover-start>.popover-arrow::before,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,.carousel-item-next,.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,.carousel-control-prev:focus,.carousel-control-next:hover,.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0%27/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708%27/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid rgba(0,0,0,0);
  border-bottom: 10px solid rgba(0,0,0,0);
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: rgba(0,0,0,0);
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,.spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,.offcanvas-xxl,.offcanvas-xl,.offcanvas-lg,.offcanvas-md,.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,.offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,.offcanvas-sm.hiding,.offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: rgba(0,0,0,0) !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: rgba(0,0,0,0) !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,.offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,.offcanvas-md.hiding,.offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: rgba(0,0,0,0) !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: rgba(0,0,0,0) !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,.offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,.offcanvas-lg.hiding,.offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: rgba(0,0,0,0) !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: rgba(0,0,0,0) !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,.offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,.offcanvas-xl.hiding,.offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: rgba(0,0,0,0) !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: rgba(0,0,0,0) !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,.offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,.offcanvas-xxl.hiding,.offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: rgba(0,0,0,0) !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: rgba(0,0,0,0) !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,.offcanvas.hiding,.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: .5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5);
  margin-top: calc(-0.5*var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5*var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5*var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: .6em;
}
.placeholder-sm {
  min-height: .8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: .2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,.link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,.link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,.link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: .25em;
  backface-visibility: hidden;
}
.icon-link>.bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link>.bi {
    transition: none;
  }
}
.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: .25 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-75 {
  opacity: .75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important;
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: .25rem !important;
}
.mt-2 {
  margin-top: .5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: .25rem !important;
}
.me-2 {
  margin-right: .5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: .25rem !important;
}
.ms-2 {
  margin-left: .5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: .25rem !important;
}
.pt-2 {
  padding-top: .5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: .25rem !important;
}
.pe-2 {
  padding-right: .5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: .25rem !important;
}
.pb-2 {
  padding-bottom: .5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: .25rem !important;
}
.ps-2 {
  padding-left: .5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: .25rem !important;
}
.gap-2 {
  gap: .5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: .25rem !important;
}
.row-gap-2 {
  row-gap: .5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: .25rem !important;
}
.column-gap-2 {
  column-gap: .5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0,0,0,.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255,255,255,.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: .125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: .125em !important;
}
.link-offset-2 {
  text-underline-offset: .25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: .25em !important;
}
.link-offset-3 {
  text-underline-offset: .375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: .375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: rgba(0,0,0,0) !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: .25rem !important;
  }
  .mt-sm-2 {
    margin-top: .5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: .25rem !important;
  }
  .me-sm-2 {
    margin-right: .5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: .5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: .25rem !important;
  }
  .ms-sm-2 {
    margin-left: .5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: .25rem !important;
  }
  .pt-sm-2 {
    padding-top: .5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: .25rem !important;
  }
  .pe-sm-2 {
    padding-right: .5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: .25rem !important;
  }
  .ps-sm-2 {
    padding-left: .5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: .25rem !important;
  }
  .gap-sm-2 {
    gap: .5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: .25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: .5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: .25rem !important;
  }
  .mt-md-2 {
    margin-top: .5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: .25rem !important;
  }
  .me-md-2 {
    margin-right: .5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: .25rem !important;
  }
  .mb-md-2 {
    margin-bottom: .5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: .25rem !important;
  }
  .ms-md-2 {
    margin-left: .5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: .25rem !important;
  }
  .pt-md-2 {
    padding-top: .5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: .25rem !important;
  }
  .pe-md-2 {
    padding-right: .5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: .25rem !important;
  }
  .pb-md-2 {
    padding-bottom: .5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: .25rem !important;
  }
  .ps-md-2 {
    padding-left: .5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: .25rem !important;
  }
  .gap-md-2 {
    gap: .5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: .25rem !important;
  }
  .row-gap-md-2 {
    row-gap: .5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: .25rem !important;
  }
  .column-gap-md-2 {
    column-gap: .5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: .25rem !important;
  }
  .mt-lg-2 {
    margin-top: .5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: .25rem !important;
  }
  .me-lg-2 {
    margin-right: .5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: .5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: .25rem !important;
  }
  .ms-lg-2 {
    margin-left: .5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: .25rem !important;
  }
  .pt-lg-2 {
    padding-top: .5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: .25rem !important;
  }
  .pe-lg-2 {
    padding-right: .5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: .25rem !important;
  }
  .ps-lg-2 {
    padding-left: .5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: .25rem !important;
  }
  .gap-lg-2 {
    gap: .5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: .25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: .5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: .25rem !important;
  }
  .mt-xl-2 {
    margin-top: .5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: .25rem !important;
  }
  .me-xl-2 {
    margin-right: .5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: .25rem !important;
  }
  .ms-xl-2 {
    margin-left: .5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: .25rem !important;
  }
  .pt-xl-2 {
    padding-top: .5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: .25rem !important;
  }
  .pe-xl-2 {
    padding-right: .5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: .25rem !important;
  }
  .ps-xl-2 {
    padding-left: .5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: .25rem !important;
  }
  .gap-xl-2 {
    gap: .5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: .25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: .5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: .25rem !important;
  }
  .m-xxl-2 {
    margin: .5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: .25rem !important;
  }
  .mt-xxl-2 {
    margin-top: .5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: .25rem !important;
  }
  .me-xxl-2 {
    margin-right: .5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: .25rem !important;
  }
  .ms-xxl-2 {
    margin-left: .5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: .25rem !important;
  }
  .p-xxl-2 {
    padding: .5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: .25rem !important;
  }
  .pt-xxl-2 {
    padding-top: .5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: .25rem !important;
  }
  .pe-xxl-2 {
    padding-right: .5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: .25rem !important;
  }
  .ps-xxl-2 {
    padding-left: .5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: .25rem !important;
  }
  .gap-xxl-2 {
    gap: .5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: .25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: .5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
body {
  background: #fff;
  margin: 0;
  font-family: "Poppins",sans-serif !important;
  font-size: 16px;
}
a {
  color: #000;
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after,*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
button {
  outline: none !important;
}
.tiptap-editor {
  font-family: "Plus Jakarta Sans",sans-serif !important;
  color: var(--v2-color-text-secondary, #6b7280) !important;
}
.tiptap-editor strong,.tiptap-editor b {
  color: var(--v2-color-text-strong, #111827) !important;
}
.tiptap-editor h1,.tiptap-editor .h1,.tiptap-editor h2,.tiptap-editor .h2,.tiptap-editor h3,.tiptap-editor .h3,.tiptap-editor h4,.tiptap-editor .h4 {
  color: var(--v2-color-text-strong, #111827) !important;
  font-weight: 700 !important;
}
.article-content {
  font-family: "Plus Jakarta Sans",sans-serif !important;
  color: var(--v2-color-text-secondary, #6b7280) !important;
}
.article-content strong,.article-content b {
  color: var(--v2-color-text-strong, #111827) !important;
}
.article-content h1,.article-content .h1,.article-content h2,.article-content .h2,.article-content h3,.article-content .h3,.article-content h4,.article-content .h4 {
  color: var(--v2-color-text-strong, #111827) !important;
  font-weight: 700 !important;
}
:root.dark .knowledge-base-v2-root,body.dark .knowledge-base-v2-root {
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .knowledge-base-v2-root input,:root.dark .knowledge-base-v2-root select,:root.dark .knowledge-base-v2-root textarea,body.dark .knowledge-base-v2-root input,body.dark .knowledge-base-v2-root select,body.dark .knowledge-base-v2-root textarea {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .knowledge-base-v2-root input::placeholder,:root.dark .knowledge-base-v2-root textarea::placeholder,body.dark .knowledge-base-v2-root input::placeholder,body.dark .knowledge-base-v2-root textarea::placeholder {
  color: var(--v2-color-placeholder) !important;
}
:root.dark .knowledge-base-v2-root .article-content,:root.dark .knowledge-base-v2-root .tiptap-editor,body.dark .knowledge-base-v2-root .article-content,body.dark .knowledge-base-v2-root .tiptap-editor {
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .knowledge-base-v2-root .article-content strong,:root.dark .knowledge-base-v2-root .article-content b,:root.dark .knowledge-base-v2-root .article-content h1,:root.dark .knowledge-base-v2-root .article-content .h1,:root.dark .knowledge-base-v2-root .article-content h2,:root.dark .knowledge-base-v2-root .article-content .h2,:root.dark .knowledge-base-v2-root .article-content h3,:root.dark .knowledge-base-v2-root .article-content .h3,:root.dark .knowledge-base-v2-root .article-content h4,:root.dark .knowledge-base-v2-root .article-content .h4,:root.dark .knowledge-base-v2-root .tiptap-editor strong,:root.dark .knowledge-base-v2-root .tiptap-editor b,:root.dark .knowledge-base-v2-root .tiptap-editor h1,:root.dark .knowledge-base-v2-root .tiptap-editor .h1,:root.dark .knowledge-base-v2-root .tiptap-editor h2,:root.dark .knowledge-base-v2-root .tiptap-editor .h2,:root.dark .knowledge-base-v2-root .tiptap-editor h3,:root.dark .knowledge-base-v2-root .tiptap-editor .h3,:root.dark .knowledge-base-v2-root .tiptap-editor h4,:root.dark .knowledge-base-v2-root .tiptap-editor .h4,body.dark .knowledge-base-v2-root .article-content strong,body.dark .knowledge-base-v2-root .article-content b,body.dark .knowledge-base-v2-root .article-content h1,body.dark .knowledge-base-v2-root .article-content .h1,body.dark .knowledge-base-v2-root .article-content h2,body.dark .knowledge-base-v2-root .article-content .h2,body.dark .knowledge-base-v2-root .article-content h3,body.dark .knowledge-base-v2-root .article-content .h3,body.dark .knowledge-base-v2-root .article-content h4,body.dark .knowledge-base-v2-root .article-content .h4,body.dark .knowledge-base-v2-root .tiptap-editor strong,body.dark .knowledge-base-v2-root .tiptap-editor b,body.dark .knowledge-base-v2-root .tiptap-editor h1,body.dark .knowledge-base-v2-root .tiptap-editor .h1,body.dark .knowledge-base-v2-root .tiptap-editor h2,body.dark .knowledge-base-v2-root .tiptap-editor .h2,body.dark .knowledge-base-v2-root .tiptap-editor h3,body.dark .knowledge-base-v2-root .tiptap-editor .h3,body.dark .knowledge-base-v2-root .tiptap-editor h4,body.dark .knowledge-base-v2-root .tiptap-editor .h4 {
  color: var(--v2-color-text-strong) !important;
}
:root.dark .knowledge-base-v2-root .article-content code,:root.dark .knowledge-base-v2-root .article-content pre,:root.dark .knowledge-base-v2-root .tiptap-editor code,:root.dark .knowledge-base-v2-root .tiptap-editor pre,body.dark .knowledge-base-v2-root .article-content code,body.dark .knowledge-base-v2-root .article-content pre,body.dark .knowledge-base-v2-root .tiptap-editor code,body.dark .knowledge-base-v2-root .tiptap-editor pre {
  background-color: var(--v2-color-bg-soft) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .knowledge-base-v2-root .article-content hr,:root.dark .knowledge-base-v2-root .tiptap-editor hr,body.dark .knowledge-base-v2-root .article-content hr,body.dark .knowledge-base-v2-root .tiptap-editor hr {
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .knowledge-base-v2-root .article-content blockquote,:root.dark .knowledge-base-v2-root .tiptap-editor blockquote,body.dark .knowledge-base-v2-root .article-content blockquote,body.dark .knowledge-base-v2-root .tiptap-editor blockquote {
  border-color: var(--v2-color-border-soft) !important;
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .knowledge-base-v2-root .mde-border,body.dark .knowledge-base-v2-root .mde-border {
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .knowledge-base-v2-root .mde-toolbar,body.dark .knowledge-base-v2-root .mde-toolbar {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .knowledge-base-v2-root .mde-content,:root.dark .knowledge-base-v2-root .mde-url-input,body.dark .knowledge-base-v2-root .mde-content,body.dark .knowledge-base-v2-root .mde-url-input {
  background-color: var(--v2-color-surface-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .knowledge-base-v2-root .mde-btn,body.dark .knowledge-base-v2-root .mde-btn {
  background-color: var(--v2-color-bg-soft) !important;
}
:root.dark .knowledge-base-v2-root .mde-btn-active,body.dark .knowledge-base-v2-root .mde-btn-active {
  background-color: var(--v2-color-bg-active-soft) !important;
}
:root.dark .knowledge-base-v2-root .mde-separator,body.dark .knowledge-base-v2-root .mde-separator {
  background-color: var(--v2-color-border-soft) !important;
}
.outline-none {
  outline: none !important;
}
.curated-list {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30vw;
}
.padding-charts {
  padding: 0px 30px;
}
.close-button {
  position: absolute;
  right: 15px;
}
.padding-filter {
  padding: 10px;
  border-top: 1px solid #77c8d2;
  border-left: 1px solid #77c8d2;
  border-right: 1px solid #77c8d2;
}
.react-calendar__tile--active {
  background-color: #153f8f !important;
  color: #e3ecff;
}
.min-paper-chart {
  min-height: 300px;
}
.tooltip-red {
  --balloon-color: $secondaryColor;
}
.filter-selected {
  background-color: #153f8f !important;
  color: #e3ecff;
}
.padding-filter:hover {
  background-color: #153f8f;
  color: #e3ecff;
  cursor: pointer;
}
.margin-data-picker {
  margin-right: 83px;
}
.padding-header-charts {
  padding-right: 7px;
}
.padding-cards {
  padding: 10px 50px;
}
.row-chart {
  padding: 2vh 3vw;
}
.row-chart-centered {
  justify-content: center;
}
.color-positive {
  color: #153f8f;
}
.color-negative {
  color: #77c8d2;
}
.color-red {
  color: #77c8d2;
}
.dashboard {
  font-family: "Open Sans",sans-serif;
}
.dashboard-v2-root {
  font-family: "Plus Jakarta Sans",sans-serif;
}
:root:not(.dark) .dashboard-v2-root,body:not(.dark) .dashboard-v2-root {
  background-color: #e5e7eb !important;
  color: #0f172a !important;
  --chart-grid: #e2e8f0;
  --chart-tick: #64748b;
  --chart-tooltip-bg: #ffffff;
  --chart-tooltip-text: #0f172a;
  --chart-dot-stroke: #ffffff;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-filter,body:not(.dark) .dashboard-v2-root .dashboard-v2-filter {
  background-color: #fff !important;
  color: #0f172a !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-control,body:not(.dark) .dashboard-v2-root .dashboard-v2-control {
  border-color: rgba(0,0,0,0) !important;
  box-shadow: none !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-control:hover,body:not(.dark) .dashboard-v2-root .dashboard-v2-control:hover {
  border-color: rgba(0,0,0,0) !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card,body:not(.dark) .dashboard-v2-root .dashboard-v2-card {
  background-color: #fff !important;
  border-color: #e6eaf2 !important;
  color: #0f172a !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-country-currency-badge,body:not(.dark) .dashboard-v2-root .dashboard-v2-country-currency-badge {
  min-width: 30px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 6px;
  border: 1px solid #dbe2ef;
  background-color: #f1f5f9;
  color: #556179;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-country-currency-badge--selected,body:not(.dark) .dashboard-v2-root .dashboard-v2-country-currency-badge--selected {
  background-color: #fff;
  border-color: #c7d7ff;
  color: #2f5bff;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary {
  border-color: #cfe7d9 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary-divider,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary-divider {
  background-color: #cfe7d9 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--efficiency .dashboard-v2-card-summary,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--efficiency .dashboard-v2-card-summary {
  border-color: #d8dfeb !important;
}
:root.dark .mia-config-v2-root,body.dark .mia-config-v2-root {
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-config-v2-root .mia-config-v2-card,body.dark .mia-config-v2-root .mia-config-v2-card {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-config-v2-root .mia-config-v2-status-pill--active,body.dark .mia-config-v2-root .mia-config-v2-status-pill--active {
  background-color: rgba(16,185,129,.18) !important;
  border-color: rgba(16,185,129,.35) !important;
  color: #6ee7b7 !important;
}
:root.dark .mia-config-v2-root .mia-config-v2-status-pill--inactive,body.dark .mia-config-v2-root .mia-config-v2-status-pill--inactive {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .mia-curation-v2-root,body.dark .mia-curation-v2-root {
  --v2-color-page-bg: #1c2030;
  --v2-color-surface-bg: #383e54;
  --v2-color-bg-soft: #404863;
  --v2-color-bg-hover: #4a5370;
  --v2-color-border: #6476a4;
  --v2-color-border-soft: #4f5f86;
  --v2-color-surface-border: #4f5f86;
  --v2-color-text-strong: #eef4ff;
  --v2-color-text-secondary: #c4cee6;
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-curation-v2-card,body.dark .mia-curation-v2-card {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--efficiency .dashboard-v2-card-summary-divider,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--efficiency .dashboard-v2-card-summary-divider {
  background-color: #d8dfeb !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary {
  border-color: #efd8e8 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary-divider,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary-divider {
  background-color: #efd8e8 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-card-summary,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-card-summary {
  border-color: #d8dfeb !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-card-summary-divider,body:not(.dark) .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-card-summary-divider {
  background-color: #d8dfeb !important;
}
:root:not(.dark) .dashboard-v2-root .backlog-v2-indicator-card,body:not(.dark) .dashboard-v2-root .backlog-v2-indicator-card {
  background-color: #f8fafc !important;
  border-color: #d6deea !important;
}
:root:not(.dark) .dashboard-v2-root .backlog-v2-indicator-card--mia,body:not(.dark) .dashboard-v2-root .backlog-v2-indicator-card--mia {
  background-color: #f5f3ff !important;
  border-color: #ddd6fe !important;
}
:root.dark .dashboard-v2-root,body.dark .dashboard-v2-root {
  background-color: #1c2030 !important;
  --tw-bg-opacity: 1;
  color: #e5ecfb !important;
  --chart-grid: rgba(148, 163, 184, 0.2);
  --chart-tick: #a9b7d8;
  --chart-tooltip-bg: #1e2740;
  --chart-tooltip-text: #e5ecfb;
  --chart-dot-stroke: #3a476b;
}
:root.dark .mia-quality-v2,body.dark .mia-quality-v2 {
  --v2-color-page-bg: #1c2030;
  --v2-color-surface-bg: #383e54;
  --v2-color-bg-soft: #404863;
  --v2-color-bg-hover: #4a5370;
  --v2-color-bg-brand-soft: #2b3a63;
  --v2-color-border: #6476a4;
  --v2-color-border-soft: #4f5f86;
  --v2-color-border-muted: #4f5f86;
  --v2-color-text-strong: #eef4ff;
  --v2-color-text-secondary: #c4cee6;
  --v2-color-text-muted: #a9b7d8;
  --v2-color-label-muted: #9fb0d4;
  --v2-color-placeholder: #8492b5;
  --v2-color-primary: #2e52fb;
}
:root.dark .dashboard-v2-root .dashboard-v2-filter,body.dark .dashboard-v2-root .dashboard-v2-filter {
  background-color: #383e54 !important;
  border: 1px solid #4f5f86 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-filter-divider,body.dark .dashboard-v2-root .dashboard-v2-filter-divider {
  background-color: #49567d !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-control,body.dark .dashboard-v2-root .dashboard-v2-control {
  background-color: #2d3245 !important;
  border-color: #5a6b98 !important;
  color: #eff4ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-control:hover,body.dark .dashboard-v2-root .dashboard-v2-control:hover {
  background-color: #4b5b86 !important;
  border-color: #6e82b7 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-day-badge,body.dark .dashboard-v2-root .dashboard-v2-day-badge {
  background-color: #3b476b !important;
  color: #d7e0f8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-selected-badge,body.dark .dashboard-v2-root .dashboard-v2-selected-badge {
  background-color: #375cc7 !important;
  color: #eff4ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle,body.dark .dashboard-v2-root .dashboard-v2-toggle {
  background: #2b3550 !important;
  border: 1px solid #4f608a !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle--view,body.dark .dashboard-v2-root .dashboard-v2-toggle--view,:root.dark .dashboard-v2-root .dashboard-v2-toggle--granularity,body.dark .dashboard-v2-root .dashboard-v2-toggle--granularity {
  padding: 3px !important;
  min-height: 36px !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle .dashboard-v2-toggle-item,body.dark .dashboard-v2-root .dashboard-v2-toggle .dashboard-v2-toggle-item {
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(0,0,0,0) !important;
  box-shadow: none !important;
  min-height: 30px !important;
  padding: 0 10px !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle-item-active,body.dark .dashboard-v2-root .dashboard-v2-toggle-item-active {
  background: #2f5bff !important;
  color: #eff4ff !important;
  border: 0 !important;
  box-shadow: 0 1px 6px rgba(24,67,187,.3) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle-item-inactive,body.dark .dashboard-v2-root .dashboard-v2-toggle-item-inactive {
  color: #a9badf !important;
  background: rgba(0,0,0,0) !important;
  border: 0 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle-item-inactive:hover,body.dark .dashboard-v2-root .dashboard-v2-toggle-item-inactive:hover {
  background-color: rgba(148,163,184,.12) !important;
  color: #d3def6 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle .dashboard-v2-toggle-item:disabled,body.dark .dashboard-v2-root .dashboard-v2-toggle .dashboard-v2-toggle-item:disabled {
  background: rgba(0,0,0,0) !important;
  border: 0 !important;
  box-shadow: none !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-granularity-disabled,body.dark .dashboard-v2-root .dashboard-v2-granularity-disabled {
  color: #7f8fb8 !important;
  opacity: .65 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-popover,body.dark .dashboard-v2-root .dashboard-v2-popover {
  background-color: #212b43 !important;
  border-color: #445178 !important;
  color: #d7e0f8 !important;
  box-shadow: 0 20px 40px rgba(4,8,20,.45) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-popover input,body.dark .dashboard-v2-root .dashboard-v2-popover input {
  background-color: #1a2238 !important;
  border-color: #445178 !important;
  color: #d7e0f8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-popover .bg-slate-50,body.dark .dashboard-v2-root .dashboard-v2-popover .bg-slate-50 {
  background-color: #2b3652 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-popover .bg-white,body.dark .dashboard-v2-root .dashboard-v2-popover .bg-white {
  background-color: #212b43 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card,body.dark .dashboard-v2-root .dashboard-v2-card {
  background-color: #383e54 !important;
  color: #eef4ff !important;
  border-color: #6476a4 !important;
  box-shadow: 0 10px 25px rgba(8,12,22,.22) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-country-currency-badge,body.dark .dashboard-v2-root .dashboard-v2-country-currency-badge {
  min-width: 30px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 6px;
  border: 1px solid #526487;
  background-color: #334667;
  color: #d6e2fa;
}
:root.dark .dashboard-v2-root .dashboard-v2-country-currency-badge--selected,body.dark .dashboard-v2-root .dashboard-v2-country-currency-badge--selected {
  background-color: #edf3ff;
  border-color: #c7d7ff;
  color: #2f5bff;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--financial,body.dark .dashboard-v2-root .dashboard-v2-card--financial {
  border-color: rgba(52,211,153,.35) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--efficiency,body.dark .dashboard-v2-root .dashboard-v2-card--efficiency {
  border-color: rgba(148,163,184,.4) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--mia,body.dark .dashboard-v2-root .dashboard-v2-card--mia {
  border-color: rgba(236,72,153,.35) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--human,body.dark .dashboard-v2-root .dashboard-v2-card--human {
  border-color: rgba(148,163,184,.4) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card-summary,body.dark .dashboard-v2-root .dashboard-v2-card-summary {
  background-color: rgba(26,34,54,.55) !important;
  border-color: #6a7da9 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary,body.dark .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-card-summary {
  background-color: rgba(16,185,129,.08) !important;
  border-color: rgba(52,211,153,.45) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary,body.dark .dashboard-v2-root .dashboard-v2-card--mia .dashboard-v2-card-summary {
  background-color: rgba(223,90,153,.08) !important;
  border-color: rgba(236,72,153,.4) !important;
}
:root.dark .dashboard-v2-root .backlog-v2-indicator-card,body.dark .dashboard-v2-root .backlog-v2-indicator-card {
  background-color: #3a425b !important;
  border-color: #5e6d92 !important;
}
:root.dark .dashboard-v2-root .backlog-v2-indicator-card--mia,body.dark .dashboard-v2-root .backlog-v2-indicator-card--mia {
  background-color: #474865 !important;
  border-color: #706aa8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-financial-divider,body.dark .dashboard-v2-root .dashboard-v2-card--financial .dashboard-v2-financial-divider {
  background-color: rgba(110,231,183,.38) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-900,body.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-900 {
  color: #f3f7ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-500,body.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-500,:root.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-400,body.dark .dashboard-v2-root .dashboard-v2-card--financial .text-slate-400,:root.dark .dashboard-v2-root .dashboard-v2-card--financial .text-gray-400,body.dark .dashboard-v2-root .dashboard-v2-card--financial .text-gray-400 {
  color: #b8c7e3 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-evolution-kicker,body.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-evolution-kicker {
  color: #c5d3ef !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-evolution-title,body.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-evolution-title {
  color: #f3f7ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-conversion-value,body.dark .dashboard-v2-root .dashboard-v2-card--human .dashboard-v2-human-conversion-value {
  color: #f3f7ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-filter-main,body.dark .dashboard-v2-root .dashboard-v2-filter-main {
  align-items: center !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-toggle-group,body.dark .dashboard-v2-root .dashboard-v2-toggle-group {
  gap: 8px !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-legacy-link,body.dark .dashboard-v2-root .dashboard-v2-legacy-link {
  background-color: #232e47 !important;
  border-color: #5f729f !important;
  color: #c2d0ef !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-legacy-link:hover,body.dark .dashboard-v2-root .dashboard-v2-legacy-link:hover {
  background-color: #2f3a58 !important;
  color: #d7e0f8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-update-note,body.dark .dashboard-v2-root .dashboard-v2-update-note {
  color: #9fb0d8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-update-chip,body.dark .dashboard-v2-root .dashboard-v2-update-chip {
  background-color: rgba(16,185,129,.15) !important;
  border-color: rgba(16,185,129,.25) !important;
  color: #6ee7b7 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-700,body.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-700 {
  color: #dbe6ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-400,body.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-400 {
  color: #9fb0d8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-600,body.dark .dashboard-v2-root .dashboard-v2-datepicker .text-slate-600 {
  color: #a9b7d8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-datepicker .hover\:bg-slate-100:hover,body.dark .dashboard-v2-root .dashboard-v2-datepicker .hover\:bg-slate-100:hover {
  background-color: #2f3b59 !important;
}
:root.dark .dashboard-v2-root .text-slate-900,body.dark .dashboard-v2-root .text-slate-900 {
  color: #f5f8ff !important;
}
:root.dark .dashboard-v2-root .text-slate-700,body.dark .dashboard-v2-root .text-slate-700 {
  color: #dbe6ff !important;
}
:root.dark .dashboard-v2-root .text-slate-600,body.dark .dashboard-v2-root .text-slate-600 {
  color: #c3d0ed !important;
}
:root.dark .dashboard-v2-root .text-slate-500,body.dark .dashboard-v2-root .text-slate-500 {
  color: #a9b7d8 !important;
}
:root.dark .dashboard-v2-root .text-slate-400,body.dark .dashboard-v2-root .text-slate-400,:root.dark .dashboard-v2-root .text-gray-400,body.dark .dashboard-v2-root .text-gray-400,:root.dark .dashboard-v2-root .text-slate-300,body.dark .dashboard-v2-root .text-slate-300 {
  color: #b0c0e0 !important;
}
:root.dark .dashboard-v2-root .border-slate-100,body.dark .dashboard-v2-root .border-slate-100,:root.dark .dashboard-v2-root .border-slate-200,body.dark .dashboard-v2-root .border-slate-200,:root.dark .dashboard-v2-root .border-slate-300,body.dark .dashboard-v2-root .border-slate-300 {
  border-color: #536188 !important;
}
:root.dark .dashboard-v2-root .bg-slate-200,body.dark .dashboard-v2-root .bg-slate-200 {
  background-color: #536188 !important;
}
:root.dark .dashboard-v2-root .bg-pink-100,body.dark .dashboard-v2-root .bg-pink-100 {
  background-color: rgba(236,72,153,.2) !important;
}
:root.dark .dashboard-v2-root .bg-emerald-100,body.dark .dashboard-v2-root .bg-emerald-100 {
  background-color: rgba(16,185,129,.18) !important;
}
:root.dark .post-sales-grid,body.dark .post-sales-grid {
  background-color: #383e54 !important;
  border: 1px solid #4f5f86 !important;
  border-radius: 16px !important;
}
:root.dark .post-sales-grid .post-sales-grid-header,body.dark .post-sales-grid .post-sales-grid-header {
  background-color: #2b3550 !important;
  border-bottom: none !important;
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid .post-sales-grid-loading,body.dark .post-sales-grid .post-sales-grid-loading,:root.dark .post-sales-grid .post-sales-grid-body,body.dark .post-sales-grid .post-sales-grid-body {
  background-color: #383e54 !important;
  border-top: none !important;
}
:root.dark .post-sales-grid .post-sales-grid-body>:not([hidden])~:not([hidden]),body.dark .post-sales-grid .post-sales-grid-body>:not([hidden])~:not([hidden]) {
  border-color: #455179 !important;
}
:root.dark .post-sales-grid .post-sales-grid-body>:first-child,body.dark .post-sales-grid .post-sales-grid-body>:first-child {
  border-top: none !important;
  border-bottom: none !important;
}
:root.dark .post-sales-grid .post-sales-grid-row,body.dark .post-sales-grid .post-sales-grid-row {
  background-color: #383e54 !important;
}
:root.dark .post-sales-grid .post-sales-grid-row:first-child,body.dark .post-sales-grid .post-sales-grid-row:first-child {
  border-top: none !important;
  border-bottom: none !important;
}
:root.dark .post-sales-grid .post-sales-grid-row:hover,body.dark .post-sales-grid .post-sales-grid-row:hover {
  background-color: #425076 !important;
}
:root.dark .post-sales-grid .post-sales-grid-row-selected,body.dark .post-sales-grid .post-sales-grid-row-selected {
  background-color: rgba(47,91,255,.14) !important;
}
:root.dark .post-sales-grid .post-sales-grid-text-primary,body.dark .post-sales-grid .post-sales-grid-text-primary {
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid .post-sales-grid-text-secondary,body.dark .post-sales-grid .post-sales-grid-text-secondary {
  color: #dbe6ff !important;
}
:root.dark .post-sales-grid .post-sales-grid-text-muted,body.dark .post-sales-grid .post-sales-grid-text-muted {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid .post-sales-tag,body.dark .post-sales-grid .post-sales-tag {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
  color: #c6d4f2 !important;
}
:root.dark .post-sales-grid .channel-badge,body.dark .post-sales-grid .channel-badge {
  border-color: #2f5bff !important;
}
:root.dark .post-sales-grid .post-sales-grid-empty,body.dark .post-sales-grid .post-sales-grid-empty {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid .post-sales-grid-empty button,body.dark .post-sales-grid .post-sales-grid-empty button {
  background-color: #2b3550 !important;
  border-color: #5a6b98 !important;
  color: #dbe6ff !important;
}
:root.dark .post-sales-grid .post-sales-grid-empty button:hover,body.dark .post-sales-grid .post-sales-grid-empty button:hover {
  background-color: #3a4564 !important;
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid input[type=checkbox],body.dark .post-sales-grid input[type=checkbox] {
  accent-color: #2f5bff;
  border-color: #6e82b7;
  background-color: #2b3550;
}
:root.dark .email-v2-grid,body.dark .email-v2-grid {
  background-color: #383e54 !important;
}
:root.dark .email-v2-grid .email-v2-grid-header,body.dark .email-v2-grid .email-v2-grid-header {
  background-color: #2b3550 !important;
  border-bottom: none !important;
  color: #a9b7d8 !important;
}
:root.dark .email-v2-grid .email-v2-grid-loading,body.dark .email-v2-grid .email-v2-grid-loading,:root.dark .email-v2-grid .email-v2-grid-body,body.dark .email-v2-grid .email-v2-grid-body {
  background-color: #383e54 !important;
  border-top: none !important;
}
:root.dark .email-v2-grid .email-v2-grid-body>:not([hidden])~:not([hidden]),body.dark .email-v2-grid .email-v2-grid-body>:not([hidden])~:not([hidden]) {
  border-color: #455179 !important;
}
:root.dark .email-v2-grid .email-v2-grid-row,body.dark .email-v2-grid .email-v2-grid-row {
  background-color: #383e54 !important;
}
:root.dark .email-v2-grid .email-v2-grid-row-unread,body.dark .email-v2-grid .email-v2-grid-row-unread {
  background-color: #3d4767 !important;
}
:root.dark .email-v2-grid .email-v2-grid-row:hover,body.dark .email-v2-grid .email-v2-grid-row:hover {
  background-color: #425076 !important;
}
:root.dark .email-v2-grid .email-v2-grid-text-primary,body.dark .email-v2-grid .email-v2-grid-text-primary {
  color: #f5f8ff !important;
}
:root.dark .email-v2-grid .email-v2-grid-text-secondary,body.dark .email-v2-grid .email-v2-grid-text-secondary {
  color: #dbe6ff !important;
}
:root.dark .email-v2-grid .email-v2-status-pill,body.dark .email-v2-grid .email-v2-status-pill {
  background-color: #2b3550 !important;
  border-color: #4f5f86 !important;
  color: #c3d0ed !important;
}
:root.dark .email-v2-grid .email-v2-status-pill.bg-emerald-50,body.dark .email-v2-grid .email-v2-status-pill.bg-emerald-50 {
  background-color: rgba(16,185,129,.22) !important;
  border-color: rgba(16,185,129,.5) !important;
  color: #6ee7b7 !important;
}
:root.dark .email-v2-grid .email-v2-status-pill.bg-amber-50,body.dark .email-v2-grid .email-v2-status-pill.bg-amber-50 {
  background-color: rgba(245,158,11,.22) !important;
  border-color: rgba(245,158,11,.5) !important;
  color: #f9c97a !important;
}
:root.dark .email-v2-grid .email-v2-action-icon-button,body.dark .email-v2-grid .email-v2-action-icon-button {
  background-color: #1d2941 !important;
  border-color: #44557b !important;
  color: #c7d7f8 !important;
}
:root.dark .email-v2-grid .email-v2-action-icon-button:hover,body.dark .email-v2-grid .email-v2-action-icon-button:hover {
  background-color: #23314d !important;
}
:root.dark .post-sales-grid-footer>div,body.dark .post-sales-grid-footer>div {
  background-color: #383e54 !important;
  border-top-color: #455179 !important;
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-footer span,body.dark .post-sales-grid-footer span {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-footer button,body.dark .post-sales-grid-footer button {
  background-color: #2b3550 !important;
  border-color: #4f5f86 !important;
  color: #dbe6ff !important;
}
:root.dark .post-sales-grid-footer button:hover,body.dark .post-sales-grid-footer button:hover {
  background-color: #3a4564 !important;
}
:root.dark .post-sales-grid-footer button:disabled,body.dark .post-sales-grid-footer button:disabled {
  opacity: .5 !important;
}
:root.dark .post-sales-grid-footer .bg-\[\#0f172a\],body.dark .post-sales-grid-footer .bg-\[\#0f172a\] {
  background-color: #2f5bff !important;
  border-color: #2f5bff !important;
}
:root.dark .post-sales-grid-footer .text-white,body.dark .post-sales-grid-footer .text-white {
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid-footer .text-slate-600,body.dark .post-sales-grid-footer .text-slate-600,:root.dark .post-sales-grid-footer .text-slate-500,body.dark .post-sales-grid-footer .text-slate-500,:root.dark .post-sales-grid-footer .text-gray-500,body.dark .post-sales-grid-footer .text-gray-500 {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-shell,body.dark .post-sales-grid-shell {
  background-color: #383e54 !important;
  border-color: #4f5f86 !important;
  box-shadow: 0 18px 35px rgba(6,10,22,.25) !important;
}
:root.dark .post-sales-grid-toolbar,body.dark .post-sales-grid-toolbar {
  background-color: #383e54 !important;
  border-bottom-color: #455179 !important;
}
:root.dark .post-sales-grid-selection-badge,body.dark .post-sales-grid-selection-badge {
  background-color: rgba(47,91,255,.15) !important;
  color: #dbe6ff !important;
}
:root.dark .post-sales-grid-selection-cancel,body.dark .post-sales-grid-selection-cancel {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-selection-cancel:hover,body.dark .post-sales-grid-selection-cancel:hover {
  background-color: #2f3b59 !important;
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid-icon-muted,body.dark .post-sales-grid-icon-muted {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-search,body.dark .post-sales-grid-search {
  background-color: #2d3245 !important;
  border-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .post-sales-grid-search::placeholder,body.dark .post-sales-grid-search::placeholder {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-select,body.dark .post-sales-grid-select {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
}
:root.dark .post-sales-grid-select-label,body.dark .post-sales-grid-select-label {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-select-button,body.dark .post-sales-grid-select-button {
  color: #eff4ff !important;
}
:root.dark .post-sales-grid-select-button:hover,body.dark .post-sales-grid-select-button:hover {
  color: #8fb1ff !important;
}
:root.dark .post-sales-grid-select-icon,body.dark .post-sales-grid-select-icon {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-grid-filter-button,body.dark .post-sales-grid-filter-button {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
  color: #dbe6ff !important;
}
:root.dark .post-sales-grid-filter-button:hover,body.dark .post-sales-grid-filter-button:hover {
  background-color: #3a4564 !important;
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid-filter-button--active,body.dark .post-sales-grid-filter-button--active {
  background-color: rgba(47,91,255,.18) !important;
  border-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .post-sales-grid-dropdown,body.dark .post-sales-grid-dropdown {
  background-color: #212b43 !important;
  border-color: #445178 !important;
  box-shadow: 0 20px 40px rgba(4,8,20,.45) !important;
}
:root.dark .post-sales-grid-dropdown-item,body.dark .post-sales-grid-dropdown-item {
  color: #cfd9f3 !important;
}
:root.dark .post-sales-grid-dropdown-item:hover,body.dark .post-sales-grid-dropdown-item:hover {
  background-color: #2b3652 !important;
  color: #f5f8ff !important;
}
:root.dark .post-sales-grid-dropdown-item--active,body.dark .post-sales-grid-dropdown-item--active {
  background-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .post-sales-filters-panel,body.dark .post-sales-filters-panel {
  background-color: #383e54 !important;
  border-bottom-color: #455179 !important;
}
:root.dark .post-sales-filters-panel label,body.dark .post-sales-filters-panel label {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-filters-panel .bg-white,body.dark .post-sales-filters-panel .bg-white {
  background-color: #2b3550 !important;
}
:root.dark .post-sales-filters-panel .bg-\[\#F8FAFC\],body.dark .post-sales-filters-panel .bg-\[\#F8FAFC\] {
  background-color: #2b3652 !important;
}
:root.dark .post-sales-filters-panel .border-\[\#D6DEEA\],body.dark .post-sales-filters-panel .border-\[\#D6DEEA\],:root.dark .post-sales-filters-panel .border-\[\#E6EAF2\],body.dark .post-sales-filters-panel .border-\[\#E6EAF2\],:root.dark .post-sales-filters-panel .border-\[\#CBD5E1\],body.dark .post-sales-filters-panel .border-\[\#CBD5E1\] {
  border-color: #5a6b98 !important;
}
:root.dark .post-sales-filters-panel .text-\[\#0f172a\],body.dark .post-sales-filters-panel .text-\[\#0f172a\] {
  color: #eff4ff !important;
}
:root.dark .post-sales-filters-panel .text-\[\#94A3B8\],body.dark .post-sales-filters-panel .text-\[\#94A3B8\] {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-filters-panel .text-blue-600,body.dark .post-sales-filters-panel .text-blue-600,:root.dark .post-sales-filters-panel .text-blue-700,body.dark .post-sales-filters-panel .text-blue-700 {
  color: #f5f8ff !important;
}
:root.dark .post-sales-filters-panel .dashboard-v2-datepicker .text-blue-600,body.dark .post-sales-filters-panel .dashboard-v2-datepicker .text-blue-600,:root.dark .post-sales-filters-panel .dashboard-v2-datepicker .text-blue-700,body.dark .post-sales-filters-panel .dashboard-v2-datepicker .text-blue-700 {
  color: #dbe6ff !important;
}
:root.dark .post-sales-filters-panel .text-\[\#2E52FB\],body.dark .post-sales-filters-panel .text-\[\#2E52FB\],:root.dark .post-sales-filters-panel .text-\[\#2f5bff\],body.dark .post-sales-filters-panel .text-\[\#2f5bff\] {
  color: #f5f8ff !important;
}
:root.dark .post-sales-filters-panel .text-slate-700,body.dark .post-sales-filters-panel .text-slate-700 {
  color: #dbe6ff !important;
}
:root.dark .post-sales-filters-panel .text-slate-600,body.dark .post-sales-filters-panel .text-slate-600 {
  color: #c3d0ed !important;
}
:root.dark .post-sales-filters-panel .text-slate-500,body.dark .post-sales-filters-panel .text-slate-500 {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-filters-panel .text-slate-400,body.dark .post-sales-filters-panel .text-slate-400 {
  color: #9fb0d8 !important;
}
:root.dark .post-sales-filters-panel .bg-slate-200,body.dark .post-sales-filters-panel .bg-slate-200 {
  background-color: #3b476b !important;
}
:root.dark .post-sales-filters-panel .dashboard-v2-datepicker .bg-blue-50,body.dark .post-sales-filters-panel .dashboard-v2-datepicker .bg-blue-50 {
  background-color: #3b476b !important;
}
:root.dark .post-sales-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,body.dark .post-sales-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,:root.dark .post-sales-filters-panel .hover\:bg-\[\#F8FAFC\]:hover,body.dark .post-sales-filters-panel .hover\:bg-\[\#F8FAFC\]:hover {
  background-color: #2f3b59 !important;
}
:root.dark .post-sales-filters-panel .bg-\[\#0f172a\],body.dark .post-sales-filters-panel .bg-\[\#0f172a\] {
  background-color: #2f5bff !important;
  border-color: #2f5bff !important;
}
:root.dark .post-sales-filters-panel .hover\:bg-\[\#111F35\]:hover,body.dark .post-sales-filters-panel .hover\:bg-\[\#111F35\]:hover {
  background-color: #2b4fe0 !important;
}
:root.dark .post-sales-filters-panel input,body.dark .post-sales-filters-panel input {
  color: #eff4ff !important;
}
:root.dark .post-sales-filters-panel input::placeholder,body.dark .post-sales-filters-panel input::placeholder {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-page,body.dark .post-sales-page {
  background-color: #1c2030 !important;
  --tw-bg-opacity: 1;
  color: #e5ecfb !important;
}
:root.dark .post-sales-page .post-sales-title,body.dark .post-sales-page .post-sales-title {
  color: #f5f8ff !important;
}
:root.dark .post-sales-page .post-sales-subtitle,body.dark .post-sales-page .post-sales-subtitle {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-page .post-sales-auto-update,body.dark .post-sales-page .post-sales-auto-update {
  color: #9fb0d8 !important;
}
:root.dark .post-sales-page .post-sales-auto-update-title,body.dark .post-sales-page .post-sales-auto-update-title {
  color: #dbe6ff !important;
}
:root.dark .post-sales-stat-card>div,body.dark .post-sales-stat-card>div {
  background-color: #383e54 !important;
  border-color: #6476a4 !important;
  color: #eef4ff !important;
  box-shadow: 0 10px 25px rgba(8,12,22,.22) !important;
}
:root.dark .post-sales-stat-card h3,:root.dark .post-sales-stat-card .h3,body.dark .post-sales-stat-card h3,body.dark .post-sales-stat-card .h3 {
  color: #f5f8ff !important;
}
:root.dark .post-sales-stat-card .text-gray-400,body.dark .post-sales-stat-card .text-gray-400 {
  color: #a9b7d8 !important;
}
:root.dark .post-sales-stat-card .bg-blue-50,body.dark .post-sales-stat-card .bg-blue-50 {
  background-color: rgba(47,91,255,.18) !important;
}
:root.dark .post-sales-stat-card .text-blue-600,body.dark .post-sales-stat-card .text-blue-600 {
  color: #8fb1ff !important;
}
:root.dark .post-sales-stat-card .bg-red-50,body.dark .post-sales-stat-card .bg-red-50 {
  background-color: rgba(255,0,0,.34) !important;
}
:root.dark .post-sales-stat-card .text-red-600,body.dark .post-sales-stat-card .text-red-600 {
  color: #ff9b9b !important;
}
:root.dark .post-sales-stat-card .bg-amber-50,body.dark .post-sales-stat-card .bg-amber-50 {
  background-color: rgba(245,158,11,.18) !important;
}
:root.dark .post-sales-stat-card .text-amber-600,body.dark .post-sales-stat-card .text-amber-600 {
  color: #f9c97a !important;
}
:root.dark .post-sales-stat-card .bg-emerald-50,body.dark .post-sales-stat-card .bg-emerald-50 {
  background-color: rgba(16,185,129,.18) !important;
}
:root.dark .post-sales-stat-card .text-emerald-600,body.dark .post-sales-stat-card .text-emerald-600 {
  color: #6ee7b7 !important;
}
:root.dark .chat-page,body.dark .chat-page,:root.dark .pre-sales-page,body.dark .pre-sales-page {
  background-color: #1c2030 !important;
  color: #e5ecfb !important;
  --tw-bg-opacity: 1;
}
:root.dark .chat-page .chat-title,body.dark .chat-page .chat-title,:root.dark .pre-sales-page .pre-sales-title,body.dark .pre-sales-page .pre-sales-title {
  color: #f5f8ff !important;
}
:root.dark .chat-page .chat-subtitle,body.dark .chat-page .chat-subtitle,:root.dark .pre-sales-page .pre-sales-subtitle,body.dark .pre-sales-page .pre-sales-subtitle {
  color: #a9b7d8 !important;
}
:root.dark .chat-page .chat-auto-update,body.dark .chat-page .chat-auto-update {
  color: #9fb0d8 !important;
}
:root.dark .chat-page .chat-auto-update-title,body.dark .chat-page .chat-auto-update-title {
  color: #dbe6ff !important;
}
:root.dark .chat-stat-card>div,body.dark .chat-stat-card>div,:root.dark .pre-sales-stat-card>div,body.dark .pre-sales-stat-card>div {
  background-color: #383e54 !important;
  border-color: #6476a4 !important;
  color: #eef4ff !important;
  box-shadow: 0 10px 25px rgba(8,12,22,.22) !important;
}
:root.dark .chat-stat-card h3,:root.dark .chat-stat-card .h3,body.dark .chat-stat-card h3,body.dark .chat-stat-card .h3,:root.dark .pre-sales-stat-card h3,:root.dark .pre-sales-stat-card .h3,body.dark .pre-sales-stat-card h3,body.dark .pre-sales-stat-card .h3 {
  color: #f5f8ff !important;
}
:root.dark .chat-stat-card .text-gray-400,body.dark .chat-stat-card .text-gray-400,:root.dark .pre-sales-stat-card .text-gray-400,body.dark .pre-sales-stat-card .text-gray-400 {
  color: #a9b7d8 !important;
}
:root.dark .chat-stat-card .bg-blue-50,body.dark .chat-stat-card .bg-blue-50,:root.dark .pre-sales-stat-card .bg-blue-50,body.dark .pre-sales-stat-card .bg-blue-50 {
  background-color: rgba(47,91,255,.18) !important;
}
:root.dark .chat-stat-card .text-blue-600,body.dark .chat-stat-card .text-blue-600,:root.dark .pre-sales-stat-card .text-blue-600,body.dark .pre-sales-stat-card .text-blue-600 {
  color: #8fb1ff !important;
}
:root.dark .chat-stat-card .bg-red-50,body.dark .chat-stat-card .bg-red-50 {
  background-color: rgba(255,0,0,.34) !important;
}
:root.dark .chat-stat-card .text-red-600,body.dark .chat-stat-card .text-red-600 {
  color: #ff9b9b !important;
}
:root.dark .chat-stat-card .bg-amber-50,body.dark .chat-stat-card .bg-amber-50,:root.dark .pre-sales-stat-card .bg-amber-50,body.dark .pre-sales-stat-card .bg-amber-50 {
  background-color: rgba(245,158,11,.18) !important;
}
:root.dark .chat-stat-card .text-amber-600,body.dark .chat-stat-card .text-amber-600,:root.dark .pre-sales-stat-card .text-amber-600,body.dark .pre-sales-stat-card .text-amber-600 {
  color: #f9c97a !important;
}
:root.dark .chat-stat-card .bg-emerald-50,body.dark .chat-stat-card .bg-emerald-50,:root.dark .pre-sales-stat-card .bg-emerald-50,body.dark .pre-sales-stat-card .bg-emerald-50 {
  background-color: rgba(16,185,129,.18) !important;
}
:root.dark .chat-stat-card .text-emerald-600,body.dark .chat-stat-card .text-emerald-600,:root.dark .pre-sales-stat-card .text-emerald-600,body.dark .pre-sales-stat-card .text-emerald-600 {
  color: #6ee7b7 !important;
}
:root.dark .chat-grid-shell,body.dark .chat-grid-shell,:root.dark .pre-sales-grid-shell,body.dark .pre-sales-grid-shell {
  background-color: #383e54 !important;
  border-color: #4f5f86 !important;
  box-shadow: 0 18px 35px rgba(6,10,22,.25) !important;
}
:root.dark .chat-grid-toolbar,body.dark .chat-grid-toolbar,:root.dark .pre-sales-grid-toolbar,body.dark .pre-sales-grid-toolbar {
  background-color: #383e54 !important;
  border-bottom-color: #455179 !important;
}
:root.dark .chat-grid-selection-badge,body.dark .chat-grid-selection-badge {
  background-color: rgba(47,91,255,.15) !important;
  color: #dbe6ff !important;
}
:root.dark .chat-grid-selection-cancel,body.dark .chat-grid-selection-cancel {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-selection-cancel:hover,body.dark .chat-grid-selection-cancel:hover {
  background-color: #2f3b59 !important;
  color: #f5f8ff !important;
}
:root.dark .chat-grid-icon-muted,body.dark .chat-grid-icon-muted,:root.dark .pre-sales-grid-icon-muted,body.dark .pre-sales-grid-icon-muted {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-search,body.dark .chat-grid-search,:root.dark .pre-sales-grid-search,body.dark .pre-sales-grid-search {
  background-color: #2d3245 !important;
  border-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .chat-grid-search::placeholder,body.dark .chat-grid-search::placeholder,:root.dark .pre-sales-grid-search::placeholder,body.dark .pre-sales-grid-search::placeholder {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-select,body.dark .chat-grid-select,:root.dark .pre-sales-grid-select,body.dark .pre-sales-grid-select {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
}
:root.dark .chat-grid-select-label,body.dark .chat-grid-select-label,:root.dark .pre-sales-grid-select-label,body.dark .pre-sales-grid-select-label {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-select-button,body.dark .chat-grid-select-button,:root.dark .pre-sales-grid-select-button,body.dark .pre-sales-grid-select-button {
  color: #eff4ff !important;
}
:root.dark .chat-grid-select-button:hover,body.dark .chat-grid-select-button:hover,:root.dark .pre-sales-grid-select-button:hover,body.dark .pre-sales-grid-select-button:hover {
  color: #8fb1ff !important;
}
:root.dark .chat-grid-select-icon,body.dark .chat-grid-select-icon,:root.dark .pre-sales-grid-select-icon,body.dark .pre-sales-grid-select-icon {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-filter-button,body.dark .chat-grid-filter-button,:root.dark .pre-sales-grid-filter-button,body.dark .pre-sales-grid-filter-button {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
  color: #dbe6ff !important;
}
:root.dark .chat-grid-filter-button:hover,body.dark .chat-grid-filter-button:hover,:root.dark .pre-sales-grid-filter-button:hover,body.dark .pre-sales-grid-filter-button:hover {
  background-color: #3a4564 !important;
  color: #f5f8ff !important;
}
:root.dark .chat-grid-filter-button--active,body.dark .chat-grid-filter-button--active,:root.dark .pre-sales-grid-filter-button--active,body.dark .pre-sales-grid-filter-button--active {
  background-color: rgba(47,91,255,.18) !important;
  border-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .chat-grid-dropdown,body.dark .chat-grid-dropdown,:root.dark .pre-sales-grid-dropdown,body.dark .pre-sales-grid-dropdown {
  background-color: #212b43 !important;
  border-color: #445178 !important;
  box-shadow: 0 20px 40px rgba(4,8,20,.45) !important;
}
:root.dark .chat-grid-dropdown-item,body.dark .chat-grid-dropdown-item,:root.dark .pre-sales-grid-dropdown-item,body.dark .pre-sales-grid-dropdown-item {
  color: #cfd9f3 !important;
}
:root.dark .chat-grid-dropdown-item:hover,body.dark .chat-grid-dropdown-item:hover,:root.dark .pre-sales-grid-dropdown-item:hover,body.dark .pre-sales-grid-dropdown-item:hover {
  background-color: #2b3652 !important;
  color: #f5f8ff !important;
}
:root.dark .chat-grid-dropdown-item--active,body.dark .chat-grid-dropdown-item--active,:root.dark .pre-sales-grid-dropdown-item--active,body.dark .pre-sales-grid-dropdown-item--active {
  background-color: #2f5bff !important;
  color: #eff4ff !important;
}
:root.dark .chat-filters-panel,body.dark .chat-filters-panel,:root.dark .pre-sales-filters-panel,body.dark .pre-sales-filters-panel {
  background-color: #383e54 !important;
  border-bottom-color: #455179 !important;
}
:root.dark .chat-filters-panel label,body.dark .chat-filters-panel label,:root.dark .pre-sales-filters-panel label,body.dark .pre-sales-filters-panel label {
  color: #a9b7d8 !important;
}
:root.dark .chat-filters-panel .bg-white,body.dark .chat-filters-panel .bg-white,:root.dark .pre-sales-filters-panel .bg-white,body.dark .pre-sales-filters-panel .bg-white {
  background-color: #2b3550 !important;
}
:root.dark .chat-filters-panel .bg-\[\#F8FAFC\],body.dark .chat-filters-panel .bg-\[\#F8FAFC\],:root.dark .pre-sales-filters-panel .bg-\[\#F8FAFC\],body.dark .pre-sales-filters-panel .bg-\[\#F8FAFC\] {
  background-color: #2b3652 !important;
}
:root.dark .chat-filters-panel .border-\[\#D6DEEA\],body.dark .chat-filters-panel .border-\[\#D6DEEA\],:root.dark .chat-filters-panel .border-\[\#E6EAF2\],body.dark .chat-filters-panel .border-\[\#E6EAF2\],:root.dark .chat-filters-panel .border-\[\#CBD5E1\],body.dark .chat-filters-panel .border-\[\#CBD5E1\],:root.dark .pre-sales-filters-panel .border-\[\#D6DEEA\],body.dark .pre-sales-filters-panel .border-\[\#D6DEEA\],:root.dark .pre-sales-filters-panel .border-\[\#E6EAF2\],body.dark .pre-sales-filters-panel .border-\[\#E6EAF2\],:root.dark .pre-sales-filters-panel .border-\[\#CBD5E1\],body.dark .pre-sales-filters-panel .border-\[\#CBD5E1\] {
  border-color: #5a6b98 !important;
}
:root.dark .chat-filters-panel .text-\[\#0f172a\],body.dark .chat-filters-panel .text-\[\#0f172a\],:root.dark .pre-sales-filters-panel .text-\[\#0f172a\],body.dark .pre-sales-filters-panel .text-\[\#0f172a\] {
  color: #eff4ff !important;
}
:root.dark .chat-filters-panel .text-\[\#94A3B8\],body.dark .chat-filters-panel .text-\[\#94A3B8\],:root.dark .pre-sales-filters-panel .text-\[\#94A3B8\],body.dark .pre-sales-filters-panel .text-\[\#94A3B8\] {
  color: #a9b7d8 !important;
}
:root.dark .chat-filters-panel .text-blue-600,body.dark .chat-filters-panel .text-blue-600,:root.dark .chat-filters-panel .text-blue-700,body.dark .chat-filters-panel .text-blue-700,:root.dark .pre-sales-filters-panel .text-blue-600,body.dark .pre-sales-filters-panel .text-blue-600,:root.dark .pre-sales-filters-panel .text-blue-700,body.dark .pre-sales-filters-panel .text-blue-700 {
  color: #f5f8ff !important;
}
:root.dark .chat-filters-panel .dashboard-v2-datepicker .text-blue-600,body.dark .chat-filters-panel .dashboard-v2-datepicker .text-blue-600,:root.dark .chat-filters-panel .dashboard-v2-datepicker .text-blue-700,body.dark .chat-filters-panel .dashboard-v2-datepicker .text-blue-700,:root.dark .pre-sales-filters-panel .dashboard-v2-datepicker .text-blue-600,body.dark .pre-sales-filters-panel .dashboard-v2-datepicker .text-blue-600,:root.dark .pre-sales-filters-panel .dashboard-v2-datepicker .text-blue-700,body.dark .pre-sales-filters-panel .dashboard-v2-datepicker .text-blue-700 {
  color: #dbe6ff !important;
}
:root.dark .chat-filters-panel .text-\[\#2E52FB\],body.dark .chat-filters-panel .text-\[\#2E52FB\],:root.dark .chat-filters-panel .text-\[\#2f5bff\],body.dark .chat-filters-panel .text-\[\#2f5bff\],:root.dark .pre-sales-filters-panel .text-\[\#2E52FB\],body.dark .pre-sales-filters-panel .text-\[\#2E52FB\],:root.dark .pre-sales-filters-panel .text-\[\#2f5bff\],body.dark .pre-sales-filters-panel .text-\[\#2f5bff\] {
  color: #f5f8ff !important;
}
:root.dark .chat-filters-panel .text-slate-700,body.dark .chat-filters-panel .text-slate-700,:root.dark .pre-sales-filters-panel .text-slate-700,body.dark .pre-sales-filters-panel .text-slate-700 {
  color: #dbe6ff !important;
}
:root.dark .chat-filters-panel .text-slate-600,body.dark .chat-filters-panel .text-slate-600,:root.dark .pre-sales-filters-panel .text-slate-600,body.dark .pre-sales-filters-panel .text-slate-600 {
  color: #c3d0ed !important;
}
:root.dark .chat-filters-panel .text-slate-500,body.dark .chat-filters-panel .text-slate-500,:root.dark .pre-sales-filters-panel .text-slate-500,body.dark .pre-sales-filters-panel .text-slate-500 {
  color: #a9b7d8 !important;
}
:root.dark .chat-filters-panel .text-slate-400,body.dark .chat-filters-panel .text-slate-400,:root.dark .pre-sales-filters-panel .text-slate-400,body.dark .pre-sales-filters-panel .text-slate-400 {
  color: #9fb0d8 !important;
}
:root.dark .chat-filters-panel .bg-slate-200,body.dark .chat-filters-panel .bg-slate-200,:root.dark .pre-sales-filters-panel .bg-slate-200,body.dark .pre-sales-filters-panel .bg-slate-200 {
  background-color: #3b476b !important;
}
:root.dark .chat-filters-panel .dashboard-v2-datepicker .bg-blue-50,body.dark .chat-filters-panel .dashboard-v2-datepicker .bg-blue-50,:root.dark .pre-sales-filters-panel .dashboard-v2-datepicker .bg-blue-50,body.dark .pre-sales-filters-panel .dashboard-v2-datepicker .bg-blue-50 {
  background-color: #3b476b !important;
}
:root.dark .chat-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,body.dark .chat-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,:root.dark .chat-filters-panel .hover\:bg-\[\#F8FAFC\]:hover,body.dark .chat-filters-panel .hover\:bg-\[\#F8FAFC\]:hover,:root.dark .pre-sales-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,body.dark .pre-sales-filters-panel .hover\:bg-\[\#F4F7FC\]:hover,:root.dark .pre-sales-filters-panel .hover\:bg-\[\#F8FAFC\]:hover,body.dark .pre-sales-filters-panel .hover\:bg-\[\#F8FAFC\]:hover {
  background-color: #2f3b59 !important;
}
:root.dark .chat-filters-panel .bg-\[\#0f172a\],body.dark .chat-filters-panel .bg-\[\#0f172a\],:root.dark .pre-sales-filters-panel .bg-\[\#0f172a\],body.dark .pre-sales-filters-panel .bg-\[\#0f172a\] {
  background-color: #2f5bff !important;
  border-color: #2f5bff !important;
}
:root.dark .chat-filters-panel .hover\:bg-\[\#111F35\]:hover,body.dark .chat-filters-panel .hover\:bg-\[\#111F35\]:hover,:root.dark .pre-sales-filters-panel .hover\:bg-\[\#111F35\]:hover,body.dark .pre-sales-filters-panel .hover\:bg-\[\#111F35\]:hover {
  background-color: #2b4fe0 !important;
}
:root.dark .chat-filters-panel input,body.dark .chat-filters-panel input,:root.dark .pre-sales-filters-panel input,body.dark .pre-sales-filters-panel input {
  color: #eff4ff !important;
}
:root.dark .chat-filters-panel input::placeholder,body.dark .chat-filters-panel input::placeholder,:root.dark .pre-sales-filters-panel input::placeholder,body.dark .pre-sales-filters-panel input::placeholder {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid,body.dark .chat-grid,:root.dark .pre-sales-grid,body.dark .pre-sales-grid {
  background-color: #383e54 !important;
  border: 1px solid #4f5f86 !important;
  border-radius: 16px !important;
}
:root.dark .chat-grid .chat-grid-header,body.dark .chat-grid .chat-grid-header,:root.dark .pre-sales-grid .pre-sales-grid-header,body.dark .pre-sales-grid .pre-sales-grid-header {
  background-color: #2b3550 !important;
  border-bottom: none !important;
  color: #a9b7d8 !important;
}
body.dark .filter-option-text,:root.dark .filter-option-text {
  color: #f5f8ff !important;
}
:root.dark .chat-grid .chat-grid-loading,body.dark .chat-grid .chat-grid-loading,:root.dark .chat-grid .chat-grid-body,body.dark .chat-grid .chat-grid-body,:root.dark .pre-sales-grid .pre-sales-grid-loading,body.dark .pre-sales-grid .pre-sales-grid-loading,:root.dark .pre-sales-grid .pre-sales-grid-body,body.dark .pre-sales-grid .pre-sales-grid-body {
  background-color: #383e54 !important;
  border-top: none !important;
}
:root.dark .chat-grid .chat-grid-body>:not([hidden])~:not([hidden]),body.dark .chat-grid .chat-grid-body>:not([hidden])~:not([hidden]),:root.dark .pre-sales-grid .pre-sales-grid-body>:not([hidden])~:not([hidden]),body.dark .pre-sales-grid .pre-sales-grid-body>:not([hidden])~:not([hidden]) {
  border-color: #455179 !important;
}
:root.dark .chat-grid .chat-grid-body>:first-child,body.dark .chat-grid .chat-grid-body>:first-child,:root.dark .pre-sales-grid .pre-sales-grid-body>:first-child,body.dark .pre-sales-grid .pre-sales-grid-body>:first-child {
  border-top: none !important;
  border-bottom: none !important;
}
:root.dark .chat-grid .chat-grid-row,body.dark .chat-grid .chat-grid-row,:root.dark .pre-sales-grid .pre-sales-grid-row,body.dark .pre-sales-grid .pre-sales-grid-row {
  background-color: #383e54 !important;
}
:root.dark .chat-grid .chat-grid-row:first-child,body.dark .chat-grid .chat-grid-row:first-child,:root.dark .pre-sales-grid .pre-sales-grid-row:first-child,body.dark .pre-sales-grid .pre-sales-grid-row:first-child {
  border-top: none !important;
  border-bottom: none !important;
}
:root.dark .chat-grid .chat-grid-row:hover,body.dark .chat-grid .chat-grid-row:hover,:root.dark .pre-sales-grid .pre-sales-grid-row:hover,body.dark .pre-sales-grid .pre-sales-grid-row:hover {
  background-color: #425076 !important;
}
:root.dark .chat-grid .chat-grid-text-primary,body.dark .chat-grid .chat-grid-text-primary,:root.dark .pre-sales-grid .pre-sales-grid-text-primary,body.dark .pre-sales-grid .pre-sales-grid-text-primary {
  color: #f5f8ff !important;
}
:root.dark .chat-grid .chat-grid-text-secondary,body.dark .chat-grid .chat-grid-text-secondary,:root.dark .pre-sales-grid .pre-sales-grid-text-secondary,body.dark .pre-sales-grid .pre-sales-grid-text-secondary {
  color: #dbe6ff !important;
}
:root.dark .chat-grid .chat-grid-text-muted,body.dark .chat-grid .chat-grid-text-muted,:root.dark .pre-sales-grid .pre-sales-grid-text-muted,body.dark .pre-sales-grid .pre-sales-grid-text-muted {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid .chat-tag,body.dark .chat-grid .chat-tag,:root.dark .pre-sales-grid .pre-sales-tag,body.dark .pre-sales-grid .pre-sales-tag {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
  color: #c6d4f2 !important;
}
:root.dark .chat-grid .channel-badge,body.dark .chat-grid .channel-badge,:root.dark .pre-sales-grid .channel-badge,body.dark .pre-sales-grid .channel-badge {
  border-color: #2f5bff !important;
}
:root.dark .post-sales-sla-pill.bg-red-50,body.dark .post-sales-sla-pill.bg-red-50,:root.dark .chat-sla-pill.bg-red-50,body.dark .chat-sla-pill.bg-red-50,:root.dark .pre-sales-sla-pill.bg-red-50,body.dark .pre-sales-sla-pill.bg-red-50 {
  background-color: rgba(255,0,0,.34) !important;
  border: 1px solid rgba(239,68,68,.45) !important;
  color: #ffb4b4 !important;
}
:root.dark .post-sales-sla-pill.bg-amber-50,body.dark .post-sales-sla-pill.bg-amber-50,:root.dark .chat-sla-pill.bg-amber-50,body.dark .chat-sla-pill.bg-amber-50,:root.dark .pre-sales-sla-pill.bg-amber-50,body.dark .pre-sales-sla-pill.bg-amber-50 {
  background-color: rgba(245,158,11,.2) !important;
  border: 1px solid rgba(245,158,11,.45) !important;
  color: #f9c97a !important;
}
:root.dark .post-sales-sla-pill.bg-emerald-50,body.dark .post-sales-sla-pill.bg-emerald-50,:root.dark .chat-sla-pill.bg-emerald-50,body.dark .chat-sla-pill.bg-emerald-50,:root.dark .pre-sales-sla-pill.bg-emerald-50,body.dark .pre-sales-sla-pill.bg-emerald-50 {
  background-color: rgba(16,185,129,.18) !important;
  border: 1px solid rgba(16,185,129,.45) !important;
  color: #6ee7b7 !important;
}
:root.dark .post-sales-status-pill.bg-blue-100,body.dark .post-sales-status-pill.bg-blue-100,:root.dark .chat-status-pill.bg-blue-100,body.dark .chat-status-pill.bg-blue-100,:root.dark .pre-sales-status-pill.bg-blue-100,body.dark .pre-sales-status-pill.bg-blue-100 {
  background-color: rgba(47,91,255,.2) !important;
  border-color: rgba(47,91,255,.5) !important;
  color: #dbe6ff !important;
}
:root.dark .post-sales-status-pill.bg-amber-100,body.dark .post-sales-status-pill.bg-amber-100,:root.dark .chat-status-pill.bg-amber-100,body.dark .chat-status-pill.bg-amber-100,:root.dark .pre-sales-status-pill.bg-amber-100,body.dark .pre-sales-status-pill.bg-amber-100 {
  background-color: rgba(245,158,11,.22) !important;
  border-color: rgba(245,158,11,.5) !important;
  color: #f9c97a !important;
}
:root.dark .post-sales-status-pill.bg-slate-100,body.dark .post-sales-status-pill.bg-slate-100,:root.dark .chat-status-pill.bg-slate-100,body.dark .chat-status-pill.bg-slate-100,:root.dark .pre-sales-status-pill.bg-slate-100,body.dark .pre-sales-status-pill.bg-slate-100 {
  background-color: #2b3550 !important;
  border-color: #4f5f86 !important;
  color: #c3d0ed !important;
}
:root.dark .post-sales-status-pill.bg-red-100,body.dark .post-sales-status-pill.bg-red-100,:root.dark .chat-status-pill.bg-red-100,body.dark .chat-status-pill.bg-red-100,:root.dark .pre-sales-status-pill.bg-red-100,body.dark .pre-sales-status-pill.bg-red-100 {
  background-color: rgba(239,68,68,.22) !important;
  border-color: rgba(239,68,68,.55) !important;
  color: #ffb4b4 !important;
}
:root.dark .post-sales-status-pill.bg-emerald-100,body.dark .post-sales-status-pill.bg-emerald-100,:root.dark .chat-status-pill.bg-emerald-100,body.dark .chat-status-pill.bg-emerald-100,:root.dark .pre-sales-status-pill.bg-emerald-100,body.dark .pre-sales-status-pill.bg-emerald-100 {
  background-color: rgba(16,185,129,.22) !important;
  border-color: rgba(16,185,129,.5) !important;
  color: #6ee7b7 !important;
}
:root.dark .post-sales-status-pill.bg-purple-100,body.dark .post-sales-status-pill.bg-purple-100,:root.dark .chat-status-pill.bg-purple-100,body.dark .chat-status-pill.bg-purple-100,:root.dark .pre-sales-status-pill.bg-purple-100,body.dark .pre-sales-status-pill.bg-purple-100 {
  background-color: rgba(168,85,247,.2) !important;
  border-color: rgba(168,85,247,.5) !important;
  color: #d8b4fe !important;
}
:root.dark .post-sales-status-pill.bg-gray-100,body.dark .post-sales-status-pill.bg-gray-100,:root.dark .chat-status-pill.bg-gray-100,body.dark .chat-status-pill.bg-gray-100,:root.dark .pre-sales-status-pill.bg-gray-100,body.dark .pre-sales-status-pill.bg-gray-100 {
  background-color: #2b3550 !important;
  border-color: #4f5f86 !important;
  color: #c3d0ed !important;
}
:root.dark .chat-grid .chat-grid-empty,body.dark .chat-grid .chat-grid-empty,:root.dark .pre-sales-grid .pre-sales-grid-empty,body.dark .pre-sales-grid .pre-sales-grid-empty {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid .chat-grid-empty button,body.dark .chat-grid .chat-grid-empty button,:root.dark .pre-sales-grid .pre-sales-grid-empty button,body.dark .pre-sales-grid .pre-sales-grid-empty button {
  background-color: #2b3550 !important;
  border-color: #5a6b98 !important;
  color: #dbe6ff !important;
}
:root.dark .chat-grid .chat-grid-empty button:hover,body.dark .chat-grid .chat-grid-empty button:hover,:root.dark .pre-sales-grid .pre-sales-grid-empty button:hover,body.dark .pre-sales-grid .pre-sales-grid-empty button:hover {
  background-color: #3a4564 !important;
  color: #f5f8ff !important;
}
:root.dark .chat-grid input[type=checkbox],body.dark .chat-grid input[type=checkbox],:root.dark .pre-sales-grid input[type=checkbox],body.dark .pre-sales-grid input[type=checkbox] {
  accent-color: #2f5bff;
  border-color: #6e82b7;
  background-color: #2b3550;
}
:root.dark .chat-grid-footer>div,body.dark .chat-grid-footer>div,:root.dark .pre-sales-grid-footer>div,body.dark .pre-sales-grid-footer>div {
  background-color: #383e54 !important;
  border-top-color: #455179 !important;
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-footer span,body.dark .chat-grid-footer span,:root.dark .pre-sales-grid-footer span,body.dark .pre-sales-grid-footer span {
  color: #a9b7d8 !important;
}
:root.dark .chat-grid-footer button,body.dark .chat-grid-footer button,:root.dark .pre-sales-grid-footer button,body.dark .pre-sales-grid-footer button {
  background-color: #2b3550 !important;
  border-color: #4f5f86 !important;
  color: #dbe6ff !important;
}
:root.dark .chat-grid-footer button:hover,body.dark .chat-grid-footer button:hover,:root.dark .pre-sales-grid-footer button:hover,body.dark .pre-sales-grid-footer button:hover {
  background-color: #3a4564 !important;
}
:root.dark .chat-grid-footer button:disabled,body.dark .chat-grid-footer button:disabled,:root.dark .pre-sales-grid-footer button:disabled,body.dark .pre-sales-grid-footer button:disabled {
  opacity: .5 !important;
}
:root.dark .chat-grid-footer .bg-\[\#0f172a\],body.dark .chat-grid-footer .bg-\[\#0f172a\],:root.dark .pre-sales-grid-footer .bg-\[\#0f172a\],body.dark .pre-sales-grid-footer .bg-\[\#0f172a\] {
  background-color: #2f5bff !important;
  border-color: #2f5bff !important;
}
:root.dark .chat-grid-footer .text-white,body.dark .chat-grid-footer .text-white,:root.dark .pre-sales-grid-footer .text-white,body.dark .pre-sales-grid-footer .text-white {
  color: #f5f8ff !important;
}
:root.dark .chat-grid-footer .text-slate-600,body.dark .chat-grid-footer .text-slate-600,:root.dark .chat-grid-footer .text-slate-500,body.dark .chat-grid-footer .text-slate-500,:root.dark .chat-grid-footer .text-gray-500,body.dark .chat-grid-footer .text-gray-500,:root.dark .pre-sales-grid-footer .text-slate-600,body.dark .pre-sales-grid-footer .text-slate-600,:root.dark .pre-sales-grid-footer .text-slate-500,body.dark .pre-sales-grid-footer .text-slate-500,:root.dark .pre-sales-grid-footer .text-gray-500,body.dark .pre-sales-grid-footer .text-gray-500 {
  color: #a9b7d8 !important;
}
:root.dark .pre-sales-stat-card>div,body.dark .pre-sales-stat-card>div {
  background-color: #3d445c !important;
  border-color: #5a6b98 !important;
}
:root.dark .pre-sales-grid-shell,body.dark .pre-sales-grid-shell {
  background-color: #3d445c !important;
  border-color: #4f5f86 !important;
}
:root.dark .pre-sales-grid-toolbar,body.dark .pre-sales-grid-toolbar {
  background-color: #3d445c !important;
  border-bottom-color: #4f5f86 !important;
}
:root.dark .pre-sales-grid,body.dark .pre-sales-grid {
  background-color: #3d445c !important;
  border-color: #4f5f86 !important;
}
:root.dark .pre-sales-grid .pre-sales-grid-loading,body.dark .pre-sales-grid .pre-sales-grid-loading,:root.dark .pre-sales-grid .pre-sales-grid-body,body.dark .pre-sales-grid .pre-sales-grid-body {
  background-color: #3d445c !important;
}
:root.dark .pre-sales-grid .pre-sales-grid-row,body.dark .pre-sales-grid .pre-sales-grid-row {
  background-color: #3d445c !important;
}
:root.dark .pre-sales-grid .pre-sales-grid-row:hover,body.dark .pre-sales-grid .pre-sales-grid-row:hover {
  background-color: #465277 !important;
}
:root.dark .pre-sales-grid-footer>div,body.dark .pre-sales-grid-footer>div {
  background-color: #3d445c !important;
  border-top-color: #4f5f86 !important;
}
:root.dark .pre-sales-answer-page,body.dark .pre-sales-answer-page {
  background-color: #1c2030 !important;
  color: #e5ecfb !important;
}
:root.dark .pre-sales-answer-page .bg-white,body.dark .pre-sales-answer-page .bg-white,:root.dark .pre-sales-answer-page [style*="background-color: #fff"],body.dark .pre-sales-answer-page [style*="background-color: #fff"] {
  background-color: #3d445c !important;
}
:root.dark .pre-sales-answer-page .border-\[\#DCE5F2\],body.dark .pre-sales-answer-page .border-\[\#DCE5F2\],:root.dark .pre-sales-answer-page .border-\[\#E8EDF5\],body.dark .pre-sales-answer-page .border-\[\#E8EDF5\],:root.dark .pre-sales-answer-page .border-\[\#E6EDF8\],body.dark .pre-sales-answer-page .border-\[\#E6EDF8\],:root.dark .pre-sales-answer-page .border-\[\#ECF2FB\],body.dark .pre-sales-answer-page .border-\[\#ECF2FB\],:root.dark .pre-sales-answer-page .border-\[\#E2E8F0\],body.dark .pre-sales-answer-page .border-\[\#E2E8F0\],:root.dark .pre-sales-answer-page .border-\[\#D6DEEA\],body.dark .pre-sales-answer-page .border-\[\#D6DEEA\],:root.dark .pre-sales-answer-page .border-\[\#D3DBE8\],body.dark .pre-sales-answer-page .border-\[\#D3DBE8\],:root.dark .pre-sales-answer-page .border-\[\#CED8E8\],body.dark .pre-sales-answer-page .border-\[\#CED8E8\],:root.dark .pre-sales-answer-page .border-\[\#D7DFEC\],body.dark .pre-sales-answer-page .border-\[\#D7DFEC\],:root.dark .pre-sales-answer-page .border-\[\#C9D8EF\],body.dark .pre-sales-answer-page .border-\[\#C9D8EF\],:root.dark .pre-sales-answer-page .border-\[\#C9D8EE\],body.dark .pre-sales-answer-page .border-\[\#C9D8EE\],:root.dark .pre-sales-answer-page .border-\[\#C7D2E5\],body.dark .pre-sales-answer-page .border-\[\#C7D2E5\],:root.dark .pre-sales-answer-page .border-\[\#CBD5E1\],body.dark .pre-sales-answer-page .border-\[\#CBD5E1\],:root.dark .pre-sales-answer-page .border-\[\#E6DCF2\],body.dark .pre-sales-answer-page .border-\[\#E6DCF2\] {
  border-color: #4f5f86 !important;
}
:root.dark .pre-sales-answer-page .border-\[\#E6EDF7\].bg-white,body.dark .pre-sales-answer-page .border-\[\#E6EDF7\].bg-white {
  background-color: #2b3550 !important;
  border-color: #455179 !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#F8FAFC\],body.dark .pre-sales-answer-page .bg-\[\#F8FAFC\],:root.dark .pre-sales-answer-page .bg-\[\#F8FAFF\],body.dark .pre-sales-answer-page .bg-\[\#F8FAFF\],:root.dark .pre-sales-answer-page .bg-\[\#EAF1FB\],body.dark .pre-sales-answer-page .bg-\[\#EAF1FB\],:root.dark .pre-sales-answer-page .bg-\[\#EDF3FC\],body.dark .pre-sales-answer-page .bg-\[\#EDF3FC\],:root.dark .pre-sales-answer-page .bg-\[\#F7FAFF\],body.dark .pre-sales-answer-page .bg-\[\#F7FAFF\],:root.dark .pre-sales-answer-page .bg-\[\#F1F6FF\],body.dark .pre-sales-answer-page .bg-\[\#F1F6FF\],:root.dark .pre-sales-answer-page .bg-\[\#EEF4FF\],body.dark .pre-sales-answer-page .bg-\[\#EEF4FF\],:root.dark .pre-sales-answer-page .bg-\[\#F7F3FC\],body.dark .pre-sales-answer-page .bg-\[\#F7F3FC\],:root.dark .pre-sales-answer-page .bg-\[\#F9F2FF\],body.dark .pre-sales-answer-page .bg-\[\#F9F2FF\] {
  background-color: #2b3550 !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#fff5f6\],body.dark .pre-sales-answer-page .bg-\[\#fff5f6\] {
  background-color: rgba(239,68,68,.16) !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#ECEFFF\],body.dark .pre-sales-answer-page .bg-\[\#ECEFFF\],:root.dark .pre-sales-answer-page .bg-\[\#DBEAFE\],body.dark .pre-sales-answer-page .bg-\[\#DBEAFE\] {
  background-color: rgba(47,91,255,.2) !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#E9FBF0\],body.dark .pre-sales-answer-page .bg-\[\#E9FBF0\] {
  background-color: rgba(16,185,129,.22) !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#FEF3C7\],body.dark .pre-sales-answer-page .bg-\[\#FEF3C7\] {
  background-color: rgba(245,158,11,.22) !important;
}
:root.dark .pre-sales-answer-page .bg-blue-50,body.dark .pre-sales-answer-page .bg-blue-50,:root.dark .pre-sales-answer-page .bg-blue-100,body.dark .pre-sales-answer-page .bg-blue-100 {
  background-color: rgba(47,91,255,.18) !important;
}
:root.dark .pre-sales-answer-page .border-blue-100,body.dark .pre-sales-answer-page .border-blue-100 {
  border-color: rgba(47,91,255,.35) !important;
}
:root.dark .pre-sales-answer-page .text-slate-800,body.dark .pre-sales-answer-page .text-slate-800,:root.dark .pre-sales-answer-page .text-\[\#1E2D4C\],body.dark .pre-sales-answer-page .text-\[\#1E2D4C\],:root.dark .pre-sales-answer-page .text-\[\#1f365e\],body.dark .pre-sales-answer-page .text-\[\#1f365e\],:root.dark .pre-sales-answer-page .text-\[\#1F2A44\],body.dark .pre-sales-answer-page .text-\[\#1F2A44\] {
  color: #f5f8ff !important;
}
:root.dark .pre-sales-answer-page .text-slate-700,body.dark .pre-sales-answer-page .text-slate-700,:root.dark .pre-sales-answer-page .text-slate-600,body.dark .pre-sales-answer-page .text-slate-600,:root.dark .pre-sales-answer-page .text-\[\#556784\],body.dark .pre-sales-answer-page .text-\[\#556784\],:root.dark .pre-sales-answer-page .text-\[\#5A6B88\],body.dark .pre-sales-answer-page .text-\[\#5A6B88\],:root.dark .pre-sales-answer-page .text-\[\#5E6E89\],body.dark .pre-sales-answer-page .text-\[\#5E6E89\],:root.dark .pre-sales-answer-page .text-\[\#7C8DAA\],body.dark .pre-sales-answer-page .text-\[\#7C8DAA\] {
  color: #c3d0ed !important;
}
:root.dark .pre-sales-answer-page .text-slate-500,body.dark .pre-sales-answer-page .text-slate-500,:root.dark .pre-sales-answer-page .text-slate-400,body.dark .pre-sales-answer-page .text-slate-400,:root.dark .pre-sales-answer-page .text-gray-600,body.dark .pre-sales-answer-page .text-gray-600,:root.dark .pre-sales-answer-page .text-gray-500,body.dark .pre-sales-answer-page .text-gray-500,:root.dark .pre-sales-answer-page .text-gray-400,body.dark .pre-sales-answer-page .text-gray-400 {
  color: #a9b7d8 !important;
}
:root.dark .pre-sales-answer-page .text-\[\#2E52FB\],body.dark .pre-sales-answer-page .text-\[\#2E52FB\],:root.dark .pre-sales-answer-page .text-\[\#3B53EE\],body.dark .pre-sales-answer-page .text-\[\#3B53EE\],:root.dark .pre-sales-answer-page .text-\[\#5B5CE2\],body.dark .pre-sales-answer-page .text-\[\#5B5CE2\],:root.dark .pre-sales-answer-page .text-\[\#4F46E5\],body.dark .pre-sales-answer-page .text-\[\#4F46E5\],:root.dark .pre-sales-answer-page .text-\[\#7C3AED\],body.dark .pre-sales-answer-page .text-\[\#7C3AED\] {
  color: #8fb1ff !important;
}
:root.dark .pre-sales-answer-page .text-\[\#16A34A\],body.dark .pre-sales-answer-page .text-\[\#16A34A\] {
  color: #6ee7b7 !important;
}
:root.dark .pre-sales-answer-page .text-\[\#e02424\],body.dark .pre-sales-answer-page .text-\[\#e02424\] {
  color: #ff9b9b !important;
}
:root.dark .pre-sales-answer-page .text-purple-600,body.dark .pre-sales-answer-page .text-purple-600 {
  color: #be9ae5 !important;
}
:root.dark .pre-sales-answer-page .text-\[\#B45309\],body.dark .pre-sales-answer-page .text-\[\#B45309\] {
  color: #f9c97a !important;
}
:root.dark .pre-sales-answer-page .border-\[\#2E52FB\],body.dark .pre-sales-answer-page .border-\[\#2E52FB\],:root.dark .pre-sales-answer-page .border-\[\#B8CBF7\],body.dark .pre-sales-answer-page .border-\[\#B8CBF7\],:root.dark .pre-sales-answer-page .border-purple-200,body.dark .pre-sales-answer-page .border-purple-200 {
  border-color: #2f5bff !important;
}
:root.dark .pre-sales-answer-page .border-\[\#f9c9ce\],body.dark .pre-sales-answer-page .border-\[\#f9c9ce\] {
  border-color: rgba(239,68,68,.45) !important;
}
:root.dark .pre-sales-answer-page .answer-improve-button,body.dark .pre-sales-answer-page .answer-improve-button {
  background-color: #3a3454 !important;
  border-color: #8b5cf6 !important;
  color: #d7c4ff !important;
}
:root.dark .pre-sales-answer-page .answer-improve-button:hover,body.dark .pre-sales-answer-page .answer-improve-button:hover {
  background-color: #433d62 !important;
  border-color: #9f7aea !important;
  color: #ede9fe !important;
}
:root.dark .pre-sales-answer-page .answer-improve-button:disabled,body.dark .pre-sales-answer-page .answer-improve-button:disabled {
  background-color: #4b4761 !important;
  border-color: #6f6791 !important;
  color: #bda9ec !important;
}
:root.dark .pre-sales-answer-page .bg-\[\#2E52FB\],body.dark .pre-sales-answer-page .bg-\[\#2E52FB\] {
  background-color: #2f5bff !important;
}
:root.dark .pre-sales-answer-page .channel-badge,body.dark .pre-sales-answer-page .channel-badge {
  background-color: #2b3550 !important;
  border-color: #2f5bff !important;
  color: #8fb1ff !important;
}
:root.dark .pre-sales-answer-page .channel-badge *,body.dark .pre-sales-answer-page .channel-badge * {
  color: #8fb1ff !important;
}
:root.dark .pre-sales-answer-page .pre-sales-answer-marketplace-name,body.dark .pre-sales-answer-page .pre-sales-answer-marketplace-name,:root.dark .pre-sales-answer-marketplace-name,body.dark .pre-sales-answer-marketplace-name {
  color: #f5f8ff !important;
}
:root.dark .pre-sales-answer-page input,body.dark .pre-sales-answer-page input,:root.dark .pre-sales-answer-page textarea,body.dark .pre-sales-answer-page textarea {
  color: #eff4ff !important;
}
:root.dark .pre-sales-answer-page input::placeholder,body.dark .pre-sales-answer-page input::placeholder,:root.dark .pre-sales-answer-page textarea::placeholder,body.dark .pre-sales-answer-page textarea::placeholder {
  color: #9fb0d8 !important;
}
@media (min-width: 1024px) {
  :root.dark .dashboard-v2-root .dashboard-v2-filter .dashboard-v2-toggle-group,body.dark .dashboard-v2-root .dashboard-v2-filter .dashboard-v2-toggle-group {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}
.margin-top-chart {
  margin-top: 10px;
}
.center-chart-options {
  justify-content: center;
}
.border-sla {
  border-top: 1px solid #77c8d2;
  margin-right: -5px;
}
.border-sla-left {
  margin-left: 5px;
  border-right: 1px solid #77c8d2;
}
.border-sla-right {
  margin-right: -5px;
  border-left: 1px solid #77c8d2;
}
.title-box-sla {
  font-size: 10px;
  color: #000;
  margin-top: 8px;
}
.title-box-sla-general {
  font-size: 12px;
  color: #000;
  margin-top: 8px;
}
.hour-interval-box-sla {
  font-size: 11px;
  color: #000;
}
.average-box-sla {
  font-size: 18px;
  color: #153f8f;
  font-weight: 500;
  margin-top: 8px;
}
.average-box-sla-green {
  font-size: 18px;
  color: #5e5e5e;
  font-weight: 500;
  margin-top: 8px;
}
.main-average-sla-box {
  position: absolute;
  width: 100%;
  height: 100%;
}
.average-sla-green {
  color: #33a17c !important;
}
.main-average-sla {
  position: relative;
  color: #5e5e5e;
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  margin-top: 25px;
}
.main-average-subtitle {
  margin-top: -8px;
}
.margin-bottom-8 {
  margin-bottom: 8px;
}
.margin-bottom-16 {
  margin-bottom: 16px;
}
.margin-bottom-24 {
  margin-bottom: 24px;
}
.margin-bottom-32 {
  margin-bottom: 32px;
}
.account-dash-selector {
  margin: auto;
  width: 100%;
}
.report-selector {
  margin-left: 15px;
  width: 300px;
}
.wait-report {
  margin-left: 20px;
  font-size: 12px;
}
.wait-icon-report {
  margin-left: 35px;
}
.type-config-selector {
  margin-left: 15px;
  width: 150px;
}
.account-config-selector {
  margin-left: 15px;
  width: 300px;
}
.automatic-msg-subtitle {
  margin-left: 15px;
  font-weight: 500;
  color: #153f8f;
}
.dash-selector-type {
  margin-left: 15px;
  width: 95px;
}
.dash-selector-marketplace {
  margin-left: 5px;
  width: 125px;
}
.dash-selector-account {
  margin-left: 5px;
  width: 155px;
}
.progress {
  position: relative;
  margin: 4px;
  float: left;
  text-align: center;
  height: 100px;
  background-color: #fff;
}
.barOverflow {
  position: relative;
  overflow: hidden;
  width: 140px;
  height: 80px;
  margin-bottom: -8px;
}
.bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 5px solid #153f8f;
}
.bar-green {
  border: 5px solid #33a17c;
}
.main-average-area {
  width: 100px;
  height: 100px;
}
.margin-right-24 {
  margin-right: 24px;
}
.row-height {
  height: 68vh;
}
.filter {
  cursor: pointer;
}
.filter:hover {
  background-color: #5aa1d8;
  color: #000 !important;
}
.filter-legend {
  margin-left: 5px;
  font-size: 70%;
}
.fullfilment-icon {
  border: 1px #153f8f solid;
  border-radius: 50px;
  color: #153f8f;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 .7em;
}
.flash-icon {
  width: .6em;
}
.font-500 {
  font-weight: 500;
}
.claim-closed {
  background-color: #153f8f;
  color: #e3ecff;
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
}
.ml-color-font {
  color: #333;
}
.font-80 {
  font-size: 80%;
}
.font-weight-500 {
  font-weight: 500;
}
.attachment-fail {
  font-size: 80%;
  color: #533f03;
  font-weight: bold;
}
.attachment-fail:hover {
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}
.fail-attachment-message {
  font-weight: 300;
  font-size: 80%;
  margin-top: 10px;
  margin-bottom: -10px;
}
.ml-mediation {
  background-color: #fff159;
  color: #000;
  font-weight: 600;
}
.advert-height {
  min-height: 75vh;
}
.global-style {
  overflow-x: hidden;
}
.react-swipeable-view-container {
  height: 100% !important;
}
.chip-space {
  padding-bottom: 20px;
}
.small-font-drag-component {
  font-size: 70%;
}
.width-1-4 {
  width: 330px;
}
.full-width {
  width: 100%;
}
.list-width {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.table-home {
  margin-right: 2rem;
}
.height-chart-dash {
  height: 365px;
}
.filter-icon {
  width: 18px;
  cursor: pointer;
  margin-left: 3px;
}
.col-table-1 {
  margin: 0px;
}
@media (max-width: 1024px) {
  .col-table-1 {
    padding-left: 5px;
    padding-right: 5px;
    width: 10px;
  }
}
@media (min-width: 1030px)and (max-width: 1536px) {
  .col-table-1 {
    padding-left: 10px;
    padding-right: 10px;
    width: 25px;
  }
}
@media (min-width: 1537px)and (max-width: 1440px) {
  .col-table-1 {
    padding-left: 10px;
    padding-right: 10px;
    width: 100px;
  }
}
@media (min-width: 1538px) {
  .col-table-1 {
    padding-left: 10px;
    padding-right: 10px;
    width: 150px;
  }
}
.col-table-2 {
  margin: 0px;
}
@media (max-width: 1024px) {
  .col-table-2 {
    padding-left: 5px;
    padding-right: 5px;
    width: 25px;
  }
}
@media (min-width: 1030px)and (max-width: 1536px) {
  .col-table-2 {
    padding-left: 10px;
    padding-right: 10px;
    width: 40px;
  }
}
@media (min-width: 1537px)and (max-width: 1440px) {
  .col-table-2 {
    padding-left: 10px;
    padding-right: 10px;
    width: 250px;
  }
}
@media (min-width: 1538px) {
  .col-table-2 {
    padding-left: 10px;
    padding-right: 10px;
    width: 350px;
  }
}
.col-table-3 {
  margin: 0px;
}
@media (max-width: 1024px) {
  .col-table-3 {
    padding-left: 5px;
    padding-right: 5px;
    width: 30px;
  }
}
@media (min-width: 1030px)and (max-width: 1536px) {
  .col-table-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 100px;
  }
}
@media (min-width: 1537px)and (max-width: 1440px) {
  .col-table-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 350px;
  }
}
@media (min-width: 1538px) {
  .col-table-3 {
    padding-left: 10px;
    padding-right: 10px;
    width: 600px;
  }
}
.dash-chart-paper {
  height: 440px;
}
.full-height {
  height: 100%;
}
.full-space {
  width: 90vw;
  height: 90vh;
}
.full-space-boundary {
  width: 90vw !important;
  height: 90vh !important;
}
.Mention-proxy {
  margin-right: 0 !important;
}
.padding {
  padding: 10px;
}
.no-padding-bottom {
  padding-bottom: 0px !important;
}
.no-padding {
  padding: 0px;
}
.Mention-area {
  z-index: 1 !important;
}
.Mention-textarea {
  z-index: 1 !important;
}
.checkbox-div {
  height: 40px;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.tabs {
  width: 100%;
}
.MuiTypography-body1-78 {
  height: 100% !important;
}
.MuiCheckbox-colorSecondary-789.MuiCheckbox-checked-785 {
  color: #153f8f;
}
.color-2 {
  color: #153f8f;
}
.tab-attributes {
  height: 300px;
  width: 99%;
}
.obs-box {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
}
.padding-5 {
  padding: 5px;
}
.banner-carousel {
  padding-left: 15px;
  padding-right: 50px;
  max-width: 100%;
  line-height: 1;
  width: 100%;
}
.obs-container {
  min-height: 270px;
}
.scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.scroll-div-200 {
  overflow: auto;
  height: 230px;
  padding: 2px;
}
.scroll-div-400 {
  overflow: auto;
  height: 400px;
}
.scroll-div-500 {
  overflow: auto;
  height: 500px;
}
.scroll-div-600 {
  overflow: auto;
  height: 600px;
}
.app-container {
  display: grid;
  grid-template-columns: 240px 1fr;
  grid-template-rows: 1fr;
  min-height: 100vh;
  width: 100%;
}
.app-container.full-width {
  display: block;
}
.app-container.full-width .view-container {
  width: 100%;
  height: 100%;
}
.app-container .view-container {
  width: 100%;
  height: calc(100% - 40px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
}
.app-container .view-container .card {
  padding: 1rem;
}
.card-claim {
  padding: 10px 0px;
  margin: 10px 0px;
  background-color: #153f8f;
  border-radius: 10px;
}
.Mention-suggestions {
  width: 80% !important;
}
.color-primary {
  color: #153f8f;
}
.color-secondary {
  color: #e3ecff;
}
.hr-grey {
  border: 1px solid #cacaca;
  width: 80%;
}
.margin-select {
  margin-top: -5px;
  margin-bottom: 0px;
  margin-right: 125px;
}
.warn-error-messages {
  margin-left: 10px;
  font-size: 14px;
  color: #ad3e02 !important;
  cursor: pointer;
}
.flex-vertical-center-space-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.table-pagination span,.table-pagination button,.list-height-question span,.filters-header span,.tickets-text-filter label,.filters-header label,.order-list th {
  color: #000;
  font-family: "NoirPro-Light",sans-serif;
}
.questions-menu span>span {
  background-color: #153f8f !important;
}
.user-answer-chip {
  color: #e3ecff !important;
}
.ticket-view h6,.ticket-view .h6,.list-height-question h6,.list-height-question .h6,.ticket-view span {
  font-family: "NoirPro-Light",sans-serif;
}
.inbox-ticket-pos-order span>span {
  background-color: #153f8f;
}
.ticket-view p {
  font-family: "NoirPro-Light",sans-serif;
}
[role=button],[role=listbox]>li,.box-filter label {
  color: #000;
  font-family: "NoirPro-Light",sans-serif;
}
.flex-vertical {
  display: flex;
  flex-direction: row;
}
.flex-vertical-end {
  justify-content: flex-end;
}
.set-user-selector {
  float: right !important;
  margin-left: auto !important;
  margin-top: 10px;
  margin-right: 18px;
}
.red {
  background-color: red;
}
.check-greeting {
  padding: 0px;
  margin: 0px 5px 0px 0px;
}
.check-messsage {
  padding-left: 13px;
}
.check-signature {
  padding: 0px;
  margin: 0px 5px 0px 0px;
}
.claim-progress {
  padding: 83px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-16 {
  padding-top: 16px;
}
.padding-100 {
  padding: 0 100px;
}
.padding-50 {
  padding: 10px 50px;
}
.title-blue {
  font-size: 17px;
  font-weight: 500;
  color: #5aa1d8;
}
.padding-paper-header {
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-top: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-left-30 {
  padding-left: 30px;
}
.padding-left-5 {
  padding-left: 5px;
}
.button-reject-answer,.button-approved-answer {
  background-color: #d96464;
  margin-top: 8px;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 11px;
  box-shadow: none;
}
.button-reject-answer:hover,.button-approved-answer:hover {
  cursor: default !important;
  background-color: #d96464 !important;
}
.button-approved-answer {
  background-color: #76b82a;
}
.button-approved-answer:hover {
  background-color: #76b82a !important;
}
.button-moderated-answer {
  background-color: #daa520;
  margin-top: 8px;
  border-radius: 60px;
  color: #e3ecff;
  float: right;
  font-size: 11px;
  margin-right: 5px;
  box-shadow: none;
}
.button-moderated-answer:hover {
  cursor: default !important;
  background-color: #daa520 !important;
}
.button-answer-freight-quote {
  background-color: #153f8f;
  margin-top: 8px;
  border-radius: 60px;
  color: #e3ecff;
  float: right;
  font-size: 11px;
  margin-right: 5px;
  box-shadow: none;
}
.button-answer-freight-quote:hover {
  background-color: #153f8f !important;
}
.cursor-default {
  cursor: default !important;
}
.border-red {
  border: 1px solid red;
}
.margin-top-10 {
  margin-top: 10px;
}
.background-red {
  background-color: red;
}
.background-white {
  background-color: #e3ecff;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-rem {
  margin-bottom: 3rem;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-top-5 {
  margin-top: 5px;
}
.action-button-no-margin {
  background: #153f8f;
  color: #e3ecff;
  border-radius: 56px;
  font-size: 12px;
  margin-right: 5px;
  height: 25px;
}
.action-button-no-margin:hover {
  background: #153f8f;
}
.action-button-no-margin-selected {
  background-color: #77c8d2;
  color: #000;
  border-radius: 56px;
  font-size: 12px;
  margin-right: 5px;
  height: 25px;
}
.chip-answer-dynamic {
  background-color: #153f8f;
  color: #e3ecff;
  height: 20px;
  margin-left: 10px;
  margin-top: 3px;
}
.answer-edit-checks input[type=checkbox]:checked,.answer-edit-checks label>span>span {
  color: #153f8f !important;
}
.grid-pre-pos {
  display: grid;
  align-items: flex-end;
  justify-content: flex-end;
  grid-template-columns: 55% 1fr;
  grid-gap: 2rem;
}
.grid-pre-pos span:nth-of-type(1) {
  text-align: end;
}
.grip-chat-pre-pos {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  grid-gap: 2rem;
}
.modal-mercado-container {
  width: 50vw;
  padding: 2rem;
}
.MuiBadge-colorSecondary-132 {
  color: #fff;
  background-color: #153f8f;
}
.space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.send-messsage-icon {
  padding-left: 5px;
}
.send-messsage-icon-waiting {
  color: orange;
  font-size: 16px;
  margin-top: -2px;
}
.send-messsage-icon-fail {
  color: red;
  font-size: 16px;
  margin-top: -2px;
}
.send-messsage-icon-success {
  color: #059669;
  font-size: 16px;
  margin-top: -2px;
}
.space-around {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.flex-margin-left {
  display: flex;
  margin-left: 10px;
}
.flex-column-space-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-vertical-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cursor {
  cursor: pointer;
}
.tickets-filter {
  width: 10vw !important;
}
.email-text-filter {
  width: 400px !important;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: 20px;
}
.tickets-size {
  width: calc(70vw - 70px);
}
.tickets-actions {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  width: calc(30vw - 70px);
}
.filter-width {
  width: 100%;
  margin: 0px;
}
.filter-width span {
  font-size: 1rem;
}
.margin-0 {
  margin: 0px !important;
}
.break-text {
  text-overflow: ellipsis;
  width: 180px;
  white-space: nowrap;
  overflow: hidden;
}
.break-text:hover {
  text-overflow: clip;
  word-wrap: break-word;
  white-space: normal;
}
.padding-0 {
  padding: 0px !important;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-row-start {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.overflow {
  overflow-y: scroll;
}
.claim-list-color {
  background-color: #fffbd7;
}
.mediation-list-color {
  background-color: #ffbc40;
}
.return-list-color {
  background-color: #ffc966;
}
.disable-click {
  pointer-events: none;
  opacity: .7;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.flex-horizontal-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column-justify-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-left-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.text-right-center {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.loading-div {
  width: 100%;
}
.title-size {
  font-size: 20px;
}
.padding-box {
  padding: 20px 10px 0px 10px;
}
.header-error {
  background-color: #e85e6c;
}
.ml-warn {
  background-color: #fff159;
}
.message-error-image {
  margin-top: 40px;
}
.height-90 {
  height: 92%;
}
.height-520 {
  height: 520px;
}
.height-700 {
  height: 700px;
}
.font-20 {
  font-size: 20px;
  color: #fff;
}
.font-16 {
  font-size: 16px;
}
.font-14 {
  font-size: 14px;
}
.font-12 {
  font-size: 12px;
}
.font-10 {
  font-size: 9px;
}
.padding-subtitle {
  padding-left: 15px;
  padding-bottom: 5px;
  padding-top: 10px;
}
.padding-buttons-group {
  padding: 0px 10px 0px 10px;
}
.side-space-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.limit {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.over-hidden {
  overflow: hidden;
}
.vh-80 {
  height: 80vh;
}
.no-padding-right {
  padding-right: 0;
}
.no-padding-left {
  padding-left: 0;
}
.muiTab-wrapper span:last-child {
  padding-left: 0px !important;
  display: flex;
  justify-content: flex-start;
}
.icon-right {
  margin-left: 10px;
  color: #153f8f;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-left-5 {
  margin-left: 5px;
}
.filter-tag {
  margin-left: 15px;
  margin-right: 15px;
  width: 80%;
}
.filter-tag-in {
  height: 35px;
  padding-top: 0px;
  width: auto;
}
.font-bold {
  font-weight: 500;
}
.font-bold-900 {
  font-weight: 900;
}
.small-icon {
  height: 22px;
  width: 22px;
}
.archived-color-icon {
  color: #b06100;
}
.margin-left-minus-15 {
  margin-left: -15px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-10 {
  margin-right: 10px;
}
.margin-left-30 {
  margin-left: 30px;
}
.field-low-margin {
  margin: 18px 0px 0px 0px;
}
.color-grey {
  color: #000;
}
.color-grey-light {
  color: #bdbdbd;
}
.account-list {
  overflow-x: hidden;
  overflow-y: auto;
  height: 60%;
}
.center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.text-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: self-start;
}
.right-side {
  width: 100%;
}
.left-side {
  max-width: 60px;
}
.flexbox-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.list-height {
  min-height: 65vh;
}
.list-height-question {
  min-height: 70vh;
}
.snackError {
  background-color: #d32f2f;
  color: #e3ecff;
}
.snackWarning {
  background-color: #ffa000;
  color: #e3ecff;
}
.snackInfo {
  background-color: #1976d2;
  color: #e3ecff;
  width: 450px;
}
.snackSuccess {
  background-color: #297819;
  color: #e3ecff;
}
.snackFull {
  background-color: #153f8f;
  color: #e3ecff;
}
.snackEdit {
  background-color: #153f8f;
  color: #e3ecff;
}
.default-button {
  background: #77c8d2;
  color: #000;
  float: left;
  border-radius: 60px;
  font-size: 12px;
  margin-bottom: 5px;
}
.default-button:hover {
  background: #77c8d2;
}
.secondary-badge {
  background-color: #77c8d2;
}
.MuiTypography-body1-121 {
  height: 100%;
}
.MuiCheckbox-colorSecondary-27.MuiCheckbox-checked-23 {
  color: #153f8f;
}
.MuiCheckbox-colorSecondary-758.MuiCheckbox-checked-754 {
  color: #153f8f;
}
.jss3079.jss3075 {
  color: #153f8f;
}
.jss2660 {
  color: #e3ecff;
}
.hr-space {
  margin: 40px 20px 30px 20px;
}
.hr-size {
  width: 100%;
}
.view-routes {
  height: 100%;
  width: 90%;
}
.view-routes>div {
  height: 100%;
}
.fullscreen {
  position: fixed;
  top: 100px;
  left: 0px;
  width: 99% !important;
  height: calc(100vh - 110px) !important;
  margin: 5px;
  z-index: 1000;
  padding: 5px 25px 50px 25px !important;
}
.body-container-root {
  display: flex;
  margin-left: 60px;
  margin-top: 50px;
}
.body-container-content {
  flex-grow: 1;
}
.loading-circular {
  color: #5aa1d8;
}
.description-text {
  text-align: justify;
  height: 200px;
  padding-top: 5px;
  padding-right: 5px;
  overflow: scroll;
  white-space: pre-wrap;
}
.full-width-container {
  max-width: 99% !important;
  width: 95vw;
  padding: 10px 10px 10px 10px;
}
.full-width-container-banner {
  width: 100%;
  padding-left: 12px;
}
.browserupgrade {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0;
}
.item-detail-list {
  height: 80%;
  overflow: scroll;
}
.invalid-feedback {
  display: inline;
}
.title {
  font-size: 1.25em;
  margin: 1px 10px 1px 10px;
}
.description {
  font-size: .9em;
  margin: 1px 10px 1px 10px;
}
.shadow {
  box-shadow: rgba(0,0,0,.12) 0px 1px 6px,rgba(0,0,0,.12) 0px 1px 4px;
  border-radius: 2px;
}
.error {
  color: #e3ecff;
  background-color: red;
}
.break {
  white-space: normal;
  word-break: break-all;
}
.break-word {
  white-space: normal;
  word-break: keep-all;
}
.preserve-space {
  white-space: pre-wrap;
}
.pad {
  padding: 10px !important;
}
.pad-2 {
  padding: 2px !important;
}
.pad-3 {
  padding: 3px !important;
}
.pad-5 {
  padding: 5px !important;
}
.pad-10 {
  padding: 10px !important;
}
.pad-20 {
  padding: 20px !important;
}
.pad-25 {
  padding: 25px !important;
}
.pad-30 {
  padding: 30px !important;
}
.pad-50 {
  padding: 50px !important;
}
.pad-75 {
  padding: 75px !important;
}
.pad-100 {
  padding: 100px !important;
}
.pad-top-4 {
  padding-top: 4px !important;
}
.pad-top-5 {
  padding-top: 5px !important;
}
.pad-top-10 {
  padding-top: 10px !important;
}
.pad-top-20 {
  padding-top: 20px !important;
}
.pad-top-25 {
  padding-top: 25px !important;
}
.pad-top-30 {
  padding-top: 30px !important;
}
.pad-top-50 {
  padding-top: 50px !important;
}
.pad-top-75 {
  padding-top: 75px !important;
}
.pad-top-100 {
  padding-top: 100px !important;
}
.pad-bottom-4 {
  padding-bottom: 4px !important;
}
.pad-bottom-5 {
  padding-bottom: 5px !important;
}
.pad-bottom-10 {
  padding-bottom: 10px !important;
}
.pad-bottom-20 {
  padding-bottom: 20px !important;
}
.pad-bottom-25 {
  padding-bottom: 25px !important;
}
.pad-bottom-30 {
  padding-bottom: 30px !important;
}
.pad-bottom-50 {
  padding-bottom: 50px !important;
}
.pad-bottom-75 {
  padding-bottom: 75px !important;
}
.pad-bottom-100 {
  padding-bottom: 100px !important;
}
.pad-right-5 {
  padding-right: 5px !important;
}
.pad-right-10 {
  padding-right: 10px !important;
}
.pad-right-20 {
  padding-right: 20px !important;
}
.pad-right-25 {
  padding-right: 25px !important;
}
.pad-right-30 {
  padding-right: 30px !important;
}
.pad-right-50 {
  padding-right: 50px !important;
}
.pad-right-75 {
  padding-right: 75px !important;
}
.pad-right-100 {
  padding-right: 100px !important;
}
.pad-left-5 {
  padding-left: 5px !important;
}
.pad-left-10 {
  padding-left: 10px !important;
}
.pad-left-20 {
  padding-left: 20px !important;
}
.pad-left-25 {
  padding-left: 25px !important;
}
.pad-left-30 {
  padding-left: 30px !important;
}
.pad-left-50 {
  padding-left: 50px !important;
}
.pad-left-75 {
  padding-left: 75px !important;
}
.pad-left-100 {
  padding-left: 100px !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
a:hover {
  cursor: pointer;
}
.a-link-blue {
  color: #063180 !important;
  text-decoration: underline !important;
}
.hand {
  cursor: pointer;
}
button.anchor-btn {
  background: none;
  border: none;
  padding: 0;
  align-items: initial;
  text-align: initial;
  width: 100%;
}
a.anchor-btn:hover {
  text-decoration: none;
}
#threadDump .popover,#healthCheck .popover {
  top: inherit;
  display: block;
  font-size: 10px;
  max-width: 1024px;
}
.thread-dump-modal-lock {
  max-width: 450px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#healthCheck .popover {
  margin-left: -50px;
}
.health-details {
  min-width: 400px;
}
.width-min {
  width: 1% !important;
}
.form-check-input {
  margin-top: -0.5rem;
}
.default-card-padding {
  padding: 10px;
}
.default-list-card-row {
  margin-top: 10px;
  padding: 0 10px;
}
.default-search {
  width: 400px;
  border: 1px solid;
  border-color: #5aa1d8;
  border-radius: 50px;
  max-width: 300px;
  float: right;
}
.default-search-icon {
  width: 40px;
  height: 100%;
  position: absolute;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #153f8f;
}
.default-search-input-root {
  color: #153f8f;
  width: 100%;
}
.default-search-input-input {
  padding: 5px 5px 5px 40px;
  width: 100%;
}
.background-primary {
  background-color: #5aa1d8;
}
.color-white {
  color: #fff;
}
.color-danger {
  color: #77c8d2;
}
.clickable {
  color: #5aa1d8;
}
.card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.clickable:hover {
  cursor: pointer;
  text-decoration: underline;
}
.pointer:hover {
  cursor: pointer;
}
.client-size {
  max-width: 30vw;
  white-space: nowrap;
}
.message-size {
  max-width: 16vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chip {
  white-space: nowrap;
  max-width: 20vw;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.tooltip-blue {
  --balloon-color: #153f8f;
}
.background-drawer {
  background-color: #77c8d2;
}
.attach-icon {
  margin-top: 50px;
}
.pagination-space {
  margin-right: 70px;
}
.Toastify__toast-body {
  white-space: pre-line;
}
.Toastify__toast.integration-v2-toast {
  border: 1px solid #6ee7b7;
  border-radius: 12px;
  background: #fff;
  color: #047857;
  box-shadow: 0 16px 48px rgba(15,23,42,.18);
}
.Toastify__toast.integration-v2-toast .Toastify__close-button {
  color: #34d399;
  opacity: 1;
}
.Toastify__progress-bar.integration-v2-toast__bar {
  background: #10b981;
}
:root.dark .Toastify__toast.integration-v2-toast,body.dark .Toastify__toast.integration-v2-toast {
  background: var(--v2-color-surface, #383e54);
  border-color: rgba(52,211,153,.4);
  color: #6ee7b7;
}
.count-message {
  background-color: #f2f2f2;
  color: #595959;
  margin-top: -24px;
  margin-right: 6px;
  font-size: 13px;
  border-radius: 5px;
  float: right;
  overflow: auto;
}
.button-emoji {
  background: #fff;
  background-color: #fff;
  color: #fff;
  margin-top: -103px;
  margin-left: 60px;
  border-radius: 5px;
  float: right;
  overflow: auto;
}
.select-emoji {
  margin-top: -450px;
  margin-left: 60px;
  float: right;
  overflow: auto;
}
.toast-margin {
  margin-top: 75px !important;
}
.margin-top-2 {
  margin-top: 2px;
}
.format-tag {
  border-radius: 5px !important;
  height: 25px;
}
.tag-in-list {
  margin-top: 5px;
}
.button-add-tag {
  background-color: gray;
  border-radius: 5px;
  color: #e3ecff;
  font-size: 12px;
  margin-right: 10px;
  padding: 5px;
  box-shadow: none;
  height: 25px;
}
.button-red {
  background-color: red;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 12px;
  margin-right: 5px;
  box-shadow: none;
}
.button-red:hover {
  background: #f34f4f;
}
.button-gray {
  background-color: gray;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-gray:hover {
  background: #b0b0b0;
}
.button-gray-small {
  background-color: gray;
  border-radius: 60px;
  color: #e3ecff;
  font-size: 10px;
  box-shadow: none;
  height: 30px;
}
.button-gray-small:hover {
  background: #b0b0b0;
}
.button-green {
  background-color: #219653;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
}
.button-green:hover {
  background: #21bf64;
}
.button-yellow {
  background-color: #c9b203;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-yellow:hover {
  background: #f7da03;
}
.button-indigo {
  background-color: #4f46e5;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
}
.button-indigo:hover {
  background: #4338ca;
}
.button-teal {
  background-color: #0d9488;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
}
.button-teal:hover {
  background: #0f766e;
}
.button-blue {
  background-color: #023a9a;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-blue:hover {
  background: #2c6fe4;
}
.button-red-dark {
  background-color: #9a0228;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-red-dark:hover {
  background: #2c6fe4;
}
.button-red-dark {
  background-color: #9a0228;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-red-dark:hover {
  background: #2c6fe4;
}
.button-green-dark {
  background-color: #143a13;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-green-dark:hover {
  background: #2c6fe4;
}
.button-orange-dark {
  background-color: #624122;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-orange-dark:hover {
  background: #2c6fe4;
}
.button-light-blue {
  background-color: #5aa1d8;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
}
.button-light-blue:hover {
  background: #7386a7;
}
.button-orange {
  background-color: #c06905;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-orange:hover {
  background: #eb8006;
}
.button-purple {
  background-color: #680876;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-purple:hover {
  background: #a303bc;
}
.button-red {
  background-color: rgba(255,0,0,.983);
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-red:hover {
  background: #f24646;
}
.button-dark-green {
  background-color: #004b20;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-shadow: none;
}
.button-dark-green:hover {
  background: #175531;
}
.button-reactivate {
  background-color: orange;
  margin-bottom: 3px;
  border-radius: 60px;
  color: #fff;
  height: 30px !important;
  font-size: 12px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: none;
}
.button-reactivate:hover {
  background: #cc8400;
}
.font-weight-700 {
  font-weight: 700;
}
.action-button {
  margin-top: 25px;
  background: #77c8d2;
  color: #000;
  border-radius: 56px;
  font-size: 12px;
  margin-right: 5px;
  height: 25px;
}
.action-button:hover {
  background: #5aa1d8;
}
.action-button-trafego {
  margin-top: 25px;
  background: #5aa1d8;
  color: #000;
  border-radius: 56px;
  font-size: 12px;
  margin-right: 5px;
  height: 25px;
}
.action-button-trafego:hover {
  background: #5aa1d8;
}
.copy-to-clipboard:hover {
  color: #386ec0;
  transform: scale(0.8);
}
.copy-to-clipboard {
  transition: all .2s ease-in-out;
  cursor: pointer;
  transform: scale(0.6);
  margin-top: -10px;
}
.uppercase {
  text-transform: uppercase;
}
.moderated-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.panel-body input {
  color: #77c8d2;
  font-family: "NoirPro-Light",sans-serif;
}
.moderated-box [role=button] {
  margin: 0 2px 0 2px;
}
.table-100 {
  width: 100%;
}
.moderated-box-actions {
  min-width: 100px;
}
.user-updateplan-form {
  width: 100%;
}
.filter-selected-prefix {
  color: #000;
  font-size: .82rem;
  font-family: "NoirPro-Light",sans-serif;
  padding-right: 5px;
}
.update-plan-content label {
  background-color: #fff;
}
.margin-footer-table {
  color: #153f8f;
  font-size: .82rem;
  font-weight: 500;
  padding: 5px;
  margin-left: 10px;
}
.margin-footer-table span {
  font-weight: bold;
}
.notification-div {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.btn-right {
  border: none;
  margin-top: 0px;
  padding: 5px;
  border-radius: 60px;
  font-weight: bold;
  color: #e3ecff;
  float: right;
  margin-right: 8px;
  font-size: 11px;
  box-shadow: none;
  text-transform: uppercase;
}
.btn-create-ticket {
  background-color: gray;
}
.btn-create-ticket:hover {
  cursor: pointer !important;
  background-color: #a9a9a9 !important;
}
.btn-set-user {
  background-color: #219653;
}
.btn-set-user:hover {
  cursor: pointer !important;
  background-color: #41a36b !important;
}
.alert-background-color {
  background-color: #ffa31a;
}
.alert-color {
  color: #ffa31a;
  border-color: #ffa31a;
}
.notification-btn,.notification-btn-denied {
  border: none;
  background-color: gray;
  margin-top: 8px;
  padding: 8px;
  border-radius: 60px;
  font-weight: bold;
  color: #e3ecff;
  float: right;
  font-size: 11px;
  margin-right: 5px;
  box-shadow: none;
  text-transform: uppercase;
}
.notification-btn:hover,.notification-btn-denied:hover {
  cursor: pointer !important;
  background-color: #979797 !important;
}
.notification-icon {
  color: #e3ecff;
}
.notification-btn-denied {
  background-color: #d96464;
}
.notification-btn-denied:hover {
  cursor: default !important;
  background-color: #d96464 !important;
}
.break-line {
  word-wrap: break-word;
}
.copy-to-alignment {
  margin-top: -2px !important;
}
@media (max-width: 1024px) {
  .margin-bottom-card-dash {
    margin-bottom: 15px;
  }
}
@media (max-width: 1200px) {
  .margin-bottom-card-dash-ml {
    margin-bottom: 15px;
  }
}
.apexcharts-legend.left.position-bottom {
  max-height: 300px;
  background-color: #f8f9fa;
  height: 137px;
  overflow-x: hidden;
  overflow-y: auto;
  font-weight: 500;
  text-align: left;
  padding: 5px;
  border-radius: 10px;
  margin: 0px 5px;
}
.margin-picker {
  margin: 8px;
  min-width: 120px;
}
span.chip-ellipsis-Text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  span.chip-ellipsis-Text {
    max-width: 100px;
  }
}
@media (min-width: 1366px) {
  span.chip-ellipsis-Text {
    max-width: 145px;
  }
}
.user-counter {
  font-size: 12px;
  padding: 12px;
  color: rgba(0,0,0,.54);
  font-family: "Roboto","Helvetica","Arial",sans-serif;
  line-height: 1.375em;
}
.user-counter span {
  font-weight: 500;
}
.tag-container {
  display: flex;
  flex-wrap: wrap;
  row-gap: .5rem;
  margin: .5rem 0 .5rem 0;
}
.margin-top-1 {
  margin-top: 1px;
}
.right-alignment {
  text-align: right;
}
@media (max-width: 1024px) {
  .number-stores-b2w {
    margin-left: -25px;
  }
}
.smtp-add-email {
  width: 130px !important;
  margin-top: 23px;
}
.info-smtp-icon {
  color: #1976d2;
  font-size: 26px;
  margin-right: 2px;
  margin-top: -3px;
}
.info-smtp {
  font-size: 15px;
  font-weight: 500;
}
.smtp-card-email-list {
  margin-top: 15px;
  padding: 10px;
  border-radius: 5px;
  --oneTransparent: 16 29 52 / 25%;
  --twoTransparent: 65 113 195 / 8%;
  box-shadow: rgb(var(--oneTransparent)) 0px 4px 8px -2px,rgb(var(--twoTransparent)) 0px 0px 0px 1px;
}
.smtp-list-email-title {
  font-size: 15px;
  font-weight: 500;
  color: #5aa1d8;
  margin-left: 3px;
}
.smtp-container {
  overflow: auto;
}
@media (max-height: 768px) {
  .smtp-container {
    height: 600px;
  }
}
.smtp-activated-row {
  padding: 0;
  margin-top: -30px;
}
.w-150 {
  width: 150px;
}
.chat-email-client {
  padding: 10px;
  margin-bottom: 10px;
}
.chat-email-user {
  background-color: #fff;
  color: #222;
  word-wrap: break-word;
}
.filter-status-email {
  margin: 1px 20px 10px 20px;
}
.filter-button-email {
  margin-top: 18px;
}
.account-ellipsis-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(90vw - 80px) !important;
}
@media (max-width: 1024px) {
  .account-ellipsis-text {
    max-width: 100px;
  }
}
@media (min-width: 1366px) {
  .account-ellipsis-text {
    max-width: 145px;
  }
}
.smtp-authentication-form {
  width: 100%;
  margin-top: 16px;
}
.smtp-authentication-form label {
  margin-top: -9px;
  margin-left: -13px;
}
@media (max-width: 1367px) {
  .smtp-action-table {
    min-width: 145px;
  }
}
.margin-action-detail-smtp {
  margin-left: auto;
  margin-right: 0;
}
.margin-action-detail-smtp .buttons-group {
  margin: 5px;
  justify-content: end !important;
}
.smtp-detail-email-p {
  font-size: 14px;
  margin: 7px 0px 0px 7px;
}
.smtp-detail-email-p span {
  font-weight: 400;
  color: #212529;
  margin-left: 5px;
  margin-right: 5px;
}
.smtp-email-detail-padding {
  padding: 0px 10px 10px 10px;
}
.smtp-filter-atendente {
  margin: -7px 15px 0px 8px;
}
.email-filters-row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.email-filters-row .email-text-filter {
  flex: 1 1 360px;
  min-width: 260px;
  width: auto !important;
  max-width: 520px;
  margin: 0 !important;
}
.email-filters-row .filter-status-email {
  margin: 0 !important;
  min-width: 180px;
}
.email-filters-row .smtp-filter-atendente {
  margin: 0 !important;
  min-width: 220px;
}
.email-filters-row .filter-button-email {
  margin-top: 0;
  min-height: 34px;
  white-space: nowrap;
}
.email-table-toolbar {
  align-items: center;
}
@media (max-width: 1200px) {
  .email-filters-row .email-text-filter {
    flex: 1 1 100%;
    max-width: none;
  }
}
@media (max-width: 768px) {
  .email-filters-row {
    align-items: stretch;
  }
  .email-filters-row .email-text-filter,.email-filters-row .filter-status-email,.email-filters-row .smtp-filter-atendente,.email-filters-row .filter-button-email {
    flex: 1 1 100%;
    min-width: 0;
    width: 100% !important;
    max-width: none;
  }
}
.w-500 {
  width: 500px;
}
.w-200 {
  width: 200px;
}
.margin-smtp-atendente {
  margin-top: 10px;
  margin-right: 10px;
}
.smtp-actions-answer {
  max-width: 5px !important;
  margin-right: 50px;
}
.smtp-actions-answer svg {
  color: #737373;
}
.smtp-reply-account {
  padding: 10px;
}
.smtp-reply-account h3,.smtp-reply-account .h3 {
  font-size: 15px;
  color: #737373;
}
.smtp-margin-forward {
  margin: -29px 0px -27px 0px;
}
.smtp-menu-item-reply {
  font-size: 15px;
  color: #202124;
}
.smtp-menu-item-reply svg {
  color: #737373;
  margin-top: -1px;
  margin-right: 5px;
}
.input-smtp-forward {
  padding-right: 15px;
}
.input-smtp-forward label {
  top: -9px !important;
}
input#forward {
  padding: 10px 14px !important;
}
.black-logo {
  filter: brightness(3%);
}
.select-color-picker-component {
  width: 100%;
  margin-bottom: 10px;
}
@media (max-width: 1300px) {
  .margin-right-atendimento {
    margin-right: 30px;
  }
}
@media (max-width: 1200px) {
  .table-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
  }
  .table-pagination>div {
    min-width: 0;
  }
  .margin-right-atendimento {
    margin-right: 0 !important;
    width: 100%;
    overflow-x: auto;
  }
}
.div-color-picker-component {
  background: #fff;
  align-items: center;
}
.label-status-report-finished {
  padding: 1% 8%;
  border-radius: 1em;
  color: #fff;
  background-color: #219653;
}
.label-status-report-pending {
  padding: 3% 10%;
  border-radius: 1em;
  color: #000;
  background-color: #fff800;
}
.label-status-report-error {
  padding: 1% 7%;
  border-radius: 1em;
  color: #fff;
  background-color: #df1919;
}
.space-evenly {
  justify-content: space-evenly;
}
.padding-report-button {
  padding: 1% 6%;
}
.size-button-report {
  height: 25px !important;
  align-items: center !important;
}
.buton-down {
  color: #fff;
  background-color: #219653;
  border-radius: 1em;
}
.buton-trash {
  color: #fff;
  background-color: #df1919;
  border-radius: 1em;
}
.warn-toast {
  color: #000;
  padding: 20px;
  background: #efd158 !important;
  background-color: #efd158 !important;
}
.warn-toast button {
  color: red;
}
.via_message {
  font-size: 20px;
  display: flex;
  justify-content: center;
  font-weight: bold;
}
.heigth_23 {
  height: 23em;
}
#nameAccounts {
  padding-inline: 15px;
}
.image_auto_height {
  width: 50%;
  height: auto;
}
.max_text_msg_pos {
  max-width: 75%;
  height: auto;
}
.none-box-shadow {
  box-shadow: none !important;
}
.padding-left-0 {
  padding-left: 0px !important;
}
.long-text-break {
  max-width: 100%;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: normal;
}
.long-text-break * {
  overflow-wrap: break-word;
  word-break: normal;
}
.hr-blue {
  margin: 0%;
  background: #153f8f;
  color: #153f8f;
  border-color: #153f8f;
  height: 2px;
}
.overflow-auto {
  overflow: auto;
}
.max-height-380 {
  max-height: 380px;
}
.loading-container div div {
  background: rgba(0,0,0,0);
  box-shadow: none;
}
.attachFileIcon {
  padding: 0;
  margin-top: 10px;
}
.button-retry {
  background-color: #d3d3d3;
  padding: 2px 8px;
  margin-left: -5px;
  border-radius: 60px;
  color: #000;
  font-size: 8px;
  letter-spacing: 1px;
  max-width: none;
  white-space: nowrap;
  border-color: rgba(0,0,0,0);
  box-shadow: 0px 1px 5px 0px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 3px 1px -2px rgba(0,0,0,.12);
}
.button-retry:hover {
  background-color: rgba(213,213,213,.599);
}
.chat-grid-container button {
  margin-left: auto;
}
.flex-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.action-button-no-decoration {
  color: #153f8f;
}
.action-button-no-decoration:hover {
  background: none;
}
.flex-top-padding {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 1rem;
}
.filter-reason-search {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.reason-text-info {
  font-size: 12px;
  padding-left: 5px;
}
.container-filter-reason {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 3;
}
.reason-quantity-info-text {
  background-color: #fff;
  z-index: 4;
}
.reason-quantity-info {
  font-size: 12px;
  padding-left: 5px;
}
.clear-selected-reason-button {
  width: 100%;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 5px;
}
.clear-button {
  width: 100%;
  height: 25px;
  margin-left: 10px;
  margin-right: 10px;
}
.toast-medium {
  color: #3c4043;
  font-size: 18px;
}
.ticket-action-buttons {
  padding-right: 60px;
}
@media screen and (max-width: 1024px) {
  .ticket-action-buttons {
    padding-right: 80px;
  }
}
#graph-ticket .apexcharts-title-text {
  font-weight: 600 !important;
  font-size: 22px !important;
  margin-top: 10px !important;
  fill: #153f8f !important;
  z-index: 100;
}
#graph-ticket .apexcharts-datalabel-label {
  font-size: 22px !important;
  font-weight: 600 !important;
}
#graph-ticket .apexcharts-datalabel-value {
  font-size: 22px !important;
  font-weight: 600 !important;
}
#graph-ticket .graph-ticket-absolute {
  position: absolute;
  background: #fff;
  text-align: center;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  font-size: 22px;
}
.total-label {
  word-wrap: break-word;
}
.break-line-helper-text {
  white-space: pre-wrap;
}
#menu-segmentId .MuiMenu-paper-152 {
  max-height: 32rem !important;
}
.segment-position {
  position: absolute;
  margin-top: -10px;
  z-index: 100;
  margin-left: 8px;
  background: #e3ecff;
  padding-left: 3px;
  padding-right: 3px;
}
.not-data {
  padding: 3rem;
  justify-content: center;
  display: flex;
}
.marginRight2rem {
  margin-right: 2rem;
}
@keyframes shimmer {
  0% {
    background-position: -150px 0;
  }
  100% {
    background-position: 150px 0;
  }
}
.shimmer-div {
  display: grid;
  align-items: center;
  justify-items: center;
}
.shimmer-effect {
  overflow: hidden;
  width: 150px;
  height: 15px;
  background-color: #e0f7ff;
  background-image: linear-gradient(to right, #e0f7ff 0%, #b3e5fc 20%, #e0f7ff 40%, #e0f7ff 100%);
  background-repeat: no-repeat;
  background-size: 150px 100%;
  animation: shimmer 2s infinite linear;
}
.MuiMenu-paper-152 {
  max-height: 24rem !important;
}
#messageDevolution {
  height: 10rem !important;
}
.fontWeight-600 {
  font-weight: 600;
}
.display-chat {
  display: block;
  padding-right: 0px;
}
.padding-right-0 {
  padding-right: 0px !important;
}
.btn-primary-modal {
  background-color: #5aa1d8;
  color: #fff;
  padding-inline: 30px;
}
.btn-secondary-modal {
  background-color: gray;
  color: #fff;
  padding-inline: 30px;
}
.width-500 {
  width: 500px;
}
.flex-direction-row {
  flex-direction: row;
}
.dispute-in-progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.timeline {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: -15px;
}
.step {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin-bottom: 5px;
}
.step:last-child {
  margin-bottom: 0;
}
.content {
  padding-left: 10px;
}
.details {
  display: flex;
  align-items: center;
}
.date {
  font-size: 12px;
  color: #888;
  margin-right: 10px;
}
.step::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #4caf50;
  left: 11px;
  top: 20px;
  z-index: 0;
}
.step:last-child::before {
  z-index: -1;
}
.button-curated-blue {
  padding: 7px 7px 7px 7px;
  margin-left: -5px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  background-color: #129fb0;
}
.button-modal {
  display: flex;
  justify-content: end;
  margin-top: 20px;
  margin-bottom: 20px;
}
.disabled-text-area {
  pointer-events: none;
  opacity: .5;
  background-color: #f0f0f0;
}
.padding-history-protocol {
  padding-left: 15px;
  padding-top: 5px;
}
.cursor-history-protocol:hover {
  background-color: #d3d3d3;
  cursor: pointer;
}
.new-group-attendence {
  background-color: #9c9c9c;
  color: #e3ecff;
  font-weight: 900;
  font-size: 12px;
}
.attendence-group-pagination {
  display: flex;
  justify-content: end;
  margin-bottom: 40px;
}
.attendence-group-moda-buttons {
  display: flex;
  justify-content: end;
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
}
.attendence-group-remove {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
.custom-check-icon {
  color: green !important;
  background-color: #fff;
  border-radius: 50%;
  font-size: 24px;
  margin-left: 5%;
}
.users-selecteds {
  display: flex;
  justify-content: center;
  margin-top: 2%;
  color: #2ba4db;
}
.background-carousel-pos {
  min-width: 50%;
  max-width: 50%;
  padding: 20px;
}
.answer-item-media-carousel-pos {
  height: 400px;
  width: 400px;
  background-size: contain;
}
.ticket-pos-header-container {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  gap: 1rem;
  align-items: center;
}
.ticket-pos-logo {
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket-pos-info {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
@media (max-width: 900px) {
  .ticket-pos-info {
    flex-direction: column;
  }
  .ticket-pos-info .info-row {
    flex-direction: column;
    gap: .5rem;
  }
}
.ticket-pos-info .info-row {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.ticket-pos-api-info {
  grid-column: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ticket-pos-header-button {
  grid-column: 5;
  display: flex;
  justify-content: flex-end;
}
.ticket-pos-text-nowrap {
  white-space: nowrap;
}
.ticket-pos-tag-selector-container {
  grid-column: 1/-1;
  margin: 0 0 1rem 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ticket-pos-logo img {
  width: 60px !important;
}
.devolution-filter {
  margin-left: 1%;
  width: 11%;
  background-color: #5aa1d8;
}
.devolution-filter-clicked {
  background: gray !important;
  margin-left: 1%;
  color: #e3ecff;
  width: 11%;
}
.devolution-filter-clicked:hover {
  background: gray !important;
}
.padding-30 {
  padding: 30px;
}
.div-devolution-card {
  display: flex;
  justify-content: space-between;
  padding: 25px;
}
.cor-title-div-devolution {
  background-color: #dcf0ff;
}
.content-devolution-card {
  display: flex;
  flex-direction: column;
  margin-left: 2%;
}
.altura-img {
  height: 200px;
  width: 200px;
}
.limited-text {
  overflow: hidden;
  word-wrap: break-word;
  white-space: normal;
}
.flex-column-gap-10 {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.message-container {
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  max-width: 70%;
}
.message-container.buyer {
  margin-right: auto;
  background-color: #e1f5fe;
}
.message-container.seller {
  margin-left: auto;
  background-color: #f5f5f5;
}
.padding-8px {
  padding: 8px !important;
}
.box-shadow-top-bottom {
  box-shadow: 0 -5px 2px -5px rgba(0,0,0,.3),0 3px 5px -5px rgba(0,0,0,.3);
}
.margin-right-1-5 {
  margin-right: -1.5rem;
}
.width-group-reason-center {
  width: 100%;
  display: flex;
  justify-content: center;
}
.disabled-button {
  background-color: #e2e2e2 !important;
}
.icon-file-standard-size {
  width: 5rem;
  object-fit: contain;
  margin-left: 1rem;
}
.icon-file-large-size {
  width: 20rem;
  object-fit: contain;
  margin-left: 1rem;
}
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
}
::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #e0e0e0;
}
.attach-url-main {
  max-width: 100%;
  max-height: 60px;
  border-radius: 4px;
}
.margin-bottom-2-rem {
  margin-bottom: -2rem;
}
.gap-attachment-modal {
  display: flex;
  gap: 16px;
  margin-top: 8px;
}
.font-attachment-modal {
  font-size: 12px;
  color: #555;
  margin-bottom: 8px;
}
.open-dispute {
  background-color: #e0e0e0;
  color: #9e9e9e;
  cursor: not-allowed;
  box-shadow: none;
}
.div-return-shopee {
  margin-top: 16px;
  border: 2px dashed #ccc;
  border-radius: 4px;
  padding: 16px;
  text-align: center;
}
.comment-return {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.font-weight-300 {
  font-weight: 300;
  font-size: 14px;
}
.type-tag-bar {
  margin-right: 1rem;
  margin-top: .5rem;
}
.mia-robot-on {
  font-size: 2rem;
  color: #5aa1d8;
  vertical-align: middle;
}
.mia-robot-off {
  font-size: 2rem;
  color: #d3d3d3;
  vertical-align: middle;
}
.tag-bar-display-grid {
  display: grid;
  grid-template-rows: auto auto;
  gap: 1rem;
}
.tag-bar-grid-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tag-context-text-field {
  display: flex;
  padding: 0 !important;
  margin: 0 !important;
}
.msg-actions-top {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 4px;
}
.msg-actions-top .MuiIconButton-root {
  padding: 0 !important;
}
.dialog-title-center {
  text-align: center;
}
.dialog-content-center {
  text-align: center;
  color: #6b7280;
}
.dialog-actions-center {
  justify-content: center;
  padding-bottom: 16px;
}
.dialog-btn-no {
  background: #bdbdbd;
  color: #fff;
  padding: 6px 18px;
}
.dialog-btn-yes {
  background: #4093d8;
  color: #fff;
  padding: 6px 18px;
  margin-left: 8px;
}
.menu-item-alert {
  transition: background-color .2s ease,color .2s ease;
}
.menu-item-alert:hover {
  background-color: #fcc;
  color: #ff6363;
}
.menu-item-alert:hover .MuiListItemIcon-root {
  color: #ff6363;
}
.menu-item-alert-answer {
  transition: background-color .2s ease,color .2s ease;
}
.deleted-placeholder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(0,0,0,0);
}
.deleted-content {
  display: flex;
  align-items: center;
  gap: 6px;
}
.deleted-text {
  color: #6b7280;
  font-size: 14px;
}
.deleted-icon {
  font-size: 18px;
  color: #9ca3af;
}
.deleted-time {
  font-size: 12px;
  color: #9ca3af;
}
.chat-balloon .deleted-placeholder {
  box-shadow: none;
}
.open-message-options {
  padding: 0;
  margin: 0;
  line-height: 1;
}
.space-text-area {
  display: grid;
  grid-template-columns: 1fr 130px;
  gap: 20px;
}
@media (max-width: 600px) {
  .space-text-area {
    grid-template-columns: 1fr 1fr;
  }
}
.rc-loading-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1400;
  pointer-events: none;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}
.rc-loading-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.46);
  pointer-events: auto;
}
.rc-loading-only-spinner {
  position: relative;
  z-index: 1401;
  pointer-events: auto;
  background: rgba(0,0,0,0);
  border-radius: 8px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.justify-content-end {
  display: flex;
  justify-content: end;
}
.space-text-area,.space-text-area>* {
  min-width: 0;
}
.space-text-area textarea,.space-text-area .answer-box__highlighter {
  width: 100%;
  box-sizing: border-box;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  overflow-wrap: break-word;
  word-break: break-word;
  overflow: auto;
  max-width: 100%;
  min-width: 0;
}
.text-respects-space {
  width: 90%;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.customMaxWidth {
  max-width: 45% !important;
}
.chat-view-checkbox {
  display: flex;
  margin: 5px 0;
}
.chat-actions-selected-files {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.chat-actions-div-selected-files {
  position: relative;
  background: #f3f3f3;
  padding: 20px;
  margin-top: 10px;
}
.chat-actions-icon-button-selected-files {
  position: absolute;
  top: 4px;
  right: 4px;
}
.ver-mais-chip {
  display: block;
  margin: 0 auto 8px auto;
  width: fit-content;
  padding: 4px 10px;
  background-color: #e1f0ff;
  color: #007bff;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: background .2s,transform .1s;
}
.ver-mais-chip:hover {
  background-color: #cce4ff;
  transform: scale(1.05);
}
.chip-date-wrapper {
  text-align: center;
}
.display-flex-end {
  display: flex;
  justify-content: end;
}
.account-remove__actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
}
.account-remove__btn-cancel {
  background: rgba(0,0,0,0);
  border: none;
  color: #6b7280;
  font-weight: 500;
  cursor: pointer;
}
.account-remove__btn-cancel:hover {
  text-decoration: underline;
}
.account-remove__btn-confirm {
  background-color: #ef4444;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 10px 18px;
  font-weight: 600;
  cursor: pointer;
}
.account-remove__btn-confirm:hover {
  background-color: #dc2626;
}
.account-remove__btn-confirm:disabled {
  background-color: #fca5a5;
  cursor: not-allowed;
}
.menu-item-new {
  color: #334155;
  font-size: 13px;
  margin-left: -16px;
  font-weight: 500;
}
.main-drawer-paper .MuiListItemIcon-root {
  min-width: 48px !important;
  margin-right: 4px;
}
body:not(.dark) .main-drawer-paper .drawer-icons {
  color: #334155 !important;
}
body:not(.dark) .main-drawer-paper .MuiListItemIcon-root {
  color: #334155 !important;
}
body:not(.dark) .main-drawer-paper .drawer-menu-item-active .drawer-icons,body:not(.dark) .main-drawer-paper .drawer-menu-item-active .MuiListItemIcon-root {
  color: #1e293b !important;
  font-weight: inherit;
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.main-drawer-paper {
  font-family: "Plus Jakarta Sans",sans-serif;
}
.main-drawer-paper .MuiTypography-root {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.main-drawer-paper .drawer-menu-item .MuiListItem-root {
  display: flex;
  align-items: center;
  column-gap: 12px;
  width: 100%;
  padding: 0 !important;
  font-family: "Plus Jakarta Sans",sans-serif !important;
  font-size: 14px;
  line-height: 24px;
  color: #2d3245;
  font-weight: 600;
  border-radius: 8px;
}
.main-drawer-paper .drawer-menu-item .MuiListItemIcon-root {
  min-width: 32px !important;
}
.main-drawer-paper .menu-item-new {
  margin-left: 0;
  font-weight: 600;
  color: #2d3245;
  opacity: .7;
}
.main-drawer-paper .drawer-icons {
  opacity: .7;
}
.main-drawer-paper .submenu-item,.main-drawer-paper .drawer-submenu-item,.main-drawer-paper .drawer-logo-text,.main-drawer-paper .drawer-theme-toggle .theme-mode-label {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.main-drawer-paper .drawer-theme-toggle {
  width: 100%;
  justify-content: space-between;
  padding: 6px 10px;
  border-radius: 10px;
}
.main-drawer-paper .drawer-theme-toggle .theme-toggle-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.main-drawer-paper .drawer-theme-toggle .theme-icon-only-btn {
  width: 28px;
  height: 28px;
  border: none;
  background: rgba(0,0,0,0);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #334155;
  cursor: pointer;
  padding: 0;
}
.main-drawer-paper .drawer-theme-toggle .theme-icon-only-btn:hover {
  background-color: #e2e8f0;
}
.drawer-theme-wrapper {
  margin: 0 16px 12px 16px;
}
.drawer-header {
  padding: 15px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.drawer-toggle-btn {
  padding: 6px;
}
body.dark .main-drawer-paper {
  background-color: #383e54 !important;
  border-right: 1px solid #455179 !important;
}
body.dark .main-drawer-paper .drawer-logo-text {
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .drawer-divider {
  background-color: #455179 !important;
}
body.dark .main-drawer-paper .drawer-menu-item {
  color: #c3d0ed !important;
}
body.dark .main-drawer-paper .drawer-menu-item:hover {
  background-color: #3a4564 !important;
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .drawer-menu-item .menu-item-new {
  color: #c3d0ed !important;
}
body.dark .main-drawer-paper .drawer-menu-item .drawer-icons {
  color: #a9b7d8 !important;
}
body.dark .main-drawer-paper .drawer-menu-item-active {
  background-color: #383e54 !important;
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .drawer-menu-item-active:hover {
  background-color: #3f4b70 !important;
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .drawer-menu-item-active::before {
  background-color: #2f5bff !important;
}
body.dark .main-drawer-paper .drawer-menu-item-active .MuiListItem-root,body.dark .main-drawer-paper .drawer-menu-item-active .drawer-text {
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .drawer-menu-item-active .menu-item-new,body.dark .main-drawer-paper .drawer-menu-item-active .drawer-icons {
  color: #f5f8ff !important;
}
body.dark .main-drawer-paper .submenu-container {
  border-left-color: #4f5f86 !important;
}
body.dark .main-drawer-paper .submenu-item {
  color: #a9b7d8 !important;
}
body.dark .main-drawer-paper .submenu-item:hover {
  color: #f5f8ff !important;
  background-color: #3a4564 !important;
}
body.dark .main-drawer-paper .submenu-item-active {
  color: #f5f8ff !important;
  background-color: #383e54 !important;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-mode-label {
  color: #dbe6ff !important;
}
body.dark .main-drawer-paper .drawer-theme-toggle {
  background-color: #383e54;
  border: 1px solid #3f4b70;
  border-radius: 10px;
  padding: 6px 8px;
}
body.dark .main-drawer-paper .drawer-theme-toggle:focus-within {
  box-shadow: none;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-mode-icon {
  color: #dbe6ff;
}
.main-drawer-paper .drawer-theme-toggle .theme-toggle-switch {
  margin-left: auto;
  width: 38px;
  height: 22px;
  padding: 2px;
  border: 0;
  border-radius: 9999px;
  background-color: #cbd5e1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  transition: background-color .2s ease;
}
.main-drawer-paper .drawer-theme-toggle .theme-toggle-switch__thumb {
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(15,23,42,.24);
  transition: transform .2s ease;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-toggle-switch {
  background-color: #455179;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-toggle-switch--checked,.main-drawer-paper .drawer-theme-toggle .theme-toggle-switch--checked {
  background-color: #2563eb;
}
.main-drawer-paper .drawer-theme-toggle .theme-toggle-switch--checked .theme-toggle-switch__thumb {
  transform: translateX(16px);
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-mode-label {
  font-size: 13px;
  line-height: 1.1;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-icon-only-btn {
  color: #dbe6ff;
}
body.dark .main-drawer-paper .drawer-theme-toggle .theme-icon-only-btn:hover {
  background-color: #3f4b70;
}
body.dark .pre-sales-delete-button {
  color: #f5f8ff;
}
body.dark .pre-sales-delete-button:hover {
  color: #dbe6ff;
}
body.dark .main-drawer-paper .btn-logout {
  background-color: #382530 !important;
  border-color: #ef4444 !important;
  color: #fda4af !important;
}
body.dark .main-drawer-paper .btn-logout:hover {
  background-color: #422a36 !important;
}
.support-link-wrapper {
  margin: 0 16px 12px 16px;
}
.whatsapp-support-link-wrapper {
  margin: 0 16px 12px 16px;
}
.layout-switch-wrapper {
  margin: 0 16px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.btn-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #fde68a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
  cursor: pointer;
  transition: background-color .2s ease,border-color .2s ease,color .2s ease;
  background-color: #fef3c7;
  color: #d97706;
}
.layout-text {
  font-size: 14px;
}
.btn-support {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  background-color: #eff6ff;
  color: #2563eb;
  border-radius: 10px;
  border: 1px solid #dbeafe;
  transition: background-color .2s ease;
  cursor: pointer;
}
.btn-support:hover {
  background-color: #dbeafe;
}
.btn-support .support-text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
}
body.dark .main-drawer-paper .btn-support {
  background-color: #2a345c !important;
  border-color: #2f5bff !important;
  color: #7fb0ff !important;
}
body.dark .main-drawer-paper .btn-support:hover {
  background-color: #313d69 !important;
}
.btn-whatsapp-support {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  background-color: #25d366;
  color: #fff !important;
  border-radius: 10px;
  border: 1px solid #25d366;
  transition: background-color .2s ease,border-color .2s ease;
  cursor: pointer;
  text-decoration: none !important;
}
.btn-whatsapp-support:hover {
  background-color: #059669;
  border-color: #047857;
  color: #fff !important;
  text-decoration: none !important;
}
.btn-whatsapp-support .whatsapp-support-text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .2px;
}
body.dark .main-drawer-paper .btn-whatsapp-support {
  background-color: #25d366 !important;
  border-color: #25d366 !important;
  color: #ecfdf5 !important;
}
body.dark .main-drawer-paper .btn-whatsapp-support:hover {
  background-color: #047857 !important;
}
.nld-chatbot,.nld-backdrop,.nld-avatar,.nld-conversation,.rdstation-popup-js-floating-button,[class^=rdstation-popup-position],[class*=" rdstation-popup-position"] {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}
body.dark .main-drawer-paper .btn-layout {
  background-color: #3b2f22 !important;
  border-color: #f59e0b !important;
  color: #fbbf24 !important;
}
body.dark .main-drawer-paper .btn-layout:hover {
  background-color: #433425 !important;
}
body.drawer-collapsed .app-container {
  grid-template-columns: 72px 1fr;
}
body.drawer-collapsed .drawer-header {
  justify-content: center;
  padding: 12px 0;
}
body.drawer-collapsed .main-drawer-paper .drawer-logo-text,body.drawer-collapsed .main-drawer-paper .menu-item-new,body.drawer-collapsed .main-drawer-paper .drawer-text,.main-drawer-paper.drawer-collapsed .drawer-logo-text,.main-drawer-paper.drawer-collapsed .menu-item-new,.main-drawer-paper.drawer-collapsed .drawer-text {
  display: none !important;
}
body.drawer-collapsed .drawer-theme-wrapper,.main-drawer-paper.drawer-collapsed .drawer-theme-wrapper {
  margin: 0 12px 12px 12px;
}
body.drawer-collapsed .support-link-wrapper,body.drawer-collapsed .whatsapp-support-link-wrapper,.main-drawer-paper.drawer-collapsed .support-link-wrapper,.main-drawer-paper.drawer-collapsed .whatsapp-support-link-wrapper {
  margin: 0 12px 12px 12px;
}
body.drawer-collapsed .main-drawer-paper .drawer-theme-toggle,.main-drawer-paper.drawer-collapsed .drawer-theme-toggle {
  justify-content: center;
  padding: 6px;
  background: rgba(0,0,0,0);
  border: none;
}
body.drawer-collapsed .main-drawer-paper .drawer-theme-toggle .theme-toggle-label,.main-drawer-paper.drawer-collapsed .drawer-theme-toggle .theme-toggle-label {
  gap: 0;
}
body.drawer-collapsed .main-drawer-paper .drawer-theme-toggle .theme-mode-label,.main-drawer-paper.drawer-collapsed .drawer-theme-toggle .theme-mode-label {
  display: none;
}
body.drawer-collapsed .main-drawer-paper .drawer-theme-toggle .theme-toggle-switch,.main-drawer-paper.drawer-collapsed .drawer-theme-toggle .theme-toggle-switch {
  display: none;
}
body.drawer-collapsed #config-menu>div:last-child,body.drawer-collapsed #mia-menu>div:last-child,.main-drawer-paper.drawer-collapsed #config-menu>div:last-child,.main-drawer-paper.drawer-collapsed #mia-menu>div:last-child {
  display: none !important;
}
body.drawer-collapsed .main-drawer-paper .submenu-container,.main-drawer-paper.drawer-collapsed .submenu-container {
  display: none !important;
}
body.drawer-collapsed .main-drawer-paper .drawer-menu-item,.main-drawer-paper.drawer-collapsed .drawer-menu-item {
  margin: 6px 8px !important;
  padding: 6px 4px !important;
}
body.drawer-collapsed .main-drawer-paper .drawer-menu-item .MuiListItem-root,.main-drawer-paper.drawer-collapsed .drawer-menu-item .MuiListItem-root {
  justify-content: center;
  padding: 0 !important;
}
body.drawer-collapsed .main-drawer-paper .drawer-menu-item .MuiListItemIcon-root,.main-drawer-paper.drawer-collapsed .drawer-menu-item .MuiListItemIcon-root {
  min-width: 0 !important;
  margin: 0 !important;
}
body.drawer-collapsed .main-drawer-paper .drawer-menu-item .MuiBadge-root,.main-drawer-paper.drawer-collapsed .drawer-menu-item .MuiBadge-root {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.drawer-collapsed .main-drawer-paper .drawer-menu-scroll,.main-drawer-paper.drawer-collapsed .drawer-menu-scroll {
  padding-left: 10px !important;
}
.drawer-icon-stack {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
body.drawer-collapsed .drawer-chevron-collapsed svg,.main-drawer-paper.drawer-collapsed .drawer-chevron-collapsed svg {
  font-size: 16px !important;
  color: #94a3b8 !important;
}
body.drawer-collapsed .drawer-chevron,.main-drawer-paper.drawer-collapsed .drawer-chevron {
  display: none !important;
}
body.drawer-collapsed .lang-switcher-wrapper,.main-drawer-paper.drawer-collapsed .lang-switcher-wrapper {
  display: none;
}
body.drawer-collapsed a.logout-link-wrapper,.main-drawer-paper.drawer-collapsed a.logout-link-wrapper {
  margin: 0 8px 16px 8px;
}
body.drawer-collapsed .btn-logout .logout-text,.main-drawer-paper.drawer-collapsed .btn-logout .logout-text {
  display: none;
}
body.drawer-collapsed .btn-logout .logout-icon,.main-drawer-paper.drawer-collapsed .btn-logout .logout-icon {
  margin-right: 0;
}
body.drawer-collapsed .btn-support,body.drawer-collapsed .btn-whatsapp-support,.main-drawer-paper.drawer-collapsed .btn-support,.main-drawer-paper.drawer-collapsed .btn-whatsapp-support {
  padding: 10px 8px;
}
.route-wrapper {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.sidebar {
  grid-column: 1;
  grid-row: 1;
}
.freshchat-widget {
  right: 16px !important;
  left: auto !important;
  transform: scale(0.85);
  transform-origin: right bottom;
}
.freshchat-widget-expanded {
  right: 16px !important;
  left: auto !important;
  transform: none !important;
}
.grecaptcha-badge {
  visibility: hidden !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--active,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--active {
  background-color: #2f3650 !important;
  border-color: rgba(0,0,0,0) !important;
  color: #fff !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
  color: #64748b !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive:hover,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive:hover {
  background-color: #f8fafc !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__title,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__title {
  color: #2d3245 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__marketplace-name,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__marketplace-name {
  color: #374151 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__table,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__table {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__input,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__input,:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__select,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__select {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__hours-input,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__hours-input {
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__hours-input--disabled,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__hours-input--disabled {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__status--active,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__status--active {
  background-color: #dcfce7 !important;
  border-color: #a7f3d0 !important;
  color: #059669 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__status--off,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__status--off {
  background-color: #f8fafc !important;
  border-color: #e5e7eb !important;
  color: #cbd5e1 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__footer,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__footer {
  background-color: #fff !important;
  border-top-color: #e2e8f0 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__cancel,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__cancel {
  background-color: #fff !important;
  border-color: #cbd5e1 !important;
  color: #334155 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__save,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__save {
  background-color: #2f63f9 !important;
  border-color: rgba(0,0,0,0) !important;
  color: #fff !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__save:hover,body:not(.dark) .dashboard-v2-root .dashboard-v2-goals-screen__save:hover {
  background-color: #2553e9 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--active,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--active {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #1c2542 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive {
  background-color: #2f3a59 !important;
  border-color: #556892 !important;
  color: #b7c4e6 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive:hover,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__tab--inactive:hover {
  background-color: #37446a !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__title,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__title {
  color: #f5f8ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__marketplace-name,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__marketplace-name {
  color: #e6ecff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__table,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__table {
  background-color: #383e54 !important;
  border-color: #5a6b98 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__table thead tr,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__table thead tr {
  background-color: #313955 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__table tbody tr:hover,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__table tbody tr:hover {
  background-color: rgba(148,163,184,.08) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__input,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__input,:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__select,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__select {
  background-color: #3b4564 !important;
  border-color: #2f63f9 !important;
  color: #f5f8ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__hours-input,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__hours-input {
  background-color: #3b4564 !important;
  border-color: #556892 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__hours-input--disabled,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__hours-input--disabled {
  background-color: #313955 !important;
  border-color: #455179 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__status--active,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__status--active {
  background-color: rgba(16,185,129,.16) !important;
  border-color: #2e8b77 !important;
  color: #34d399 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__status--off,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__status--off {
  background-color: rgba(100,116,139,.16) !important;
  border-color: #4b556d !important;
  color: #94a3b8 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__footer,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__footer {
  background-color: #2b3450 !important;
  border-top-color: #455179 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__cancel,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__cancel {
  background-color: #2f3a59 !important;
  border-color: #556892 !important;
  color: #d8e4ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__cancel:hover,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__cancel:hover {
  background-color: #37446a !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__save,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__save {
  background-color: #2f63f9 !important;
  border-color: rgba(0,0,0,0) !important;
  color: #fff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-goals-screen__save:hover,body.dark .dashboard-v2-root .dashboard-v2-goals-screen__save:hover {
  background-color: #3d6eff !important;
}
.dashboard-v2-goals-screen__input::-webkit-outer-spin-button,.dashboard-v2-goals-screen__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dashboard-v2-goals-screen__input[type=number] {
  -moz-appearance: textfield;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__toolbar,body:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__toolbar {
  background-color: rgba(0,0,0,0) !important;
  border-color: rgba(0,0,0,0) !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__table,body:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__table {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
}
:root:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__search-input,body:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__search-input,:root:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__select-control,body:not(.dark) .dashboard-v2-root .dashboard-v2-team-screen__select-control {
  background-color: #fff !important;
  border-color: #e2e8f0 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen h2,:root.dark .dashboard-v2-root .dashboard-v2-team-screen .h2,body.dark .dashboard-v2-root .dashboard-v2-team-screen h2,body.dark .dashboard-v2-root .dashboard-v2-team-screen .h2 {
  color: #f5f8ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen p,body.dark .dashboard-v2-root .dashboard-v2-team-screen p {
  color: #a7badf !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__toolbar,body.dark .dashboard-v2-root .dashboard-v2-team-screen__toolbar {
  background-color: rgba(0,0,0,0) !important;
  border-color: rgba(0,0,0,0) !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__search-input,body.dark .dashboard-v2-root .dashboard-v2-team-screen__search-input,:root.dark .dashboard-v2-root .dashboard-v2-team-screen__select-control,body.dark .dashboard-v2-root .dashboard-v2-team-screen__select-control {
  background-color: #3b4564 !important;
  border-color: #2f63f9 !important;
  color: #f5f8ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__search-input::placeholder,body.dark .dashboard-v2-root .dashboard-v2-team-screen__search-input::placeholder {
  color: #a7badf !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__select-label,body.dark .dashboard-v2-root .dashboard-v2-team-screen__select-label {
  color: #a7badf !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__select-button,body.dark .dashboard-v2-root .dashboard-v2-team-screen__select-button,:root.dark .dashboard-v2-root .dashboard-v2-team-screen__select-icon,body.dark .dashboard-v2-root .dashboard-v2-team-screen__select-icon,:root.dark .dashboard-v2-root .dashboard-v2-team-screen__search-icon,body.dark .dashboard-v2-root .dashboard-v2-team-screen__search-icon {
  color: #d8e4ff !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__dropdown,body.dark .dashboard-v2-root .dashboard-v2-team-screen__dropdown {
  background-color: #3b4564 !important;
  border-color: #4a5c88 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__table,body.dark .dashboard-v2-root .dashboard-v2-team-screen__table {
  background-color: #383e54 !important;
  border-color: #5a6b98 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__table thead tr,body.dark .dashboard-v2-root .dashboard-v2-team-screen__table thead tr {
  background-color: #313955 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__table th,body.dark .dashboard-v2-root .dashboard-v2-team-screen__table th {
  color: #9fb4dc !important;
  border-color: #4a5c88 !important;
}
:root.dark .dashboard-v2-root .dashboard-v2-team-screen__table td,body.dark .dashboard-v2-root .dashboard-v2-team-screen__table td {
  color: #eef4ff !important;
  border-color: #4a5c88 !important;
}
.post-sales-ticket-detail-page,.post-sales-ticket-detail-page *,.post-sales-ticket-detail-page input,.post-sales-ticket-detail-page textarea,.post-sales-ticket-detail-page button,.post-sales-ticket-detail-page .MuiTypography-root,.post-sales-ticket-detail-page .MuiButton-root,.post-sales-ticket-detail-page .MuiInputBase-root {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.post-sales-ticket-detail-page {
  background: var(--v2-color-page-bg);
  color: var(--v2-color-text-strong);
  color-scheme: light;
}
:root.dark .post-sales-ticket-detail-page,body.dark .post-sales-ticket-detail-page {
  color-scheme: dark;
}
.post-sales-ticket-detail-page .chat-balloon,.post-sales-ticket-detail-page .chat-balloon *,.post-sales-ticket-detail-page .post-sales-ticket-chat-body,.post-sales-ticket-detail-page .post-sales-ticket-chat-body * {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__panelBody {
  padding-right: 0;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__mainPanel,.post-sales-ticket-detail-page .customer-sentiment__v2Flat .MuiExpansionPanelSummary-root,.post-sales-ticket-detail-page .customer-sentiment__v2Flat .MuiExpansionPanelDetails-root {
  background: rgba(0,0,0,0) !important;
  color: var(--v2-color-text-strong) !important;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__section:first-child {
  margin-top: 0;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__sectionTitle {
  color: var(--v2-color-heading);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__box {
  border-color: var(--v2-color-border-soft) !important;
  background: var(--v2-color-bg-soft) !important;
  border-radius: 8px;
  color: var(--v2-color-text-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__summaryText {
  color: var(--v2-color-text-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__actions {
  padding-top: 12px;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__newAnalysisBtn {
  border-radius: 8px !important;
  background: var(--v2-color-bg-brand-soft) !important;
  color: var(--v2-color-primary) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__collapsedLoading,.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__cooldownInfo,.post-sales-ticket-detail-page .customer-sentiment__v2Flat .customer-sentiment__muted {
  color: var(--v2-color-text-secondary) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .full-width {
  width: 100%;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .full-width {
  display: block;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiPaper-root,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-actions-reset {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,0) !important;
  box-shadow: none !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-return-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0,0,0,0);
  box-shadow: none;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-return-summary>.MuiTypography-root.color-primary {
  margin: 0 !important;
  color: var(--v2-color-primary) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiPaper-root>.MuiTypography-root.color-primary,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-actions-reset>.MuiTypography-root.color-primary {
  min-height: 0 !important;
  margin: 0 !important;
  color: rgba(0,0,0,0) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiPaper-root>div,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiPaper-root>span,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-actions-reset>div,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-actions-reset>span {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .answer-item-header-chip-refresh {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: var(--v2-color-bg-brand-soft) !important;
  color: var(--v2-color-primary) !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiTypography-root {
  color: var(--v2-color-text-strong) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-actions-empty-message {
  display: block !important;
  color: var(--v2-color-text-strong) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .post-sales-v2-marketplace-help-action {
  margin-top: 8px !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiButton-root,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-green,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-dark-green,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-green-dark,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-blue,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-purple,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-yellow,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-orange,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-orange-dark,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-red,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-red-dark,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-light-blue,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .pre-order-answer-support-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 30px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(0,0,0,0) !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: none !important;
  float: none !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .MuiButton-label {
  white-space: normal;
  text-align: center;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-green,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-dark-green,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-green-dark {
  background: #16c784 !important;
  border-color: #16c784 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-blue,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-purple {
  background: #9333ea !important;
  border-color: #9333ea !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .pre-order-answer-support-button {
  background: #3ba3dc !important;
  border-color: #3ba3dc !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-yellow {
  background: #f59e0b !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-orange,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-orange-dark {
  background: #ea580c !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-red,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-red-dark {
  background: var(--v2-color-danger-soft-bg) !important;
  border-color: var(--v2-color-danger-soft-border) !important;
  color: var(--v2-color-danger-soft-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-light-blue {
  background: var(--v2-color-info-soft-bg) !important;
  border-color: var(--v2-color-info-soft-border) !important;
  color: var(--v2-color-info-soft-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-evidence-teal,.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-evidence-indigo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 30px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(0,0,0,0) !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  box-shadow: none !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-evidence-teal {
  background: #0d9488 !important;
  border-color: #0d9488 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-quick-actions-flat .button-evidence-indigo {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
}
.post-sales-ticket-detail-page .chat-balloon {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}
.post-sales-ticket-detail-page .answer-box__input,.post-sales-ticket-detail-page .answer-box__highlighter,.post-sales-ticket-detail-page .space-text-area textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
}
.post-sales-ticket-detail-page .answer-box__input,.post-sales-ticket-detail-page .answer-box__highlighter,.post-sales-ticket-detail-page .space-text-area textarea {
  border-color: var(--v2-color-border) !important;
  background: var(--v2-color-bg-soft) !important;
  color: var(--v2-color-text-strong) !important;
}
.post-sales-ticket-detail-page .answer-box__input::placeholder,.post-sales-ticket-detail-page .space-text-area textarea::placeholder {
  color: var(--v2-color-placeholder) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-reply-area,.post-sales-ticket-detail-page .post-sales-v2-reply-area .MuiTypography-root,.post-sales-ticket-detail-page .post-sales-v2-reply-area .text-center,.post-sales-ticket-detail-page .post-sales-v2-reply-area .flex-center {
  color: var(--v2-color-text-secondary) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-reply-area b,.post-sales-ticket-detail-page .post-sales-v2-reply-area strong,.post-sales-ticket-detail-page .post-sales-v2-reply-area .font-bold {
  color: var(--v2-color-text-strong) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-actions,.post-sales-ticket-detail-page .post-sales-v2-chat-actions .MuiTypography-root,.post-sales-ticket-detail-page .post-sales-v2-chat-actions .MuiTypography-body2,.post-sales-ticket-detail-page .post-sales-v2-chat-actions .MuiTypography-caption,.post-sales-ticket-detail-page .post-sales-v2-chat-actions .flex-center,.post-sales-ticket-detail-page .post-sales-v2-chat-actions .text-center,.post-sales-ticket-detail-page .post-sales-v2-claim-actions,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-root,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-body2,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-caption,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .flex-center,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .text-center {
  color: var(--v2-color-text-secondary) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-actions b,.post-sales-ticket-detail-page .post-sales-v2-chat-actions strong,.post-sales-ticket-detail-page .post-sales-v2-claim-actions b,.post-sales-ticket-detail-page .post-sales-v2-claim-actions strong {
  color: var(--v2-color-text-strong) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-h6 {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--v2-color-text-strong) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-body2,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiTypography-caption {
  font-size: 13px !important;
  line-height: 1.5 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-claim-actions .card-claim,.post-sales-ticket-detail-page .post-sales-v2-claim-actions .MuiPaper-root {
  border: 1px solid var(--v2-color-border-soft) !important;
  background-color: var(--v2-color-bg-soft) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
}
.post-sales-ticket-detail-page .box-message-pre-sales-chip {
  border: 1px solid var(--v2-color-border-soft) !important;
  background: var(--v2-color-bg-brand-soft) !important;
  color: var(--v2-color-primary) !important;
}
body.dark .post-sales-ticket-detail-page .box-message-pre-sales-chip {
  border-color: #526aa8 !important;
  background: #253a66 !important;
  color: #dbe8ff !important;
}
body.dark .post-sales-ticket-detail-page .box-message-pre-sales-chip-inactive {
  border-color: #435072 !important;
  background: #263149 !important;
  color: #b8c7e7 !important;
}
.post-sales-ticket-detail-page .post-sales-ticket-chat-body {
  background-color: var(--v2-color-bg-soft) !important;
  padding: 2px 8px 16px;
}
.post-sales-ticket-detail-page .post-sales-v2-message-row {
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0;
}
.post-sales-ticket-detail-page .post-sales-v2-message-row.chat-row-seller {
  align-items: flex-start;
  justify-content: flex-end;
}
.post-sales-ticket-detail-page .post-sales-v2-message-stack {
  display: flex;
  min-width: 0;
  max-width: calc(100% - 50px);
  flex-direction: column;
}
.post-sales-ticket-detail-page .post-sales-v2-message-stack-buyer,.post-sales-ticket-detail-page .post-sales-v2-message-stack-marketplace {
  align-items: flex-start;
}
.post-sales-ticket-detail-page .post-sales-v2-message-stack-seller {
  align-items: flex-end;
}
.post-sales-ticket-detail-page .post-sales-v2-message-avatar {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(15,23,42,.08);
}
.post-sales-ticket-detail-page .post-sales-v2-message-avatar-buyer {
  background: linear-gradient(135deg, #5d4bff 0%, #a01cff 100%);
}
.post-sales-ticket-detail-page .post-sales-v2-message-avatar-seller {
  background: #00c878;
}
.post-sales-ticket-detail-page .post-sales-v2-message-avatar-marketplace {
  background: #f59e0b;
  color: #513d05;
}
.post-sales-ticket-detail-page .post-sales-v2-message-meta {
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 8px;
  padding: 0 4px 6px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}
.post-sales-ticket-detail-page .post-sales-v2-message-meta-seller {
  justify-content: flex-end;
  text-align: right;
}
.post-sales-ticket-detail-page .post-sales-v2-message-meta-buyer {
  color: var(--v2-color-accent);
}
.post-sales-ticket-detail-page .post-sales-v2-message-meta-seller {
  color: var(--v2-color-success-badge-text);
}
.post-sales-ticket-detail-page .post-sales-v2-message-meta-marketplace {
  color: var(--v2-color-warning-badge-text);
}
.post-sales-ticket-detail-page .post-sales-v2-message-sender {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-sales-ticket-detail-page .post-sales-v2-message-date {
  flex-shrink: 0;
  color: var(--v2-color-label-muted);
  font-size: 10px;
  font-weight: 700;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble {
  border-radius: 14px !important;
  box-shadow: none !important;
  min-width: auto !important;
  max-width: 100% !important;
  padding: 5px 10px !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble.chat-buyer {
  background-color: var(--v2-color-info-bubble-bg) !important;
  border: 1px solid var(--v2-color-info-bubble-border) !important;
  color: var(--v2-color-info-bubble-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble.chat-seller {
  background-color: var(--v2-color-success-bubble-bg) !important;
  border: 1px solid var(--v2-color-success-bubble-border) !important;
  color: var(--v2-color-success-bubble-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble.chat-mediation {
  background-color: var(--v2-color-mediation-bubble-bg) !important;
  border: 1px solid var(--v2-color-mediation-bubble-border) !important;
  color: var(--v2-color-mediation-bubble-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble,.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .chat-grid-container,.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .chat-grid-container * {
  color: inherit !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble.not-sended {
  background-color: var(--v2-color-danger-soft-bg) !important;
  border: 1px solid var(--v2-color-danger-soft-border) !important;
  color: var(--v2-color-danger-soft-text) !important;
}
.post-sales-ticket-detail-page .post-sales-v2-buyer-name {
  margin-bottom: 6px;
  color: var(--v2-color-text-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .MuiTypography-body2 {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .footer-chat {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 8px;
  color: var(--v2-color-text-secondary);
  font-size: 10px;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .send-messsage-icon {
  display: inline-flex;
  padding-left: 5px;
  vertical-align: middle;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .send-messsage-icon-waiting {
  color: var(--v2-color-warning-soft-icon) !important;
  font-size: 16px !important;
  margin-top: -2px !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .send-messsage-icon-success {
  color: var(--v2-color-success-badge-text) !important;
  font-size: 16px !important;
  margin-top: -2px !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .send-messsage-icon-fail {
  color: #ef4444;
  cursor: pointer;
  font-size: 16px !important;
  margin-top: -2px !important;
}
.post-sales-ticket-detail-page .post-sales-v2-chat-bubble .button-retry {
  align-items: center;
  justify-content: center;
  margin-top: 0;
  margin-left: 0;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: var(--v2-color-action-secondary-bg);
  color: var(--v2-color-action-secondary-text);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.post-sales-ticket-detail-page .post-sales-v2-failed-attachment {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin-top: 12px;
  padding: 8px 10px;
  border: 1px dashed var(--v2-color-warning-badge-text);
  border-radius: 8px;
  background: var(--v2-color-warning-badge-bg);
  color: var(--v2-color-warning-badge-text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}
.post-sales-ticket-detail-page .post-sales-v2-composer-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}
.post-sales-ticket-detail-page .post-sales-v2-composer-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 0;
}
.post-sales-ticket-detail-page .post-sales-v2-composer-actions-with-operator {
  justify-content: flex-end;
}
.post-sales-ticket-detail-page .post-sales-v2-send-operator-toggle {
  display: inline-flex;
  min-height: 34px;
  flex: 1 1 260px;
  max-width: 520px;
  align-items: center;
  gap: 8px;
  margin-right: auto;
  border: 1px solid var(--v2-color-border);
  border-radius: 12px;
  background: var(--v2-color-bg-soft);
  color: var(--v2-color-text-secondary);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 12px;
}
.post-sales-ticket-detail-page .post-sales-v2-available-actions {
  margin-bottom: 8px;
}
.post-sales-ticket-detail-page .post-sales-v2-action-stack {
  display: inline-flex;
  width: auto;
  align-items: center;
  gap: 8px;
}
.post-sales-ticket-detail-page .post-sales-v2-icon-action,.post-sales-ticket-detail-page .post-sales-v2-improve-button,.post-sales-ticket-detail-page .post-sales-v2-template-button,.post-sales-ticket-detail-page .post-sales-v2-send-button {
  border: 0;
  transition: background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;
}
.post-sales-ticket-detail-page .post-sales-v2-icon-action {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0,0,0,0);
  color: var(--v2-color-text-strong);
}
.post-sales-ticket-detail-page .post-sales-v2-icon-action:hover {
  background: var(--v2-color-bg-brand-soft);
  color: var(--v2-color-primary);
}
.post-sales-ticket-detail-page .post-sales-v2-template-button {
  display: inline-flex;
  min-width: 94px;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
  color: #2e52fb;
  font-size: 12px;
  font-weight: 700;
}
.post-sales-ticket-detail-page .post-sales-v2-template-button:hover {
  border-color: #93c5fd;
  background: #eff6ff;
}
:root.dark .post-sales-ticket-detail-page .post-sales-v2-template-button,body.dark .post-sales-ticket-detail-page .post-sales-v2-template-button {
  border-color: rgba(96,165,250,.35);
  background: rgba(37,99,235,.14);
  color: #93c5fd;
}
:root.dark .post-sales-ticket-detail-page .post-sales-v2-template-button:hover,body.dark .post-sales-ticket-detail-page .post-sales-v2-template-button:hover {
  border-color: rgba(147,197,253,.55);
  background: rgba(37,99,235,.24);
}
.post-sales-ticket-detail-page .post-sales-v2-improve-button {
  display: inline-flex;
  min-width: 84px;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #64a6d8;
  border-radius: 10px;
  background: #64a6d8;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(100,166,216,.2);
}
.post-sales-ticket-detail-page .post-sales-v2-improve-button:hover {
  border-color: #5c98c6;
  background: #5c98c6;
  color: #fff;
}
.post-sales-ticket-detail-page .post-sales-v2-send-button {
  display: inline-flex;
  min-width: 112px;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 10px;
  background: var(--v2-color-primary);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(46,82,251,.2);
}
.post-sales-ticket-detail-page .post-sales-v2-send-button:hover {
  background: var(--v2-color-primary-hover);
}
.post-sales-ticket-detail-page .post-sales-v2-icon-action:disabled,.post-sales-ticket-detail-page .post-sales-v2-improve-button:disabled,.post-sales-ticket-detail-page .post-sales-v2-send-button:disabled {
  cursor: not-allowed;
  opacity: .45;
  box-shadow: none;
}
.post-sales-v2-claim-primary-button,.post-sales-v2-claim-secondary-button {
  display: inline-flex;
  min-width: 112px;
  height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 800;
  transition: background-color .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease;
}
.post-sales-v2-claim-primary-button {
  border: 0;
  background: var(--v2-color-primary);
  color: #fff;
  box-shadow: 0 8px 18px rgba(46,82,251,.2);
}
.post-sales-v2-claim-primary-button:hover {
  background: var(--v2-color-primary-hover);
}
.post-sales-v2-claim-secondary-button {
  border: 1px solid var(--v2-color-border);
  background: var(--v2-color-surface-bg);
  color: var(--v2-color-text-strong);
}
.post-sales-v2-claim-secondary-button:hover {
  background: var(--v2-color-bg-soft);
}
.post-sales-v2-claim-primary-button:disabled,.post-sales-v2-claim-secondary-button:disabled {
  cursor: not-allowed;
  opacity: .45;
  box-shadow: none;
}
@media (max-width: 640px) {
  .post-sales-ticket-detail-page .post-sales-v2-composer-grid {
    gap: 8px;
  }
  .post-sales-ticket-detail-page .post-sales-v2-composer-actions {
    justify-content: flex-end;
    padding-top: 0;
  }
  .post-sales-ticket-detail-page .post-sales-v2-send-operator-toggle {
    flex: 1 1 100%;
    max-width: none;
  }
  .post-sales-ticket-detail-page .post-sales-v2-action-stack {
    width: auto;
  }
}
:root.dark .integrations-v2-root,body.dark .integrations-v2-root {
  background: var(--v2-color-page-bg);
  color: var(--v2-color-text-strong);
}
.integrations-v2-root .integrations-v2-account-form-screen,.integrations-v2-root .integrations-v2-account-form-content {
  overflow-x: hidden !important;
}
.integrations-v2-root .integrations-v2-account-form-screen::-webkit-scrollbar:horizontal,.integrations-v2-root .integrations-v2-account-form-content::-webkit-scrollbar:horizontal {
  display: none;
  height: 0 !important;
}
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.integrations-v2-root .integrations-v2-account-form-footer {
  position: relative;
  z-index: 1;
  border-top: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  background-image: none !important;
}
.integrations-v2-root .integrations-v2-account-form-footer::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 1px;
  background: #e5e7eb;
  pointer-events: none;
}
:root.dark .integrations-v2-root .integrations-v2-account-form-footer,body.dark .integrations-v2-root .integrations-v2-account-form-footer {
  border-top-color: #464d66 !important;
}
:root.dark .integrations-v2-root .integrations-v2-account-form-footer::before,body.dark .integrations-v2-root .integrations-v2-account-form-footer::before {
  background: #464d66;
}
:root.dark .integrations-v2-root .bg-white,body.dark .integrations-v2-root .bg-white {
  background-color: var(--v2-color-surface-bg) !important;
}
:root.dark .integrations-v2-root .border-gray-200,body.dark .integrations-v2-root .border-gray-200 {
  border-color: var(--v2-color-surface-border) !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__button,body.dark .integrations-v2-root .mercadolivre-country-selector__button {
  background-color: #383e54 !important;
  border-color: #464d66 !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__button:not(.mercadolivre-country-selector__button--open):hover,body.dark .integrations-v2-root .mercadolivre-country-selector__button:not(.mercadolivre-country-selector__button--open):hover {
  border-color: #5a6b98 !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__button--open,body.dark .integrations-v2-root .mercadolivre-country-selector__button--open {
  border-color: #2e52fb !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__dropdown,body.dark .integrations-v2-root .mercadolivre-country-selector__dropdown {
  background-color: #383e54 !important;
  border-color: #464d66 !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__label--selected,:root.dark .integrations-v2-root .mercadolivre-country-selector__option--idle,body.dark .integrations-v2-root .mercadolivre-country-selector__label--selected,body.dark .integrations-v2-root .mercadolivre-country-selector__option--idle {
  color: #e5e7eb !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__label--placeholder,body.dark .integrations-v2-root .mercadolivre-country-selector__label--placeholder {
  color: #9ca3af !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__option--idle:hover,body.dark .integrations-v2-root .mercadolivre-country-selector__option--idle:hover {
  background-color: #3f4b70 !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__option--selected,body.dark .integrations-v2-root .mercadolivre-country-selector__option--selected {
  background-color: #2a345c !important;
  color: #7fb0ff !important;
}
:root.dark .integrations-v2-root .mercadolivre-country-selector__check,body.dark .integrations-v2-root .mercadolivre-country-selector__check {
  color: #7fb0ff !important;
}
:root.dark .integrations-v2-root .border-slate-300,body.dark .integrations-v2-root .border-slate-300 {
  border-color: var(--v2-color-border) !important;
}
:root.dark .integrations-v2-root .bg-slate-50,:root.dark .integrations-v2-root .bg-slate-100,body.dark .integrations-v2-root .bg-slate-50,body.dark .integrations-v2-root .bg-slate-100 {
  background-color: var(--v2-color-bg-soft) !important;
}
:root.dark .integrations-v2-root .hover\:bg-slate-100:hover,body.dark .integrations-v2-root .hover\:bg-slate-100:hover {
  background-color: var(--v2-color-bg-hover) !important;
}
:root.dark .integrations-v2-root .text-slate-400,body.dark .integrations-v2-root .text-slate-400 {
  color: var(--v2-color-icon-muted) !important;
}
:root.dark .integrations-v2-root .text-slate-600,body.dark .integrations-v2-root .text-slate-600 {
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .integrations-v2-root .text-slate-800,body.dark .integrations-v2-root .text-slate-800 {
  color: var(--v2-color-text-strong) !important;
}
:root.dark .integrations-v2-root .border-red-100,:root.dark .integrations-v2-root .border-red-200,:root.dark .integrations-v2-root .border-red-300,:root.dark .integrations-v2-root .border-rose-200,body.dark .integrations-v2-root .border-red-100,body.dark .integrations-v2-root .border-red-200,body.dark .integrations-v2-root .border-red-300,body.dark .integrations-v2-root .border-rose-200 {
  border-color: var(--v2-color-danger-soft-border) !important;
}
:root.dark .integrations-v2-root .bg-red-50,:root.dark .integrations-v2-root .bg-rose-50,body.dark .integrations-v2-root .bg-red-50,body.dark .integrations-v2-root .bg-rose-50 {
  background-color: var(--v2-color-danger-soft-bg) !important;
}
:root.dark .integrations-v2-root .hover\:bg-red-50:hover,:root.dark .integrations-v2-root .hover\:bg-red-100:hover,body.dark .integrations-v2-root .hover\:bg-red-50:hover,body.dark .integrations-v2-root .hover\:bg-red-100:hover {
  background-color: var(--v2-color-danger-soft-bg-hover) !important;
}
:root.dark .integrations-v2-root .text-red-400,:root.dark .integrations-v2-root .text-red-500,:root.dark .integrations-v2-root .text-red-600,:root.dark .integrations-v2-root .text-red-800,:root.dark .integrations-v2-root .text-rose-900,body.dark .integrations-v2-root .text-red-400,body.dark .integrations-v2-root .text-red-500,body.dark .integrations-v2-root .text-red-600,body.dark .integrations-v2-root .text-red-800,body.dark .integrations-v2-root .text-rose-900 {
  color: var(--v2-color-danger-soft-text) !important;
}
:root.dark .integrations-v2-root .hover\:text-red-800:hover,body.dark .integrations-v2-root .hover\:text-red-800:hover {
  color: var(--v2-color-danger-soft-text) !important;
}
:root.dark .integrations-v2-root .border-blue-100,body.dark .integrations-v2-root .border-blue-100 {
  border-color: var(--v2-color-info-soft-border) !important;
}
:root.dark .integrations-v2-root .bg-blue-50,body.dark .integrations-v2-root .bg-blue-50 {
  background-color: var(--v2-color-info-soft-bg) !important;
}
:root.dark .integrations-v2-root .hover\:bg-blue-100:hover,body.dark .integrations-v2-root .hover\:bg-blue-100:hover {
  background-color: var(--v2-color-bg-brand-soft) !important;
}
:root.dark .integrations-v2-root .text-blue-700,body.dark .integrations-v2-root .text-blue-700 {
  color: var(--v2-color-info-soft-text) !important;
}
:root.dark .integrations-v2-root .border-emerald-100,:root.dark .integrations-v2-root .border-emerald-200,body.dark .integrations-v2-root .border-emerald-100,body.dark .integrations-v2-root .border-emerald-200 {
  border-color: var(--v2-color-success-bubble-border) !important;
}
:root.dark .integrations-v2-root .bg-emerald-50,body.dark .integrations-v2-root .bg-emerald-50 {
  background-color: var(--v2-color-success-badge-bg) !important;
}
:root.dark .integrations-v2-root .hover\:bg-emerald-50:hover,body.dark .integrations-v2-root .hover\:bg-emerald-50:hover {
  background-color: var(--v2-color-success-badge-bg) !important;
}
:root.dark .integrations-v2-root .text-emerald-500,:root.dark .integrations-v2-root .text-emerald-600,:root.dark .integrations-v2-root .text-emerald-700,body.dark .integrations-v2-root .text-emerald-500,body.dark .integrations-v2-root .text-emerald-600,body.dark .integrations-v2-root .text-emerald-700 {
  color: var(--v2-color-success-badge-text) !important;
}
:root.dark .integrations-v2-root .hover\:text-emerald-700:hover,body.dark .integrations-v2-root .hover\:text-emerald-700:hover {
  color: var(--v2-color-success-badge-text) !important;
}
:root.dark .integrations-v2-root .bg-emerald-500,body.dark .integrations-v2-root .bg-emerald-500 {
  background-color: var(--v2-color-success) !important;
}
:root.dark .integrations-v2-root .border-amber-200,:root.dark .integrations-v2-root .border-amber-300,body.dark .integrations-v2-root .border-amber-200,body.dark .integrations-v2-root .border-amber-300 {
  border-color: var(--v2-color-warning-soft-border) !important;
}
:root.dark .integrations-v2-root .bg-amber-50,body.dark .integrations-v2-root .bg-amber-50 {
  background-color: var(--v2-color-warning-soft-bg) !important;
}
:root.dark .integrations-v2-root .hover\:bg-amber-100:hover,body.dark .integrations-v2-root .hover\:bg-amber-100:hover {
  background-color: var(--v2-color-warning-soft-bg) !important;
}
:root.dark .integrations-v2-root .text-amber-500,body.dark .integrations-v2-root .text-amber-500 {
  color: var(--v2-color-warning-soft-icon) !important;
}
:root.dark .integrations-v2-root .text-amber-600,:root.dark .integrations-v2-root .text-amber-700,body.dark .integrations-v2-root .text-amber-600,body.dark .integrations-v2-root .text-amber-700 {
  color: var(--v2-color-warning-soft-strong) !important;
}
.profile-config-v2-root,.profile-config-v2-root *,.profile-config-v2-root input,.profile-config-v2-root button,.profile-config-v2-root select,.profile-config-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
:root.dark .profile-config-v2-root,body.dark .profile-config-v2-root {
  background-color: #020617 !important;
  color: #f1f5f9 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-title,body.dark .profile-config-v2-root .profile-config-v2-title {
  color: #fff !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-subtitle,body.dark .profile-config-v2-root .profile-config-v2-subtitle,:root.dark .profile-config-v2-root .profile-config-v2-card-title,body.dark .profile-config-v2-root .profile-config-v2-card-title,:root.dark .profile-config-v2-root .profile-config-v2-label,body.dark .profile-config-v2-root .profile-config-v2-label {
  color: #94a3b8 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-back-button,body.dark .profile-config-v2-root .profile-config-v2-back-button {
  background-color: rgba(0,0,0,0) !important;
  border-color: rgba(0,0,0,0) !important;
  box-shadow: none !important;
  color: #e2e8f0 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-back-button:hover,body.dark .profile-config-v2-root .profile-config-v2-back-button:hover {
  background-color: rgba(0,0,0,0) !important;
  border-color: rgba(0,0,0,0) !important;
  color: #fff !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-card,body.dark .profile-config-v2-root .profile-config-v2-card,:root.dark .profile-config-v2-root .profile-config-v2-state-panel,body.dark .profile-config-v2-root .profile-config-v2-state-panel {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
  color: #f1f5f9 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-card-header,body.dark .profile-config-v2-root .profile-config-v2-card-header {
  background-color: rgba(15,23,42,.3) !important;
  border-color: #1e293b !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-input,body.dark .profile-config-v2-root .profile-config-v2-input {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #f1f5f9 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-input::placeholder,body.dark .profile-config-v2-root .profile-config-v2-input::placeholder {
  color: #64748b !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-input:disabled,body.dark .profile-config-v2-root .profile-config-v2-input:disabled {
  background-color: #172033 !important;
  color: #94a3b8 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-settings-row,body.dark .profile-config-v2-root .profile-config-v2-settings-row {
  border-color: #1e293b !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-setting-label,body.dark .profile-config-v2-root .profile-config-v2-setting-label {
  color: #cbd5e1 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-error-text,body.dark .profile-config-v2-root .profile-config-v2-error-text {
  color: #fca5a5 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-blocked-panel,body.dark .profile-config-v2-root .profile-config-v2-blocked-panel {
  background-color: rgba(127,29,29,.2) !important;
  border-color: rgba(248,113,113,.35) !important;
  color: #fca5a5 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-blocked-panel:hover,body.dark .profile-config-v2-root .profile-config-v2-blocked-panel:hover {
  background-color: rgba(127,29,29,.32) !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-blocked-icon,body.dark .profile-config-v2-root .profile-config-v2-blocked-icon,:root.dark .profile-config-v2-root .profile-config-v2-blocked-title,body.dark .profile-config-v2-root .profile-config-v2-blocked-title {
  color: #f87171 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-blocked-description,body.dark .profile-config-v2-root .profile-config-v2-blocked-description {
  color: rgba(248,113,113,.7) !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-unblock-button,body.dark .profile-config-v2-root .profile-config-v2-unblock-button {
  background-color: rgba(120,53,15,.3) !important;
  border-color: rgba(245,158,11,.45) !important;
  color: #fbbf24 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-unblock-button:hover,body.dark .profile-config-v2-root .profile-config-v2-unblock-button:hover {
  background-color: rgba(146,64,14,.45) !important;
  border-color: rgba(251,191,36,.65) !important;
  color: #fde68a !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-unblock-button:disabled,body.dark .profile-config-v2-root .profile-config-v2-unblock-button:disabled {
  opacity: .6 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-risk-warning,body.dark .profile-config-v2-root .profile-config-v2-risk-warning,:root.dark .profile-config-v2-modal .profile-config-v2-risk-warning,body.dark .profile-config-v2-modal .profile-config-v2-risk-warning {
  background-color: rgba(120,53,15,.28) !important;
  border-color: rgba(245,158,11,.4) !important;
  color: #fbbf24 !important;
}
:root.dark .profile-config-v2-root .profile-config-v2-risk-warning *,body.dark .profile-config-v2-root .profile-config-v2-risk-warning *,:root.dark .profile-config-v2-modal .profile-config-v2-risk-warning *,body.dark .profile-config-v2-modal .profile-config-v2-risk-warning * {
  color: #fbbf24 !important;
}
:root.dark .profile-config-v2-modal,body.dark .profile-config-v2-modal {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
}
:root.dark .profile-config-v2-modal .profile-config-v2-modal-title,body.dark .profile-config-v2-modal .profile-config-v2-modal-title {
  color: #fff !important;
}
:root.dark .profile-config-v2-modal .profile-config-v2-modal-message,body.dark .profile-config-v2-modal .profile-config-v2-modal-message {
  color: #94a3b8 !important;
}
.reason-classification-v2-root,.reason-classification-v2-root *,.reason-classification-v2-root input,.reason-classification-v2-root button,.reason-classification-v2-root select,.reason-classification-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
:root.dark .reason-classification-v2-root,body.dark .reason-classification-v2-root {
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
  color-scheme: dark;
}
.reason-classification-v2-root .reason-classification-v2-status-pill--active {
  background-color: #ecfdf5 !important;
  border-color: #ecfdf5 !important;
  color: #059669 !important;
}
.reason-classification-v2-root .reason-classification-v2-status-pill--inactive {
  background-color: #f3f4f6 !important;
  border-color: #f3f4f6 !important;
  color: #6b7280 !important;
}
.reason-classification-v2-root .reason-classification-v2-status-dot--active {
  background-color: #059669 !important;
}
.reason-classification-v2-root .reason-classification-v2-status-dot--inactive {
  background-color: #9ca3af !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-status-pill--active,body.dark .reason-classification-v2-root .reason-classification-v2-status-pill--active {
  background-color: var(--v2-color-success-badge-bg) !important;
  border-color: var(--v2-color-success-badge-bg) !important;
  color: var(--v2-color-success-badge-text) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-status-pill--inactive,body.dark .reason-classification-v2-root .reason-classification-v2-status-pill--inactive {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-border-soft) !important;
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-status-dot--active,body.dark .reason-classification-v2-root .reason-classification-v2-status-dot--active {
  background-color: var(--v2-color-success-badge-text) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-status-dot--inactive,body.dark .reason-classification-v2-root .reason-classification-v2-status-dot--inactive {
  background-color: var(--v2-color-icon-muted) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-type-badge--pre,body.dark .reason-classification-v2-root .reason-classification-v2-type-badge--pre {
  background-color: var(--v2-color-info-soft-bg) !important;
  border-color: var(--v2-color-info-soft-border) !important;
  color: var(--v2-color-info-soft-text) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-type-badge--pos,body.dark .reason-classification-v2-root .reason-classification-v2-type-badge--pos {
  background-color: var(--v2-color-warning-soft-bg) !important;
  border-color: var(--v2-color-warning-soft-border) !important;
  color: var(--v2-color-warning-soft-strong) !important;
}
:root.dark .reason-classification-v2-root .reason-classification-v2-type-badge--chat,body.dark .reason-classification-v2-root .reason-classification-v2-type-badge--chat {
  background-color: var(--v2-color-success-badge-bg) !important;
  border-color: var(--v2-color-success-bubble-border) !important;
  color: var(--v2-color-success-badge-text) !important;
}
.agent-distribution-v2-root,.agent-distribution-v2-root *,.agent-distribution-v2-root input,.agent-distribution-v2-root button,.agent-distribution-v2-root select,.agent-distribution-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
:root.dark .agent-distribution-v2-root,body.dark .agent-distribution-v2-root {
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
  color-scheme: dark;
}
:root.dark .agent-distribution-v2-root [data-testid$=card],:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-tabs],:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-quick-bar],:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-loading-state],:root.dark .agent-distribution-v2-root [data-agent-distribution-select-root=true]>div,body.dark .agent-distribution-v2-root [data-testid$=card],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-tabs],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-quick-bar],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-loading-state],body.dark .agent-distribution-v2-root [data-agent-distribution-select-root=true]>div {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .agent-distribution-v2-root table,:root.dark .agent-distribution-v2-root tbody,body.dark .agent-distribution-v2-root table,body.dark .agent-distribution-v2-root tbody {
  background-color: var(--v2-color-surface-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .agent-distribution-v2-root thead,body.dark .agent-distribution-v2-root thead {
  background-color: var(--v2-color-bg-soft) !important;
  color: var(--v2-color-label-muted) !important;
}
:root.dark .agent-distribution-v2-root tbody tr,body.dark .agent-distribution-v2-root tbody tr {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .agent-distribution-v2-root tbody tr:hover,body.dark .agent-distribution-v2-root tbody tr:hover {
  background-color: var(--v2-color-bg-hover) !important;
}
:root.dark .agent-distribution-v2-root th,:root.dark .agent-distribution-v2-root td,body.dark .agent-distribution-v2-root th,body.dark .agent-distribution-v2-root td {
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .agent-distribution-v2-root input,:root.dark .agent-distribution-v2-root select,:root.dark .agent-distribution-v2-root textarea,body.dark .agent-distribution-v2-root input,body.dark .agent-distribution-v2-root select,body.dark .agent-distribution-v2-root textarea {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .agent-distribution-v2-root input::placeholder,:root.dark .agent-distribution-v2-root textarea::placeholder,body.dark .agent-distribution-v2-root input::placeholder,body.dark .agent-distribution-v2-root textarea::placeholder {
  color: var(--v2-color-placeholder) !important;
}
:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-error-state],:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-submit-error],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-error-state],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-submit-error] {
  background-color: var(--v2-color-danger-soft-bg) !important;
  border-color: var(--v2-color-danger-soft-border) !important;
  color: var(--v2-color-danger-soft-text) !important;
}
:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-group-rules-triage-info],:root.dark .agent-distribution-v2-root [data-testid=agent-distribution-pending-first-attempt-banner],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-group-rules-triage-info],body.dark .agent-distribution-v2-root [data-testid=agent-distribution-pending-first-attempt-banner] {
  background-color: var(--v2-color-info-soft-bg) !important;
  border-color: var(--v2-color-info-soft-border) !important;
  color: var(--v2-color-info-soft-text) !important;
}
:root.dark .agent-distribution-v2-root [data-testid$=pagination]>div,body.dark .agent-distribution-v2-root [data-testid$=pagination]>div {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border-soft) !important;
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .agent-distribution-v2-root .bg-white,body.dark .agent-distribution-v2-root .bg-white {
  background-color: var(--v2-color-surface-bg) !important;
}
:root.dark .agent-distribution-v2-root .bg-slate-50,:root.dark .agent-distribution-v2-root .bg-slate-100,body.dark .agent-distribution-v2-root .bg-slate-50,body.dark .agent-distribution-v2-root .bg-slate-100 {
  background-color: var(--v2-color-bg-soft) !important;
}
:root.dark .agent-distribution-v2-root .border-slate-200,:root.dark .agent-distribution-v2-root .border-slate-300,body.dark .agent-distribution-v2-root .border-slate-200,body.dark .agent-distribution-v2-root .border-slate-300 {
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .agent-distribution-v2-root .text-slate-500,:root.dark .agent-distribution-v2-root .text-slate-600,:root.dark .agent-distribution-v2-root .text-slate-700,body.dark .agent-distribution-v2-root .text-slate-500,body.dark .agent-distribution-v2-root .text-slate-600,body.dark .agent-distribution-v2-root .text-slate-700 {
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .agent-distribution-v2-root .bg-blue-50,:root.dark .agent-distribution-v2-root .bg-sky-50,body.dark .agent-distribution-v2-root .bg-blue-50,body.dark .agent-distribution-v2-root .bg-sky-50 {
  background-color: var(--v2-color-info-soft-bg) !important;
}
:root.dark .agent-distribution-v2-root .border-blue-100,:root.dark .agent-distribution-v2-root .border-blue-200,:root.dark .agent-distribution-v2-root .border-sky-100,body.dark .agent-distribution-v2-root .border-blue-100,body.dark .agent-distribution-v2-root .border-blue-200,body.dark .agent-distribution-v2-root .border-sky-100 {
  border-color: var(--v2-color-info-soft-border) !important;
}
:root.dark .agent-distribution-v2-root .text-blue-700,:root.dark .agent-distribution-v2-root .text-sky-700,body.dark .agent-distribution-v2-root .text-blue-700,body.dark .agent-distribution-v2-root .text-sky-700 {
  color: var(--v2-color-info-soft-text) !important;
}
:root.dark .agent-distribution-v2-root .bg-emerald-50,body.dark .agent-distribution-v2-root .bg-emerald-50 {
  background-color: var(--v2-color-success-badge-bg) !important;
}
:root.dark .agent-distribution-v2-root .border-emerald-200,body.dark .agent-distribution-v2-root .border-emerald-200 {
  border-color: var(--v2-color-success-bubble-border) !important;
}
:root.dark .agent-distribution-v2-root .text-emerald-600,:root.dark .agent-distribution-v2-root .text-emerald-700,body.dark .agent-distribution-v2-root .text-emerald-600,body.dark .agent-distribution-v2-root .text-emerald-700 {
  color: var(--v2-color-success-badge-text) !important;
}
:root.dark .agent-distribution-v2-root .bg-emerald-500,body.dark .agent-distribution-v2-root .bg-emerald-500 {
  background-color: var(--v2-color-success) !important;
}
:root.dark .agent-distribution-v2-root .bg-amber-50,body.dark .agent-distribution-v2-root .bg-amber-50 {
  background-color: var(--v2-color-warning-soft-bg) !important;
}
:root.dark .agent-distribution-v2-root .border-amber-200,body.dark .agent-distribution-v2-root .border-amber-200 {
  border-color: var(--v2-color-warning-soft-border) !important;
}
:root.dark .agent-distribution-v2-root .text-amber-600,:root.dark .agent-distribution-v2-root .text-amber-700,body.dark .agent-distribution-v2-root .text-amber-600,body.dark .agent-distribution-v2-root .text-amber-700 {
  color: var(--v2-color-warning-soft-strong) !important;
}
:root.dark .agent-distribution-v2-root .bg-amber-500,body.dark .agent-distribution-v2-root .bg-amber-500 {
  background-color: var(--v2-color-warning-soft-icon) !important;
}
:root.dark .agent-distribution-v2-root .bg-rose-50,:root.dark .agent-distribution-v2-root .hover\:bg-rose-50:hover,:root.dark .agent-distribution-v2-root .hover\:bg-rose-100:hover,body.dark .agent-distribution-v2-root .bg-rose-50,body.dark .agent-distribution-v2-root .hover\:bg-rose-50:hover,body.dark .agent-distribution-v2-root .hover\:bg-rose-100:hover {
  background-color: var(--v2-color-danger-soft-bg) !important;
}
:root.dark .agent-distribution-v2-root .border-rose-200,body.dark .agent-distribution-v2-root .border-rose-200 {
  border-color: var(--v2-color-danger-soft-border) !important;
}
:root.dark .agent-distribution-v2-root .text-rose-500,:root.dark .agent-distribution-v2-root .text-rose-600,:root.dark .agent-distribution-v2-root .text-rose-700,:root.dark .agent-distribution-v2-root .text-rose-800,:root.dark .agent-distribution-v2-root .text-rose-900,body.dark .agent-distribution-v2-root .text-rose-500,body.dark .agent-distribution-v2-root .text-rose-600,body.dark .agent-distribution-v2-root .text-rose-700,body.dark .agent-distribution-v2-root .text-rose-800,body.dark .agent-distribution-v2-root .text-rose-900 {
  color: var(--v2-color-danger-soft-text) !important;
}
:root.dark .agent-distribution-v2-root .bg-violet-50,body.dark .agent-distribution-v2-root .bg-violet-50 {
  background-color: var(--v2-color-highlight-soft-bg) !important;
}
:root.dark .agent-distribution-v2-root .text-violet-700,body.dark .agent-distribution-v2-root .text-violet-700 {
  color: var(--v2-color-highlight-soft-text) !important;
}
.attendance-groups-v2-root,.attendance-groups-v2-root *,.attendance-groups-v2-root input,.attendance-groups-v2-root button,.attendance-groups-v2-root select,.attendance-groups-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.users-v2-root,.users-v2-root *,.users-v2-root input,.users-v2-root button,.users-v2-root select,.users-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
.users-v2-root .users-v2-grid-shell {
  border-radius: 16px !important;
  overflow: hidden !important;
}
.users-v2-root .users-v2-grid-toolbar {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}
.users-v2-root [data-testid=users-v2-bulk-config-button],.users-v2-root [data-testid=users-v2-manage-groups-button],.users-v2-root [data-testid=users-v2-new-user-button],.users-v2-root [data-testid=users-v2-toggle-filters],.users-v2-root [data-testid=users-v2-search-type-select],.users-v2-root [data-testid=users-v2-sort-select] {
  border-radius: 8px !important;
}
.users-v2-root [data-testid=users-v2-profile-badge] {
  border-radius: 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-shadow: none !important;
}
.users-v2-root .users-v2-profile-badge--admin {
  background-color: #f3e8ff !important;
  border-color: #eadcff !important;
  color: #9333ea !important;
}
.users-v2-root .users-v2-profile-badge--support,.users-v2-root .users-v2-profile-badge--atendente {
  background-color: #eff6ff !important;
  border-color: #dbeafe !important;
  color: #2563eb !important;
}
.users-v2-root .users-v2-profile-badge--aprovador {
  background-color: #ecfdf5 !important;
  border-color: #d1fae5 !important;
  color: #059669 !important;
}
.users-v2-root .users-v2-profile-badge--supervisor {
  background-color: #fffbeb !important;
  border-color: #fde68a !important;
  color: #d97706 !important;
}
.users-v2-root [data-testid^=users-v2-status-toggle-] {
  border-radius: 7px !important;
  border-width: 1px !important;
  border-style: solid !important;
  background-image: none !important;
  box-shadow: none !important;
  text-transform: none !important;
  width: fit-content !important;
  justify-self: start !important;
}
.users-v2-root .users-v2-status-pill--active {
  background-color: #ecfdf5 !important;
  border-color: #d1fae5 !important;
  color: #059669 !important;
}
.users-v2-root .users-v2-status-pill--inactive {
  background-color: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
}
.users-v2-root .users-v2-summary-icon {
  border-radius: 8px !important;
}
.users-v2-root .users-v2-summary-icon--blue {
  background-color: #eff6ff !important;
  color: #2563eb !important;
}
.users-v2-root .users-v2-summary-icon--emerald {
  background-color: #ecfdf5 !important;
  color: #059669 !important;
}
.users-v2-root .users-v2-summary-icon--red {
  background-color: #fef2f2 !important;
  color: #dc2626 !important;
}
.users-v2-root .users-v2-summary-icon--amber {
  background-color: #fffbeb !important;
  color: #d97706 !important;
}
:root.dark .users-v2-root .users-v2-summary-icon--blue,body.dark .users-v2-root .users-v2-summary-icon--blue {
  background-color: rgba(30,58,138,.2) !important;
  color: #60a5fa !important;
}
:root.dark .users-v2-root .users-v2-summary-icon--emerald,body.dark .users-v2-root .users-v2-summary-icon--emerald {
  background-color: rgba(6,78,59,.2) !important;
  color: #34d399 !important;
}
:root.dark .users-v2-root .users-v2-summary-icon--red,body.dark .users-v2-root .users-v2-summary-icon--red {
  background-color: rgba(127,29,29,.2) !important;
  color: #f87171 !important;
}
:root.dark .users-v2-root .users-v2-summary-icon--amber,body.dark .users-v2-root .users-v2-summary-icon--amber {
  background-color: rgba(120,53,15,.2) !important;
  color: #fbbf24 !important;
}
:root.dark .email-v2-page,body.dark .email-v2-page,:root.dark .email-detail-v2-page,body.dark .email-detail-v2-page {
  background-color: #1c2030 !important;
  color: #e5ecfb !important;
  --tw-bg-opacity: 1;
}
:root.dark .mia-products-v2-page,body.dark .mia-products-v2-page {
  --v2-color-page-bg: #1c2030;
  --v2-color-surface-bg: #383e54;
  --v2-color-bg-soft: #404863;
  --v2-color-bg-muted: #4a5370;
  --v2-color-bg-hover: #4a5370;
  --v2-color-bg-brand-soft: #2b3a63;
  --v2-color-bg-active-soft: #2f4370;
  --v2-color-border: #6476a4;
  --v2-color-border-soft: #4f5f86;
  --v2-color-border-muted: #5a6b98;
  --v2-color-surface-border: #4f5f86;
  --v2-color-text-strong: #eef4ff;
  --v2-color-text-secondary: #c4cee6;
  --v2-color-label-muted: #9fb0d4;
  --v2-color-placeholder: #8492b5;
  --v2-color-info-soft-bg: #24324f;
  --v2-color-info-soft-text: #a8bcff;
  --v2-color-success-badge-bg: #21483f;
  --v2-color-success-badge-text: #8de3c8;
  --v2-color-warning-soft-bg: #2f2a1d;
  --v2-color-warning-soft-border: #8a7441;
  --v2-color-warning-soft-strong: #ffe0bd;
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
  --tw-bg-opacity: 1;
}
:root.dark .mia-products-v2-page .mia-products-v2-grid-shell,body.dark .mia-products-v2-page .mia-products-v2-grid-shell,:root.dark .mia-products-v2-page .mia-products-v2-grid,body.dark .mia-products-v2-page .mia-products-v2-grid,:root.dark .mia-products-v2-page .mia-products-v2-grid-body,body.dark .mia-products-v2-page .mia-products-v2-grid-body,:root.dark .mia-products-v2-page .mia-products-v2-grid-loading,body.dark .mia-products-v2-page .mia-products-v2-grid-loading,:root.dark .mia-products-v2-page .mia-products-v2-toolbar,body.dark .mia-products-v2-page .mia-products-v2-toolbar {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-filters-panel,body.dark .mia-products-v2-page .mia-products-v2-filters-panel,:root.dark .mia-products-v2-page .mia-products-v2-grid-header,body.dark .mia-products-v2-page .mia-products-v2-grid-header,:root.dark .mia-products-v2-page .mia-products-v2-selection-bar,body.dark .mia-products-v2-page .mia-products-v2-selection-bar {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-border-soft) !important;
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-grid-row,body.dark .mia-products-v2-page .mia-products-v2-grid-row {
  color: var(--v2-color-text-secondary) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-grid-row:hover,body.dark .mia-products-v2-page .mia-products-v2-grid-row:hover {
  background-color: var(--v2-color-bg-hover) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-select,body.dark .mia-products-v2-page .mia-products-v2-select,:root.dark .mia-products-v2-page .mia-products-v2-search,body.dark .mia-products-v2-page .mia-products-v2-search,:root.dark .mia-products-v2-page select,body.dark .mia-products-v2-page select,:root.dark .mia-products-v2-page input:not([type=checkbox]),body.dark .mia-products-v2-page input:not([type=checkbox]) {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-products-v2-page input::placeholder,body.dark .mia-products-v2-page input::placeholder {
  color: var(--v2-color-placeholder) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-dropdown,body.dark .mia-products-v2-page .mia-products-v2-dropdown {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border) !important;
}
:root.dark .mia-products-v2-page .mia-products-v2-dropdown-item:hover,body.dark .mia-products-v2-page .mia-products-v2-dropdown-item:hover,:root.dark .mia-products-v2-page .mia-products-v2-dropdown-item--active,body.dark .mia-products-v2-page .mia-products-v2-dropdown-item--active {
  background-color: var(--v2-color-bg-active-soft) !important;
  color: var(--v2-color-selection-text) !important;
}
:root.dark .mia-products-v2-page .bg-blue-50,body.dark .mia-products-v2-page .bg-blue-50 {
  background-color: var(--v2-color-info-soft-bg) !important;
}
:root.dark .mia-products-v2-page .text-blue-600,body.dark .mia-products-v2-page .text-blue-600 {
  color: var(--v2-color-info-soft-text) !important;
}
:root.dark .mia-products-v2-page .bg-emerald-50,body.dark .mia-products-v2-page .bg-emerald-50 {
  background-color: var(--v2-color-success-badge-bg) !important;
}
:root.dark .mia-products-v2-page .border-emerald-300,body.dark .mia-products-v2-page .border-emerald-300 {
  border-color: var(--v2-color-success-bubble-border) !important;
}
:root.dark .mia-products-v2-page .text-emerald-600,body.dark .mia-products-v2-page .text-emerald-600,:root.dark .mia-products-v2-page .text-emerald-700,body.dark .mia-products-v2-page .text-emerald-700 {
  color: var(--v2-color-success-badge-text) !important;
}
:root.dark .mia-products-v2-page .bg-amber-50,body.dark .mia-products-v2-page .bg-amber-50 {
  background-color: var(--v2-color-warning-soft-bg) !important;
}
:root.dark .mia-products-v2-page .border-amber-300,body.dark .mia-products-v2-page .border-amber-300,:root.dark .mia-products-v2-page .border-amber-400,body.dark .mia-products-v2-page .border-amber-400 {
  border-color: var(--v2-color-warning-soft-border) !important;
}
:root.dark .mia-products-v2-page .text-amber-600,body.dark .mia-products-v2-page .text-amber-600,:root.dark .mia-products-v2-page .text-amber-700,body.dark .mia-products-v2-page .text-amber-700 {
  color: var(--v2-color-warning-soft-strong) !important;
}
.mia-training-store-v2-root,.mia-training-store-v2-root *,.mia-training-store-v2-root input,.mia-training-store-v2-root button,.mia-training-store-v2-root select,.mia-training-store-v2-root textarea {
  font-family: "Plus Jakarta Sans",sans-serif !important;
}
:root:not(.dark) .mia-training-store-v2-root,body:not(.dark) .mia-training-store-v2-root {
  background-color: var(--v2-color-page-bg) !important;
  color: var(--v2-color-text-strong) !important;
}
:root:not(.dark) .mia-training-store-v2-root .mia-training-store-v2-card,body:not(.dark) .mia-training-store-v2-root .mia-training-store-v2-card {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-training-store-v2-root,body.dark .mia-training-store-v2-root {
  background-color: #1c2030 !important;
  color: #e5ecfb !important;
  --tw-bg-opacity: 1;
}
:root.dark .mia-training-store-v2-root .mia-training-store-v2-card,body.dark .mia-training-store-v2-root .mia-training-store-v2-card,:root.dark .mia-training-store-v2-root .mia-training-store-v2-table,body.dark .mia-training-store-v2-root .mia-training-store-v2-table {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-surface-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-training-store-v2-root thead,body.dark .mia-training-store-v2-root thead {
  background-color: var(--v2-color-bg-soft) !important;
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .mia-training-store-v2-root tbody tr,body.dark .mia-training-store-v2-root tbody tr,:root.dark .mia-training-store-v2-root th,body.dark .mia-training-store-v2-root th,:root.dark .mia-training-store-v2-root td,body.dark .mia-training-store-v2-root td {
  border-color: var(--v2-color-border-soft) !important;
}
:root.dark .mia-training-store-v2-root tbody tr:hover,body.dark .mia-training-store-v2-root tbody tr:hover {
  background-color: var(--v2-color-bg-hover) !important;
}
:root.dark .mia-training-store-v2-root .mia-training-store-v2-control,body.dark .mia-training-store-v2-root .mia-training-store-v2-control,:root.dark .mia-training-store-v2-root input,body.dark .mia-training-store-v2-root input,:root.dark .mia-training-store-v2-root select,body.dark .mia-training-store-v2-root select,:root.dark .mia-training-store-v2-root textarea,body.dark .mia-training-store-v2-root textarea {
  background-color: var(--v2-color-surface-bg) !important;
  border-color: var(--v2-color-border) !important;
  color: var(--v2-color-text-strong) !important;
}
:root.dark .mia-training-store-v2-root input::placeholder,body.dark .mia-training-store-v2-root input::placeholder,:root.dark .mia-training-store-v2-root textarea::placeholder,body.dark .mia-training-store-v2-root textarea::placeholder {
  color: var(--v2-color-placeholder) !important;
}
:root.dark .mia-training-store-v2-root .post-sales-grid-footer>div,body.dark .mia-training-store-v2-root .post-sales-grid-footer>div,:root.dark .mia-training-store-v2-root [data-testid=pagination-info],body.dark .mia-training-store-v2-root [data-testid=pagination-info] {
  color: var(--v2-color-text-secondary) !important;
}
.Toastify__toast.system-alert-toast {
  position: relative !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #1f2937 !important;
  border: 1px solid #fde68a !important;
  border-left-width: 0 !important;
  box-shadow: 0 10px 24px rgba(15,23,42,.16) !important;
  padding: 18px 44px 18px 44px !important;
  min-height: 88px !important;
  font-family: inherit !important;
  overflow: hidden !important;
}
.Toastify__toast.system-alert-toast::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: #f59e0b;
}
.Toastify__toast.system-alert-toast::before {
  content: "!";
  position: absolute;
  top: 18px;
  left: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1.8px solid currentColor;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  box-sizing: border-box;
  color: #d97706;
  font-family: Arial,sans-serif;
}
.Toastify__toast.system-alert-toast .Toastify__toast-icon {
  display: none !important;
}
.Toastify__toast.system-alert-toast .Toastify__toast-body {
  color: #1f2937 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  white-space: pre-line !important;
}
.Toastify__toast.system-alert-toast .Toastify__close-button {
  color: #64748b !important;
  opacity: 1 !important;
  align-self: flex-start !important;
  margin-top: 1px !important;
}
.Toastify__toast.system-alert-toast .Toastify__close-button:hover {
  color: #111827 !important;
}
.Toastify__progress-bar.system-alert-toast-progress {
  height: 2px !important;
  border-radius: 0 0 12px 12px !important;
  background: #f59e0b !important;
}
.note-handler-toast-body {
  font-weight: 600;
  font-size: 14px;
}
.note-handler-toast-action {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgba(0,0,0,0);
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
}
.note-handler-toast-title {
  color: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}
.note-handler-toast-description {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}
:root.dark .Toastify__toast.system-alert-toast,body.dark .Toastify__toast.system-alert-toast {
  background: #30383e !important;
  border-color: rgba(0,0,0,0) !important;
  color: #f3f4f6 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}
:root.dark .Toastify__toast.system-alert-toast::after,body.dark .Toastify__toast.system-alert-toast::after,:root.dark .Toastify__progress-bar.system-alert-toast-progress,body.dark .Toastify__progress-bar.system-alert-toast-progress {
  background: #ffd052 !important;
}
:root.dark .Toastify__toast.system-alert-toast::before,body.dark .Toastify__toast.system-alert-toast::before {
  color: #ffd052 !important;
}
:root.dark .Toastify__toast.system-alert-toast .Toastify__toast-body,body.dark .Toastify__toast.system-alert-toast .Toastify__toast-body {
  color: #f3f4f6 !important;
}
:root.dark .Toastify__toast.system-alert-toast .Toastify__close-button,body.dark .Toastify__toast.system-alert-toast .Toastify__close-button {
  color: #d7dde2 !important;
}
:root.dark .Toastify__toast.system-alert-toast .Toastify__close-button:hover,body.dark .Toastify__toast.system-alert-toast .Toastify__close-button:hover {
  color: #fff !important;
}
.simple-carousel {
  position: relative;
  width: 100%;
}
.simple-carousel__content {
  width: 100%;
}
.simple-carousel__controls {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.simple-carousel__button {
  width: 32px;
  height: 32px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background: #fff;
  color: #334155;
  font-size: 20px;
  line-height: 1;
}
.simple-carousel__indicators {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 8px;
}
.simple-carousel__indicator {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
}
.simple-carousel__indicator--active {
  background: #2563eb;
}
.MuiDrawer-root {
  flex: 0 0 auto;
}
.MuiDrawer-paper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  width: inherit;
  z-index: 1200;
  overflow-y: auto;
  outline: 0;
}
.MuiDrawer-root.MuiDrawer-docked .MuiDrawer-paper {
  width: inherit;
}
.MuiList-root {
  margin: 0;
  padding: 8px 0;
  list-style: none;
}
.MuiListItem-root {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px;
  text-align: left;
  text-decoration: none;
}
.MuiListItem-button {
  cursor: pointer;
}
.MuiListItemIcon-root {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-width: 56px;
}
.MuiListItemText-root {
  flex: 1 1 auto;
  min-width: 0;
}
.MuiIconButton-root {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(0,0,0,0);
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
  color: inherit;
}
.MuiIconButton-root:hover {
  background-color: rgba(0,0,0,.04);
}
.MuiIconButton-root:disabled {
  color: rgba(0,0,0,.26);
  cursor: default;
  background: rgba(0,0,0,0);
}
.MuiDivider-root {
  border: none;
  height: 1px;
  margin: 0;
  flex-shrink: 0;
  background-color: rgba(0,0,0,.12);
}
.mc-tooltip-bubble {
  position: fixed;
  z-index: 2000;
  background: rgba(97,97,97,.9);
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  padding: 4px 8px;
  border-radius: 4px;
  max-width: 300px;
  width: max-content;
  pointer-events: none;
}
.mc-tooltip-bottom {
  transform: translateX(-50%);
}
.mc-tooltip-top {
  transform: translate(-50%, -100%);
}
.mc-tooltip-right {
  transform: translateY(-50%);
}
.mc-tooltip-left {
  transform: translate(-100%, -50%);
}
.mc-fake-select {
  display: flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 24px 4px 8px;
  border-bottom: 1px solid #cbd5e1;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.mc-fake-select::after {
  content: "▾";
  position: absolute;
  right: 6px;
  color: #64748b;
}
.mc-reason-panel {
  min-width: 280px;
  max-width: 380px;
  max-height: 320px;
  overflow-y: auto;
  padding: 8px 12px;
}
.mc-tag-option {
  padding: 4px 2px;
  cursor: pointer;
  border-radius: 6px;
}
.mc-tag-option:hover {
  background-color: #f8fafc;
}
/*! tailwindcss v4.1.0 | MIT License | https://tailwindcss.com */
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
  @layer base {
    *, ::before, ::after, ::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-space-y-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}
:root, :host {
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-50: oklch(97.1% 0.013 17.38);
  --color-red-100: oklch(93.6% 0.032 17.717);
  --color-red-200: oklch(88.5% 0.062 18.334);
  --color-red-300: oklch(80.8% 0.114 19.571);
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-red-600: oklch(57.7% 0.245 27.325);
  --color-red-700: oklch(50.5% 0.213 27.518);
  --color-red-800: oklch(44.4% 0.177 26.899);
  --color-red-900: oklch(39.6% 0.141 25.723);
  --color-red-950: oklch(25.8% 0.092 26.042);
  --color-orange-50: oklch(98% 0.016 73.684);
  --color-orange-100: oklch(95.4% 0.038 75.164);
  --color-orange-200: oklch(90.1% 0.076 70.697);
  --color-orange-300: oklch(83.7% 0.128 66.29);
  --color-orange-400: oklch(75% 0.183 55.934);
  --color-orange-500: oklch(70.5% 0.213 47.604);
  --color-orange-600: oklch(64.6% 0.222 41.116);
  --color-orange-700: oklch(55.3% 0.195 38.402);
  --color-orange-900: oklch(40.8% 0.123 38.172);
  --color-orange-950: oklch(26.6% 0.079 36.259);
  --color-amber-50: oklch(98.7% 0.022 95.277);
  --color-amber-100: oklch(96.2% 0.059 95.617);
  --color-amber-200: oklch(92.4% 0.12 95.746);
  --color-amber-300: oklch(87.9% 0.169 91.605);
  --color-amber-400: oklch(82.8% 0.189 84.429);
  --color-amber-500: oklch(76.9% 0.188 70.08);
  --color-amber-600: oklch(66.6% 0.179 58.318);
  --color-amber-700: oklch(55.5% 0.163 48.998);
  --color-amber-800: oklch(47.3% 0.137 46.201);
  --color-amber-900: oklch(41.4% 0.112 45.904);
  --color-amber-950: oklch(27.9% 0.077 45.635);
  --color-yellow-200: oklch(94.5% 0.129 101.54);
  --color-lime-200: oklch(93.8% 0.127 124.321);
  --color-green-50: oklch(98.2% 0.018 155.826);
  --color-green-300: oklch(87.1% 0.15 154.449);
  --color-green-500: oklch(72.3% 0.219 149.579);
  --color-green-600: oklch(62.7% 0.194 149.214);
  --color-green-700: oklch(52.7% 0.154 150.069);
  --color-emerald-50: oklch(97.9% 0.021 166.113);
  --color-emerald-100: oklch(95% 0.052 163.051);
  --color-emerald-200: oklch(90.5% 0.093 164.15);
  --color-emerald-300: oklch(84.5% 0.143 164.978);
  --color-emerald-400: oklch(76.5% 0.177 163.223);
  --color-emerald-500: oklch(69.6% 0.17 162.48);
  --color-emerald-600: oklch(59.6% 0.145 163.225);
  --color-emerald-700: oklch(50.8% 0.118 165.612);
  --color-emerald-800: oklch(43.2% 0.095 166.913);
  --color-emerald-900: oklch(37.8% 0.077 168.94);
  --color-emerald-950: oklch(26.2% 0.051 172.552);
  --color-sky-50: oklch(97.7% 0.013 236.62);
  --color-sky-100: oklch(95.1% 0.026 236.824);
  --color-sky-700: oklch(50% 0.134 242.749);
  --color-blue-50: oklch(97% 0.014 254.604);
  --color-blue-100: oklch(93.2% 0.032 255.585);
  --color-blue-200: oklch(88.2% 0.059 254.128);
  --color-blue-300: oklch(80.9% 0.105 251.813);
  --color-blue-400: oklch(70.7% 0.165 254.624);
  --color-blue-500: oklch(62.3% 0.214 259.815);
  --color-blue-600: oklch(54.6% 0.245 262.881);
  --color-blue-700: oklch(48.8% 0.243 264.376);
  --color-blue-800: oklch(42.4% 0.199 265.638);
  --color-blue-900: oklch(37.9% 0.146 265.522);
  --color-blue-950: oklch(28.2% 0.091 267.935);
  --color-indigo-50: oklch(96.2% 0.018 272.314);
  --color-indigo-100: oklch(93% 0.034 272.788);
  --color-indigo-200: oklch(87% 0.065 274.039);
  --color-indigo-300: oklch(78.5% 0.115 274.713);
  --color-indigo-400: oklch(67.3% 0.182 276.935);
  --color-indigo-600: oklch(51.1% 0.262 276.966);
  --color-indigo-700: oklch(45.7% 0.24 277.023);
  --color-indigo-800: oklch(39.8% 0.195 277.366);
  --color-indigo-900: oklch(35.9% 0.144 278.697);
  --color-indigo-950: oklch(25.7% 0.09 281.288);
  --color-violet-50: oklch(96.9% 0.016 293.756);
  --color-violet-600: oklch(54.1% 0.281 293.009);
  --color-violet-700: oklch(49.1% 0.27 292.581);
  --color-purple-50: oklch(97.7% 0.014 308.299);
  --color-purple-100: oklch(94.6% 0.033 307.174);
  --color-purple-200: oklch(90.2% 0.063 306.703);
  --color-purple-300: oklch(82.7% 0.119 306.383);
  --color-purple-400: oklch(71.4% 0.203 305.504);
  --color-purple-500: oklch(62.7% 0.265 303.9);
  --color-purple-600: oklch(55.8% 0.288 302.321);
  --color-purple-700: oklch(49.6% 0.265 301.924);
  --color-purple-800: oklch(43.8% 0.218 303.724);
  --color-purple-900: oklch(38.1% 0.176 304.987);
  --color-purple-950: oklch(29.1% 0.149 302.717);
  --color-fuchsia-600: oklch(59.1% 0.293 322.896);
  --color-fuchsia-700: oklch(51.8% 0.253 323.949);
  --color-pink-100: oklch(94.8% 0.028 342.258);
  --color-pink-500: oklch(65.6% 0.241 354.308);
  --color-rose-50: oklch(96.9% 0.015 12.422);
  --color-rose-100: oklch(94.1% 0.03 12.58);
  --color-rose-200: oklch(89.2% 0.058 10.001);
  --color-rose-500: oklch(64.5% 0.246 16.439);
  --color-rose-600: oklch(58.6% 0.253 17.585);
  --color-rose-700: oklch(51.4% 0.222 16.935);
  --color-rose-800: oklch(45.5% 0.188 13.697);
  --color-rose-900: oklch(41% 0.159 10.272);
  --color-slate-50: oklch(98.4% 0.003 247.858);
  --color-slate-100: oklch(96.8% 0.007 247.896);
  --color-slate-200: oklch(92.9% 0.013 255.508);
  --color-slate-300: oklch(86.9% 0.022 252.894);
  --color-slate-400: oklch(70.4% 0.04 256.788);
  --color-slate-500: oklch(55.4% 0.046 257.417);
  --color-slate-600: oklch(44.6% 0.043 257.281);
  --color-slate-700: oklch(37.2% 0.044 257.287);
  --color-slate-800: oklch(27.9% 0.041 260.031);
  --color-slate-900: oklch(20.8% 0.042 265.755);
  --color-gray-50: oklch(98.5% 0.002 247.839);
  --color-gray-100: oklch(96.7% 0.003 264.542);
  --color-gray-200: oklch(92.8% 0.006 264.531);
  --color-gray-300: oklch(87.2% 0.01 258.338);
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-gray-500: oklch(55.1% 0.027 264.364);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-gray-700: oklch(37.3% 0.034 259.733);
  --color-gray-800: oklch(27.8% 0.033 256.848);
  --color-gray-900: oklch(21% 0.034 264.665);
  --color-neutral-900: oklch(20.5% 0 0);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --container-xs: 20rem;
  --container-sm: 24rem;
  --container-md: 28rem;
  --container-lg: 32rem;
  --container-xl: 36rem;
  --container-2xl: 42rem;
  --container-3xl: 48rem;
  --container-4xl: 56rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 0.875rem;
  --text-sm--line-height: calc(1.25 / 0.875);
  --text-base: 1rem;
  --text-base--line-height: calc(1.5 / 1);
  --text-lg: 1.125rem;
  --text-lg--line-height: calc(1.75 / 1.125);
  --text-xl: 1.25rem;
  --text-xl--line-height: calc(1.75 / 1.25);
  --text-2xl: 1.5rem;
  --text-2xl--line-height: calc(2 / 1.5);
  --text-3xl: 1.875rem;
  --text-3xl--line-height: calc(2.25 / 1.875);
  --text-4xl: 2.25rem;
  --text-4xl--line-height: calc(2.5 / 2.25);
  --text-5xl: 3rem;
  --text-5xl--line-height: 1;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-2xl: 1rem;
  --radius-3xl: 1.5rem;
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animate-spin: spin 1s linear infinite;
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  --blur-sm: 8px;
  --blur-md: 12px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --color-navy-950: #1c2030;
  --color-navy-900: #2d3245;
  --color-navy-800: #383e54;
  --color-navy-700: #464d66;
  --color-navy-600: #2e52fb;
  --color-navy-500: #2d3245;
  --color-navy-100: #ebefff;
}
.\!pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.\!invisible {
  visibility: hidden !important;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.\!absolute {
  position: absolute !important;
}
.\!relative {
  position: relative !important;
}
.\!sticky {
  position: sticky !important;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.\!inset-0 {
  inset: calc(var(--spacing) * 0) !important;
}
.\!inset-\[12px\] {
  inset: 12px !important;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-y-0 {
  inset-block: calc(var(--spacing) * 0);
}
.\!top-0 {
  top: calc(var(--spacing) * 0) !important;
}
.\!top-1\/2 {
  top: calc(1/2 * 100%) !important;
}
.\!top-3 {
  top: calc(var(--spacing) * 3) !important;
}
.-top-8 {
  top: calc(var(--spacing) * -8);
}
.-top-24 {
  top: calc(var(--spacing) * -24);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-0\.5 {
  top: calc(var(--spacing) * 0.5);
}
.top-1 {
  top: calc(var(--spacing) * 1);
}
.top-1\.5 {
  top: calc(var(--spacing) * 1.5);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-5 {
  top: calc(var(--spacing) * 5);
}
.top-8 {
  top: calc(var(--spacing) * 8);
}
.top-9 {
  top: calc(var(--spacing) * 9);
}
.top-10 {
  top: calc(var(--spacing) * 10);
}
.top-16 {
  top: calc(var(--spacing) * 16);
}
.top-\[-34px\] {
  top: -34px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[26px\] {
  top: 26px;
}
.top-\[42\%\] {
  top: 42%;
}
.top-\[44\%\] {
  top: 44%;
}
.top-full {
  top: 100%;
}
.\!right-3 {
  right: calc(var(--spacing) * 3) !important;
}
.-right-1 {
  right: calc(var(--spacing) * -1);
}
.-right-4 {
  right: calc(var(--spacing) * -4);
}
.-right-\[6px\] {
  right: calc(6px * -1);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-2 {
  right: calc(var(--spacing) * 2);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-5 {
  right: calc(var(--spacing) * 5);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.-bottom-1 {
  bottom: calc(var(--spacing) * -1);
}
.-bottom-28 {
  bottom: calc(var(--spacing) * -28);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.bottom-7 {
  bottom: calc(var(--spacing) * 7);
}
.bottom-full {
  bottom: 100%;
}
.\!left-3 {
  left: calc(var(--spacing) * 3) !important;
}
.-left-20 {
  left: calc(var(--spacing) * -20);
}
.-left-\[6px\] {
  left: calc(6px * -1);
}
.-left-\[25px\] {
  left: calc(25px * -1);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-0\.5 {
  left: calc(var(--spacing) * 0.5);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\.5 {
  left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-2\.5 {
  left: calc(var(--spacing) * 2.5);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-3\.5 {
  left: calc(var(--spacing) * 3.5);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-\[-1\.5rem\] {
  left: -1.5rem;
}
.left-\[-7px\] {
  left: -7px;
}
.left-\[-8px\] {
  left: -8px;
}
.left-\[9px\] {
  left: 9px;
}
.left-auto {
  left: auto;
}
.left-full {
  left: 100%;
}
.isolate {
  isolation: isolate;
}
.\!z-10 {
  z-index: 10 !important;
}
.\!z-20 {
  z-index: 20 !important;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[60\] {
  z-index: 60;
}
.z-\[70\] {
  z-index: 70;
}
.z-\[80\] {
  z-index: 80;
}
.z-\[90\] {
  z-index: 90;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[110\] {
  z-index: 110;
}
.z-\[120\] {
  z-index: 120;
}
.z-\[130\] {
  z-index: 130;
}
.z-\[150\] {
  z-index: 150;
}
.z-\[200\] {
  z-index: 200;
}
.z-\[1200\] {
  z-index: 1200;
}
.z-\[1300\] {
  z-index: 1300;
}
.z-\[1400\] {
  z-index: 1400;
}
.z-\[1500\] {
  z-index: 1500;
}
.z-\[1600\] {
  z-index: 1600;
}
.z-\[1700\] {
  z-index: 1700;
}
.z-\[2000\] {
  z-index: 2000;
}
.z-\[9999\] {
  z-index: 9999;
}
.z-\[10000\] {
  z-index: 10000;
}
.z-\[99999\] {
  z-index: 99999;
}
.z-\[2147483647\] {
  z-index: 2147483647;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.col-1 {
  grid-column: 1;
}
.col-2 {
  grid-column: 2;
}
.col-3 {
  grid-column: 3;
}
.col-4 {
  grid-column: 4;
}
.col-5 {
  grid-column: 5;
}
.col-6 {
  grid-column: 6;
}
.col-7 {
  grid-column: 7;
}
.col-9 {
  grid-column: 9;
}
.col-10 {
  grid-column: 10;
}
.col-11 {
  grid-column: 11;
}
.col-12 {
  grid-column: 12;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.row-start-3 {
  grid-row-start: 3;
}
.row-start-4 {
  grid-row-start: 4;
}
.row-start-5 {
  grid-row-start: 5;
}
.row-start-6 {
  grid-row-start: 6;
}
.row-start-7 {
  grid-row-start: 7;
}
.row-start-8 {
  grid-row-start: 8;
}
.float-right {
  float: right;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.\!m-0 {
  margin: calc(var(--spacing) * 0) !important;
}
.-m-1 {
  margin: calc(var(--spacing) * -1);
}
.-m-6 {
  margin: calc(var(--spacing) * -6);
}
.m-0 {
  margin: calc(var(--spacing) * 0);
}
.m-2 {
  margin: calc(var(--spacing) * 2);
}
.m-4 {
  margin: calc(var(--spacing) * 4);
}
.\!mx-auto {
  margin-inline: auto !important;
}
.-mx-3 {
  margin-inline: calc(var(--spacing) * -3);
}
.-mx-6 {
  margin-inline: calc(var(--spacing) * -6);
}
.mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-5 {
  margin-inline: calc(var(--spacing) * 5);
}
.mx-6 {
  margin-inline: calc(var(--spacing) * 6);
}
.mx-auto {
  margin-inline: auto;
}
.-my-6 {
  margin-block: calc(var(--spacing) * -6);
}
.my-0 {
  margin-block: calc(var(--spacing) * 0);
}
.my-0\.5 {
  margin-block: calc(var(--spacing) * 0.5);
}
.my-1 {
  margin-block: calc(var(--spacing) * 1);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-3 {
  margin-block: calc(var(--spacing) * 3);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-\[5px\] {
  margin-block: 5px;
}
.my-px {
  margin-block: 1px;
}
.\!mt-0 {
  margin-top: calc(var(--spacing) * 0) !important;
}
.\!mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5) !important;
}
.\!mt-1 {
  margin-top: calc(var(--spacing) * 1) !important;
}
.\!mt-2 {
  margin-top: calc(var(--spacing) * 2) !important;
}
.\!mt-4 {
  margin-top: calc(var(--spacing) * 4) !important;
}
.\!mt-5 {
  margin-top: calc(var(--spacing) * 5) !important;
}
.\!mt-6 {
  margin-top: calc(var(--spacing) * 6) !important;
}
.\!mt-12 {
  margin-top: calc(var(--spacing) * 12) !important;
}
.\!mt-\[31px\] {
  margin-top: 31px !important;
}
.\!mt-\[34px\] {
  margin-top: 34px !important;
}
.\!mt-\[45px\] {
  margin-top: 45px !important;
}
.-mt-0\.5 {
  margin-top: calc(var(--spacing) * -0.5);
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-3 {
  margin-top: calc(var(--spacing) * -3);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-1\.5 {
  margin-top: calc(var(--spacing) * 1.5);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9);
}
.mt-\[1px\] {
  margin-top: 1px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-\[9px\] {
  margin-top: 9px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[21px\] {
  margin-top: 21px;
}
.mt-\[33px\] {
  margin-top: 33px;
}
.mt-auto {
  margin-top: auto;
}
.mt-px {
  margin-top: 1px;
}
.\!mr-\[5px\] {
  margin-right: 5px !important;
}
.mr-0\.5 {
  margin-right: calc(var(--spacing) * 0.5);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mr-6 {
  margin-right: calc(var(--spacing) * 6);
}
.mr-auto {
  margin-right: auto;
}
.\!mb-0 {
  margin-bottom: calc(var(--spacing) * 0) !important;
}
.\!mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5) !important;
}
.\!mb-2 {
  margin-bottom: calc(var(--spacing) * 2) !important;
}
.\!mb-3 {
  margin-bottom: calc(var(--spacing) * 3) !important;
}
.\!mb-4 {
  margin-bottom: calc(var(--spacing) * 4) !important;
}
.\!mb-6 {
  margin-bottom: calc(var(--spacing) * 6) !important;
}
.\!mb-10 {
  margin-bottom: calc(var(--spacing) * 10) !important;
}
.\!mb-\[3px\] {
  margin-bottom: 3px !important;
}
.-mb-2 {
  margin-bottom: calc(var(--spacing) * -2);
}
.-mb-px {
  margin-bottom: -1px;
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-0\.5 {
  margin-bottom: calc(var(--spacing) * 0.5);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-1\.5 {
  margin-bottom: calc(var(--spacing) * 1.5);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-2\.5 {
  margin-bottom: calc(var(--spacing) * 2.5);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-5 {
  margin-bottom: calc(var(--spacing) * 5);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-\[2\%\] {
  margin-bottom: 2%;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[30\%\] {
  margin-bottom: 30%;
}
.mb-px {
  margin-bottom: 1px;
}
.-ml-1 {
  margin-left: calc(var(--spacing) * -1);
}
.-ml-2 {
  margin-left: calc(var(--spacing) * -2);
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-2\.5 {
  margin-left: calc(var(--spacing) * 2.5);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-8 {
  margin-left: calc(var(--spacing) * 8);
}
.ml-9 {
  margin-left: calc(var(--spacing) * 9);
}
.ml-12 {
  margin-left: calc(var(--spacing) * 12);
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.\!block {
  display: block !important;
}
.\!flex {
  display: flex !important;
}
.\!grid {
  display: grid !important;
}
.\!hidden {
  display: none !important;
}
.\!inline-flex {
  display: inline-flex !important;
}
.\[display\:-webkit-box\] {
  display: -webkit-box;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table-cell {
  display: table-cell;
}
.table-row {
  display: table-row;
}
.\!h-1\.5 {
  height: calc(var(--spacing) * 1.5) !important;
}
.\!h-4 {
  height: calc(var(--spacing) * 4) !important;
}
.\!h-8 {
  height: calc(var(--spacing) * 8) !important;
}
.\!h-9 {
  height: calc(var(--spacing) * 9) !important;
}
.\!h-10 {
  height: calc(var(--spacing) * 10) !important;
}
.\!h-11 {
  height: calc(var(--spacing) * 11) !important;
}
.\!h-\[34px\] {
  height: 34px !important;
}
.\!h-\[36px\] {
  height: 36px !important;
}
.\!h-\[38px\] {
  height: 38px !important;
}
.\!h-\[80px\] {
  height: 80px !important;
}
.\!h-auto {
  height: auto !important;
}
.\!h-full {
  height: 100% !important;
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\.5 {
  height: calc(var(--spacing) * 1.5);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-3\.5 {
  height: calc(var(--spacing) * 3.5);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-11 {
  height: calc(var(--spacing) * 11);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-52 {
  height: calc(var(--spacing) * 52);
}
.h-56 {
  height: calc(var(--spacing) * 56);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-80 {
  height: calc(var(--spacing) * 80);
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[11px\] {
  height: 11px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[37px\] {
  height: 37px;
}
.h-\[42px\] {
  height: 42px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[54px\] {
  height: 54px;
}
.h-\[58px\] {
  height: 58px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[64px\] {
  height: 64px;
}
.h-\[68vh\] {
  height: 68vh;
}
.h-\[70\.5px\] {
  height: 70.5px;
}
.h-\[72px\] {
  height: 72px;
}
.h-\[74px\] {
  height: 74px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[160px\] {
  height: 160px;
}
.h-\[170px\] {
  height: 170px;
}
.h-\[180px\] {
  height: 180px;
}
.h-\[186px\] {
  height: 186px;
}
.h-\[205px\] {
  height: 205px;
}
.h-\[220px\] {
  height: 220px;
}
.h-\[260px\] {
  height: 260px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[526px\] {
  height: 526px;
}
.h-\[528px\] {
  height: 528px;
}
.h-\[calc\(100vh-2rem\)\] {
  height: calc(100vh - 2rem);
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.\!max-h-\[calc\(100vh-312px\)\] {
  max-height: calc(100vh - 312px) !important;
}
.max-h-10 {
  max-height: calc(var(--spacing) * 10);
}
.max-h-14 {
  max-height: calc(var(--spacing) * 14);
}
.max-h-20 {
  max-height: calc(var(--spacing) * 20);
}
.max-h-32 {
  max-height: calc(var(--spacing) * 32);
}
.max-h-40 {
  max-height: calc(var(--spacing) * 40);
}
.max-h-48 {
  max-height: calc(var(--spacing) * 48);
}
.max-h-56 {
  max-height: calc(var(--spacing) * 56);
}
.max-h-60 {
  max-height: calc(var(--spacing) * 60);
}
.max-h-64 {
  max-height: calc(var(--spacing) * 64);
}
.max-h-72 {
  max-height: calc(var(--spacing) * 72);
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[50vh\] {
  max-height: 50vh;
}
.max-h-\[52vh\] {
  max-height: 52vh;
}
.max-h-\[55vh\] {
  max-height: 55vh;
}
.max-h-\[58vh\] {
  max-height: 58vh;
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[65vh\] {
  max-height: 65vh;
}
.max-h-\[68vh\] {
  max-height: 68vh;
}
.max-h-\[70vh\] {
  max-height: 70vh;
}
.max-h-\[72vh\] {
  max-height: 72vh;
}
.max-h-\[78vh\] {
  max-height: 78vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[82vh\] {
  max-height: 82vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[150px\] {
  max-height: 150px;
}
.max-h-\[190px\] {
  max-height: 190px;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[220px\] {
  max-height: 220px;
}
.max-h-\[240px\] {
  max-height: 240px;
}
.max-h-\[260px\] {
  max-height: 260px;
}
.max-h-\[280px\] {
  max-height: 280px;
}
.max-h-\[320px\] {
  max-height: 320px;
}
.max-h-\[360px\] {
  max-height: 360px;
}
.max-h-\[370px\] {
  max-height: 370px;
}
.max-h-\[400px\] {
  max-height: 400px;
}
.max-h-\[420px\] {
  max-height: 420px;
}
.max-h-\[440px\] {
  max-height: 440px;
}
.max-h-\[480px\] {
  max-height: 480px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[520px\] {
  max-height: 520px;
}
.max-h-\[calc\(72vh-72px\)\] {
  max-height: calc(72vh - 72px);
}
.max-h-\[calc\(78vh-128px\)\] {
  max-height: calc(78vh - 128px);
}
.max-h-\[calc\(100vh-2rem\)\] {
  max-height: calc(100vh - 2rem);
}
.max-h-\[calc\(100vh-48px\)\] {
  max-height: calc(100vh - 48px);
}
.max-h-\[calc\(100vh-390px\)\] {
  max-height: calc(100vh - 390px);
}
.\!min-h-0 {
  min-height: calc(var(--spacing) * 0) !important;
}
.\!min-h-\[28px\] {
  min-height: 28px !important;
}
.\!min-h-\[30px\] {
  min-height: 30px !important;
}
.\!min-h-\[48px\] {
  min-height: 48px !important;
}
.\!min-h-\[300px\] {
  min-height: 300px !important;
}
.\!min-h-\[645px\] {
  min-height: 645px !important;
}
.\!min-h-\[calc\(100vh-40px\+4rem\)\] {
  min-height: calc(100vh - 40px + 4rem) !important;
}
.\!min-h-full {
  min-height: 100% !important;
}
.\!min-h-screen {
  min-height: 100vh !important;
}
.min-h-0 {
  min-height: calc(var(--spacing) * 0);
}
.min-h-8 {
  min-height: calc(var(--spacing) * 8);
}
.min-h-9 {
  min-height: calc(var(--spacing) * 9);
}
.min-h-\[2\.5rem\] {
  min-height: 2.5rem;
}
.min-h-\[4\.25rem\] {
  min-height: 4.25rem;
}
.min-h-\[18px\] {
  min-height: 18px;
}
.min-h-\[22px\] {
  min-height: 22px;
}
.min-h-\[24px\] {
  min-height: 24px;
}
.min-h-\[26px\] {
  min-height: 26px;
}
.min-h-\[28px\] {
  min-height: 28px;
}
.min-h-\[30px\] {
  min-height: 30px;
}
.min-h-\[32px\] {
  min-height: 32px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[36px\] {
  min-height: 36px;
}
.min-h-\[38px\] {
  min-height: 38px;
}
.min-h-\[40px\] {
  min-height: 40px;
}
.min-h-\[42px\] {
  min-height: 42px;
}
.min-h-\[44px\] {
  min-height: 44px;
}
.min-h-\[47px\] {
  min-height: 47px;
}
.min-h-\[48px\] {
  min-height: 48px;
}
.min-h-\[49px\] {
  min-height: 49px;
}
.min-h-\[50px\] {
  min-height: 50px;
}
.min-h-\[52px\] {
  min-height: 52px;
}
.min-h-\[58px\] {
  min-height: 58px;
}
.min-h-\[59px\] {
  min-height: 59px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[62px\] {
  min-height: 62px;
}
.min-h-\[62vh\] {
  min-height: 62vh;
}
.min-h-\[64px\] {
  min-height: 64px;
}
.min-h-\[65px\] {
  min-height: 65px;
}
.min-h-\[66px\] {
  min-height: 66px;
}
.min-h-\[70px\] {
  min-height: 70px;
}
.min-h-\[72px\] {
  min-height: 72px;
}
.min-h-\[74px\] {
  min-height: 74px;
}
.min-h-\[76px\] {
  min-height: 76px;
}
.min-h-\[78px\] {
  min-height: 78px;
}
.min-h-\[80px\] {
  min-height: 80px;
}
.min-h-\[86px\] {
  min-height: 86px;
}
.min-h-\[88px\] {
  min-height: 88px;
}
.min-h-\[92px\] {
  min-height: 92px;
}
.min-h-\[96px\] {
  min-height: 96px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[104px\] {
  min-height: 104px;
}
.min-h-\[110px\] {
  min-height: 110px;
}
.min-h-\[112px\] {
  min-height: 112px;
}
.min-h-\[118px\] {
  min-height: 118px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[126px\] {
  min-height: 126px;
}
.min-h-\[128px\] {
  min-height: 128px;
}
.min-h-\[132px\] {
  min-height: 132px;
}
.min-h-\[140px\] {
  min-height: 140px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[160px\] {
  min-height: 160px;
}
.min-h-\[180px\] {
  min-height: 180px;
}
.min-h-\[220px\] {
  min-height: 220px;
}
.min-h-\[240px\] {
  min-height: 240px;
}
.min-h-\[260px\] {
  min-height: 260px;
}
.min-h-\[280px\] {
  min-height: 280px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[320px\] {
  min-height: 320px;
}
.min-h-\[360px\] {
  min-height: 360px;
}
.min-h-\[372px\] {
  min-height: 372px;
}
.min-h-\[380px\] {
  min-height: 380px;
}
.min-h-\[420px\] {
  min-height: 420px;
}
.min-h-\[436px\] {
  min-height: 436px;
}
.min-h-\[460px\] {
  min-height: 460px;
}
.min-h-\[520px\] {
  min-height: 520px;
}
.min-h-\[calc\(100vh-3rem\)\] {
  min-height: calc(100vh - 3rem);
}
.min-h-\[calc\(100vh-120px\)\] {
  min-height: calc(100vh - 120px);
}
.min-h-\[calc\(100vh-140px\)\] {
  min-height: calc(100vh - 140px);
}
.min-h-\[max\(360px\,53vh\)\] {
  min-height: max(360px, 53vh);
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-1\.5 {
  width: calc(var(--spacing) * 1.5) !important;
}
.\!w-1\/3 {
  width: calc(1/3 * 100%) !important;
}
.\!w-1\/4 {
  width: calc(1/4 * 100%) !important;
}
.\!w-4 {
  width: calc(var(--spacing) * 4) !important;
}
.\!w-8 {
  width: calc(var(--spacing) * 8) !important;
}
.\!w-10 {
  width: calc(var(--spacing) * 10) !important;
}
.\!w-11 {
  width: calc(var(--spacing) * 11) !important;
}
.\!w-12 {
  width: calc(var(--spacing) * 12) !important;
}
.\!w-14 {
  width: calc(var(--spacing) * 14) !important;
}
.\!w-24 {
  width: calc(var(--spacing) * 24) !important;
}
.\!w-36 {
  width: calc(var(--spacing) * 36) !important;
}
.\!w-\[80px\] {
  width: 80px !important;
}
.\!w-auto {
  width: auto !important;
}
.\!w-full {
  width: 100% !important;
}
.w-0 {
  width: calc(var(--spacing) * 0);
}
.w-1 {
  width: calc(var(--spacing) * 1);
}
.w-1\.5 {
  width: calc(var(--spacing) * 1.5);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-2 {
  width: calc(var(--spacing) * 2);
}
.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\.5 {
  width: calc(var(--spacing) * 3.5);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-32 {
  width: calc(var(--spacing) * 32);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-52 {
  width: calc(var(--spacing) * 52);
}
.w-56 {
  width: calc(var(--spacing) * 56);
}
.w-60 {
  width: calc(var(--spacing) * 60);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-72 {
  width: calc(var(--spacing) * 72);
}
.w-100 {
  width: calc(var(--spacing) * 100);
}
.w-\[2px\] {
  width: 2px;
}
.w-\[3px\] {
  width: 3px;
}
.w-\[5px\] {
  width: 5px;
}
.w-\[8px\] {
  width: 8px;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[16\%\] {
  width: 16%;
}
.w-\[18\%\] {
  width: 18%;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[22\%\] {
  width: 22%;
}
.w-\[24\%\] {
  width: 24%;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[35\%\] {
  width: 35%;
}
.w-\[36\%\] {
  width: 36%;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[48px\] {
  width: 48px;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60px\] {
  width: 60px;
}
.w-\[64px\] {
  width: 64px;
}
.w-\[65\%\] {
  width: 65%;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[72px\] {
  width: 72px;
}
.w-\[74\%\] {
  width: 74%;
}
.w-\[74px\] {
  width: 74px;
}
.w-\[90px\] {
  width: 90px;
}
.w-\[100px\] {
  width: 100px;
}
.w-\[132px\] {
  width: 132px;
}
.w-\[140px\] {
  width: 140px;
}
.w-\[170px\] {
  width: 170px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[320px\] {
  width: 320px;
}
.w-\[340px\] {
  width: 340px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[404px\] {
  width: 404px;
}
.w-\[calc\(100\%\+3rem\)\] {
  width: calc(100% + 3rem);
}
.w-\[calc\(100\%\+48px\)\] {
  width: calc(100% + 48px);
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[min\(420px\,calc\(100vw-32px\)\)\] {
  width: min(420px, calc(100vw - 32px));
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.\!max-w-\[220px\] {
  max-width: 220px !important;
}
.\!max-w-\[360px\] {
  max-width: 360px !important;
}
.\!max-w-\[410px\] {
  max-width: 410px !important;
}
.\!max-w-\[420px\] {
  max-width: 420px !important;
}
.\!max-w-\[430px\] {
  max-width: 430px !important;
}
.\!max-w-\[448px\] {
  max-width: 448px !important;
}
.\!max-w-\[560px\] {
  max-width: 560px !important;
}
.\!max-w-\[760px\] {
  max-width: 760px !important;
}
.\!max-w-\[900px\] {
  max-width: 900px !important;
}
.\!max-w-\[940px\] {
  max-width: 940px !important;
}
.\!max-w-\[1920px\] {
  max-width: 1920px !important;
}
.\!max-w-md {
  max-width: var(--container-md) !important;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-\[18rem\] {
  max-width: 18rem;
}
.max-w-\[60\%\] {
  max-width: 60%;
}
.max-w-\[64px\] {
  max-width: 64px;
}
.max-w-\[70\%\] {
  max-width: 70%;
}
.max-w-\[80\%\] {
  max-width: 80%;
}
.max-w-\[95vw\] {
  max-width: 95vw;
}
.max-w-\[120px\] {
  max-width: 120px;
}
.max-w-\[140px\] {
  max-width: 140px;
}
.max-w-\[150px\] {
  max-width: 150px;
}
.max-w-\[170px\] {
  max-width: 170px;
}
.max-w-\[180px\] {
  max-width: 180px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.max-w-\[210px\] {
  max-width: 210px;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[224px\] {
  max-width: 224px;
}
.max-w-\[240px\] {
  max-width: 240px;
}
.max-w-\[260px\] {
  max-width: 260px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[360px\] {
  max-width: 360px;
}
.max-w-\[384px\] {
  max-width: 384px;
}
.max-w-\[410px\] {
  max-width: 410px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[430px\] {
  max-width: 430px;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[470px\] {
  max-width: 470px;
}
.max-w-\[480px\] {
  max-width: 480px;
}
.max-w-\[492px\] {
  max-width: 492px;
}
.max-w-\[520px\] {
  max-width: 520px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[620px\] {
  max-width: 620px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[680px\] {
  max-width: 680px;
}
.max-w-\[720px\] {
  max-width: 720px;
}
.max-w-\[760px\] {
  max-width: 760px;
}
.max-w-\[775px\] {
  max-width: 775px;
}
.max-w-\[780px\] {
  max-width: 780px;
}
.max-w-\[820px\] {
  max-width: 820px;
}
.max-w-\[840px\] {
  max-width: 840px;
}
.max-w-\[860px\] {
  max-width: 860px;
}
.max-w-\[920px\] {
  max-width: 920px;
}
.max-w-\[980px\] {
  max-width: 980px;
}
.max-w-\[1120px\] {
  max-width: 1120px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[1640px\] {
  max-width: 1640px;
}
.max-w-\[1920px\] {
  max-width: 1920px;
}
.max-w-\[calc\(100vw-2\.5rem\)\] {
  max-width: calc(100vw - 2.5rem);
}
.max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-4rem\)\] {
  max-width: calc(100vw - 4rem);
}
.max-w-\[min\(760px\,88\%\)\] {
  max-width: min(760px, 88%);
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-none {
  max-width: none;
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.max-w-xs {
  max-width: var(--container-xs);
}
.\!min-w-0 {
  min-width: calc(var(--spacing) * 0) !important;
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-7 {
  min-width: calc(var(--spacing) * 7);
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[16px\] {
  min-width: 16px;
}
.min-w-\[18px\] {
  min-width: 18px;
}
.min-w-\[26px\] {
  min-width: 26px;
}
.min-w-\[28px\] {
  min-width: 28px;
}
.min-w-\[40px\] {
  min-width: 40px;
}
.min-w-\[66px\] {
  min-width: 66px;
}
.min-w-\[74px\] {
  min-width: 74px;
}
.min-w-\[82px\] {
  min-width: 82px;
}
.min-w-\[84px\] {
  min-width: 84px;
}
.min-w-\[88px\] {
  min-width: 88px;
}
.min-w-\[90px\] {
  min-width: 90px;
}
.min-w-\[92px\] {
  min-width: 92px;
}
.min-w-\[108px\] {
  min-width: 108px;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[112px\] {
  min-width: 112px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[124px\] {
  min-width: 124px;
}
.min-w-\[126px\] {
  min-width: 126px;
}
.min-w-\[132px\] {
  min-width: 132px;
}
.min-w-\[140px\] {
  min-width: 140px;
}
.min-w-\[142px\] {
  min-width: 142px;
}
.min-w-\[148px\] {
  min-width: 148px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[156px\] {
  min-width: 156px;
}
.min-w-\[158px\] {
  min-width: 158px;
}
.min-w-\[160px\] {
  min-width: 160px;
}
.min-w-\[166px\] {
  min-width: 166px;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[184px\] {
  min-width: 184px;
}
.min-w-\[190px\] {
  min-width: 190px;
}
.min-w-\[200px\] {
  min-width: 200px;
}
.min-w-\[220px\] {
  min-width: 220px;
}
.min-w-\[260px\] {
  min-width: 260px;
}
.min-w-\[400px\] {
  min-width: 400px;
}
.min-w-\[560px\] {
  min-width: 560px;
}
.min-w-\[600px\] {
  min-width: 600px;
}
.min-w-\[720px\] {
  min-width: 720px;
}
.min-w-\[760px\] {
  min-width: 760px;
}
.min-w-\[860px\] {
  min-width: 860px;
}
.min-w-\[900px\] {
  min-width: 900px;
}
.min-w-\[920px\] {
  min-width: 920px;
}
.min-w-\[960px\] {
  min-width: 960px;
}
.min-w-\[980px\] {
  min-width: 980px;
}
.min-w-\[1080px\] {
  min-width: 1080px;
}
.min-w-\[1100px\] {
  min-width: 1100px;
}
.min-w-\[1320px\] {
  min-width: 1320px;
}
.min-w-\[1420px\] {
  min-width: 1420px;
}
.min-w-\[1500px\] {
  min-width: 1500px;
}
.min-w-\[1520px\] {
  min-width: 1520px;
}
.min-w-full {
  min-width: 100%;
}
.\!flex-1 {
  flex: 1 !important;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.\!flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.\!basis-full {
  flex-basis: 100% !important;
}
.basis-\[252px\] {
  flex-basis: 252px;
}
.table-fixed {
  table-layout: fixed;
}
.\!border-collapse {
  border-collapse: collapse !important;
}
.border-collapse {
  border-collapse: collapse;
}
.border-separate {
  border-collapse: separate;
}
.border-spacing-0 {
  --tw-border-spacing-x: calc(var(--spacing) * 0);
  --tw-border-spacing-y: calc(var(--spacing) * 0);
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
  --tw-translate-x: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0\.5 {
  --tw-translate-x: calc(var(--spacing) * 0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1 {
  --tw-translate-x: calc(var(--spacing) * 1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-4 {
  --tw-translate-x: calc(var(--spacing) * 4);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-5 {
  --tw-translate-x: calc(var(--spacing) * 5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-6 {
  --tw-translate-x: calc(var(--spacing) * 6);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-full {
  --tw-translate-x: 100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.\!-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1) !important;
  translate: var(--tw-translate-x) var(--tw-translate-y) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-150 {
  --tw-scale-x: 150%;
  --tw-scale-y: 150%;
  --tw-scale-z: 150%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-200 {
  --tw-scale-x: 200%;
  --tw-scale-y: 200%;
  --tw-scale-z: 200%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.rotate-45 {
  rotate: 45deg;
}
.rotate-180 {
  rotate: 180deg;
}
.transform {
  transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
}
.animate-pulse {
  animation: var(--animate-pulse);
}
.animate-spin {
  animation: var(--animate-spin);
}
.\!cursor-grab {
  cursor: grab !important;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.\!resize-y {
  resize: vertical !important;
}
.resize {
  resize: both;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.scroll-mt-4 {
  scroll-margin-top: calc(var(--spacing) * 4);
}
.list-outside {
  list-style-position: outside;
}
.\!list-disc {
  list-style-type: disc !important;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.\!\[appearance\:textfield\] {
  appearance: textfield !important;
}
.\!appearance-none {
  appearance: none !important;
}
.\[appearance\:textfield\] {
  appearance: textfield;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-\[1\.6fr_1fr_0\.9fr_0\.9fr_0\.9fr_1fr\] {
  grid-template-columns: 1.6fr 1fr 0.9fr 0.9fr 0.9fr 1fr;
}
.grid-cols-\[1fr_1fr_80px_80px\] {
  grid-template-columns: 1fr 1fr 80px 80px;
}
.grid-cols-\[1fr_80px\] {
  grid-template-columns: 1fr 80px;
}
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[2fr_1fr_0\.6fr_1\.1fr_0\.8fr_0\.5fr_0\.9fr_1\.3fr\] {
  grid-template-columns: 2fr 1fr 0.6fr 1.1fr 0.8fr 0.5fr 0.9fr 1.3fr;
}
.grid-cols-\[10px_28px_minmax\(0\,78px\)_minmax\(0\,1fr\)_48px\] {
  grid-template-columns: 10px 28px minmax(0,78px) minmax(0,1fr) 48px;
}
.grid-cols-\[12px_minmax\(0\,88px\)_minmax\(0\,1fr\)_52px\] {
  grid-template-columns: 12px minmax(0,88px) minmax(0,1fr) 52px;
}
.grid-cols-\[12px_minmax\(0\,88px\)_minmax\(0\,1fr\)_64px\] {
  grid-template-columns: 12px minmax(0,88px) minmax(0,1fr) 64px;
}
.grid-cols-\[20px_auto_minmax\(0\,1fr\)_120px\] {
  grid-template-columns: 20px auto minmax(0,1fr) 120px;
}
.grid-cols-\[20px_minmax\(0\,1fr\)_220px_140px_150px\] {
  grid-template-columns: 20px minmax(0,1fr) 220px 140px 150px;
}
.grid-cols-\[24px_1fr_60px\] {
  grid-template-columns: 24px 1fr 60px;
}
.grid-cols-\[24px_64px_minmax\(150px\,0\.8fr\)_minmax\(160px\,0\.9fr\)_minmax\(180px\,1fr\)_minmax\(150px\,0\.8fr\)_120px_160px_minmax\(160px\,0\.8fr\)\] {
  grid-template-columns: 24px 64px minmax(150px,0.8fr) minmax(160px,0.9fr) minmax(180px,1fr) minmax(150px,0.8fr) 120px 160px minmax(160px,0.8fr);
}
.grid-cols-\[24px_64px_minmax\(210px\,1\.1fr\)_minmax\(190px\,1\.2fr\)\] {
  grid-template-columns: 24px 64px minmax(210px,1.1fr) minmax(190px,1.2fr);
}
.grid-cols-\[24px_64px_minmax\(210px\,1\.1fr\)_minmax\(190px\,1\.2fr\)_minmax\(168px\,1fr\)_minmax\(168px\,1fr\)_minmax\(128px\,0\.8fr\)_minmax\(138px\,1fr\)_minmax\(128px\,0\.8fr\)\] {
  grid-template-columns: 24px 64px minmax(210px,1.1fr) minmax(190px,1.2fr) minmax(168px,1fr) minmax(168px,1fr) minmax(128px,0.8fr) minmax(138px,1fr) minmax(128px,0.8fr);
}
.grid-cols-\[24px_64px_minmax\(210px\,1\.1fr\)_minmax\(190px\,1\.2fr\)_minmax\(168px\,1fr\)_minmax\(168px\,1fr\)_minmax\(128px\,0\.8fr\)_minmax\(138px\,1fr\)_minmax\(128px\,0\.8fr\)_minmax\(112px\,0\.8fr\)\] {
  grid-template-columns: 24px 64px minmax(210px,1.1fr) minmax(190px,1.2fr) minmax(168px,1fr) minmax(168px,1fr) minmax(128px,0.8fr) minmax(138px,1fr) minmax(128px,0.8fr) minmax(112px,0.8fr);
}
.grid-cols-\[28px_minmax\(180px\,1\.4fr\)_minmax\(180px\,1\.4fr\)_minmax\(120px\,1fr\)_minmax\(120px\,1fr\)_minmax\(100px\,0\.8fr\)_minmax\(120px\,0\.9fr\)_minmax\(80px\,0\.6fr\)\] {
  grid-template-columns: 28px minmax(180px,1.4fr) minmax(180px,1.4fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,0.8fr) minmax(120px,0.9fr) minmax(80px,0.6fr);
}
.grid-cols-\[32px_minmax\(120px\,1\.5fr\)_52px_48px_48px_48px_48px_48px_48px_32px\] {
  grid-template-columns: 32px minmax(120px,1.5fr) 52px 48px 48px 48px 48px 48px 48px 32px;
}
.grid-cols-\[40px_64px_minmax\(200px\,1\.8fr\)_minmax\(140px\,1fr\)_minmax\(160px\,1fr\)_minmax\(100px\,0\.6fr\)_minmax\(120px\,0\.7fr\)\] {
  grid-template-columns: 40px 64px minmax(200px,1.8fr) minmax(140px,1fr) minmax(160px,1fr) minmax(100px,0.6fr) minmax(120px,0.7fr);
}
.grid-cols-\[40px_minmax\(180px\,1\.2fr\)_minmax\(220px\,1\.6fr\)_minmax\(160px\,1fr\)_minmax\(120px\,\.7fr\)_104px\] {
  grid-template-columns: 40px minmax(180px,1.2fr) minmax(220px,1.6fr) minmax(160px,1fr) minmax(120px,.7fr) 104px;
}
.grid-cols-\[64px_minmax\(140px\,0\.7fr\)_minmax\(160px\,0\.9fr\)_minmax\(220px\,1\.1fr\)_minmax\(320px\,1\.4fr\)_120px_140px_160px_80px\] {
  grid-template-columns: 64px minmax(140px,0.7fr) minmax(160px,0.9fr) minmax(220px,1.1fr) minmax(320px,1.4fr) 120px 140px 160px 80px;
}
.grid-cols-\[92px_minmax\(150px\,1fr\)_minmax\(220px\,1\.6fr\)_minmax\(200px\,1\.6fr\)_minmax\(150px\,1fr\)_110px_72px\] {
  grid-template-columns: 92px minmax(150px,1fr) minmax(220px,1.6fr) minmax(200px,1.6fr) minmax(150px,1fr) 110px 72px;
}
.grid-cols-\[96px_minmax\(0\,1fr\)_88px\] {
  grid-template-columns: 96px minmax(0,1fr) 88px;
}
.grid-cols-\[110px_minmax\(90px\,1fr\)_minmax\(90px\,0\.8fr\)_minmax\(100px\,0\.8fr\)_60px_120px_40px\] {
  grid-template-columns: 110px minmax(90px,1fr) minmax(90px,0.8fr) minmax(100px,0.8fr) 60px 120px 40px;
}
.grid-cols-\[112px_minmax\(0\,1fr\)\] {
  grid-template-columns: 112px minmax(0,1fr);
}
.grid-cols-\[140px_minmax\(0\,1fr\)\] {
  grid-template-columns: 140px minmax(0,1fr);
}
.grid-cols-\[180px_minmax\(180px\,\.8fr\)_minmax\(320px\,1\.4fr\)_36px\] {
  grid-template-columns: 180px minmax(180px,.8fr) minmax(320px,1.4fr) 36px;
}
.grid-cols-\[minmax\(0\,0\.78fr\)_minmax\(0\,1fr\)_34px\] {
  grid-template-columns: minmax(0,0.78fr) minmax(0,1fr) 34px;
}
.grid-cols-\[minmax\(0\,1fr\)_150px_130px_130px\] {
  grid-template-columns: minmax(0,1fr) 150px 130px 130px;
}
.grid-cols-\[minmax\(0\,1fr\)_auto\] {
  grid-template-columns: minmax(0,1fr) auto;
}
.grid-cols-\[minmax\(28px\,max-content\)_minmax\(42px\,max-content\)\] {
  grid-template-columns: minmax(28px,max-content) minmax(42px,max-content);
}
.grid-cols-\[minmax\(100px\,1fr\)_minmax\(160px\,1\.6fr\)_minmax\(120px\,0\.8fr\)_minmax\(100px\,0\.7fr\)_minmax\(80px\,0\.5fr\)_36px\] {
  grid-template-columns: minmax(100px,1fr) minmax(160px,1.6fr) minmax(120px,0.8fr) minmax(100px,0.7fr) minmax(80px,0.5fr) 36px;
}
.grid-cols-\[minmax\(120px\,1fr\)_minmax\(100px\,0\.8fr\)_minmax\(140px\,1\.2fr\)_minmax\(140px\,1\.2fr\)_minmax\(160px\,1\.6fr\)_36px\] {
  grid-template-columns: minmax(120px,1fr) minmax(100px,0.8fr) minmax(140px,1.2fr) minmax(140px,1.2fr) minmax(160px,1.6fr) 36px;
}
.grid-cols-\[minmax\(140px\,0\.8fr\)_minmax\(220px\,1\.8fr\)_64px\] {
  grid-template-columns: minmax(140px,0.8fr) minmax(220px,1.8fr) 64px;
}
.grid-cols-\[minmax\(170px\,0\.9fr\)_minmax\(220px\,1\.6fr\)_minmax\(150px\,0\.8fr\)_64px\] {
  grid-template-columns: minmax(170px,0.9fr) minmax(220px,1.6fr) minmax(150px,0.8fr) 64px;
}
.grid-cols-\[minmax\(180px\,1\.2fr\)_minmax\(180px\,1fr\)_minmax\(220px\,1\.4fr\)_minmax\(128px\,0\.8fr\)_minmax\(140px\,0\.8fr\)_minmax\(132px\,0\.7fr\)_minmax\(84px\,0\.4fr\)\] {
  grid-template-columns: minmax(180px,1.2fr) minmax(180px,1fr) minmax(220px,1.4fr) minmax(128px,0.8fr) minmax(140px,0.8fr) minmax(132px,0.7fr) minmax(84px,0.4fr);
}
.grid-cols-\[minmax\(180px\,1\.4fr\)_minmax\(180px\,1\.4fr\)_minmax\(120px\,1fr\)_minmax\(100px\,0\.8fr\)_minmax\(120px\,0\.9fr\)_minmax\(80px\,0\.6fr\)\] {
  grid-template-columns: minmax(180px,1.4fr) minmax(180px,1.4fr) minmax(120px,1fr) minmax(100px,0.8fr) minmax(120px,0.9fr) minmax(80px,0.6fr);
}
.grid-cols-\[minmax\(200px\,1fr\)_minmax\(160px\,0\.5fr\)_72px\] {
  grid-template-columns: minmax(200px,1fr) minmax(160px,0.5fr) 72px;
}
.grid-cols-\[minmax\(200px\,3fr\)_minmax\(100px\,0\.8fr\)\] {
  grid-template-columns: minmax(200px,3fr) minmax(100px,0.8fr);
}
.grid-cols-\[minmax\(200px\,3fr\)_minmax\(100px\,0\.8fr\)_minmax\(100px\,0\.8fr\)_minmax\(80px\,0\.5fr\)\] {
  grid-template-columns: minmax(200px,3fr) minmax(100px,0.8fr) minmax(100px,0.8fr) minmax(80px,0.5fr);
}
.grid-cols-\[minmax\(210px\,1\.4fr\)_minmax\(150px\,0\.9fr\)_minmax\(190px\,1\.1fr\)_minmax\(160px\,0\.9fr\)_minmax\(150px\,0\.8fr\)_64px\] {
  grid-template-columns: minmax(210px,1.4fr) minmax(150px,0.9fr) minmax(190px,1.1fr) minmax(160px,0.9fr) minmax(150px,0.8fr) 64px;
}
.grid-cols-\[minmax\(220px\,1\.5fr\)_120px_120px_120px_minmax\(220px\,1fr\)\] {
  grid-template-columns: minmax(220px,1.5fr) 120px 120px 120px minmax(220px,1fr);
}
.grid-cols-\[minmax\(220px\,1fr\)_130px_170px_210px_150px_150px_54px\] {
  grid-template-columns: minmax(220px,1fr) 130px 170px 210px 150px 150px 54px;
}
.grid-cols-\[minmax\(300px\,1fr\)_minmax\(200px\,0\.7fr\)_64px\] {
  grid-template-columns: minmax(300px,1fr) minmax(200px,0.7fr) 64px;
}
.grid-rows-\[auto_auto\] {
  grid-template-rows: auto auto;
}
.\!flex-col {
  flex-direction: column !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.\!flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.\!items-center {
  align-items: center !important;
}
.\!items-start {
  align-items: flex-start !important;
}
.\!items-stretch {
  align-items: stretch !important;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-between {
  justify-content: space-between !important;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.\!gap-1\.5 {
  gap: calc(var(--spacing) * 1.5) !important;
}
.\!gap-2 {
  gap: calc(var(--spacing) * 2) !important;
}
.\!gap-3 {
  gap: calc(var(--spacing) * 3) !important;
}
.\!gap-4 {
  gap: calc(var(--spacing) * 4) !important;
}
.\!gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}
.\!gap-\[13px\] {
  gap: 13px !important;
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-2\.5 {
  gap: calc(var(--spacing) * 2.5);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[13px\] {
  gap: 13px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[18px\] {
  gap: 18px;
}
.gap-\[24px\] {
  gap: 24px;
}
.\!space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.\!space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.\!space-y-7 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.\!space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.\!space-y-\[13px\] {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(13px * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(13px * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.\!space-y-\[15px\] {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0 !important;
    margin-block-start: calc(15px * var(--tw-space-y-reverse)) !important;
    margin-block-end: calc(15px * calc(1 - var(--tw-space-y-reverse))) !important;
  }
}
.space-y-0 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-0\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-1\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2\.5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-5 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-\[9px\] {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(9px * var(--tw-space-y-reverse));
    margin-block-end: calc(9px * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-\[19px\] {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(19px * var(--tw-space-y-reverse));
    margin-block-end: calc(19px * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-x-2\.5 {
  column-gap: calc(var(--spacing) * 2.5);
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}
.gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
.gap-y-0\.5 {
  row-gap: calc(var(--spacing) * 0.5);
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1);
}
.gap-y-1\.5 {
  row-gap: calc(var(--spacing) * 1.5);
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.divide-x {
  :where(& > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-\[var\(--v2-color-border-soft\)\] {
  :where(& > :not(:last-child)) {
    border-color: var(--v2-color-border-soft);
  }
}
.divide-\[var\(--v2-color-surface-border\)\] {
  :where(& > :not(:last-child)) {
    border-color: var(--v2-color-surface-border);
  }
}
.divide-gray-50 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-50);
  }
}
.divide-gray-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.divide-slate-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-slate-100);
  }
}
.\!self-center {
  align-self: center !important;
}
.self-baseline {
  align-self: baseline;
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.self-stretch {
  align-self: stretch;
}
.\!justify-self-start {
  justify-self: flex-start !important;
}
.justify-self-center {
  justify-self: center;
}
.justify-self-end {
  justify-self: flex-end;
}
.justify-self-start {
  justify-self: flex-start;
}
.justify-self-stretch {
  justify-self: stretch;
}
.\!truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.\!overflow-auto {
  overflow: auto !important;
}
.\!overflow-hidden {
  overflow: hidden !important;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-visible {
  overflow: visible;
}
.\!overflow-x-auto {
  overflow-x: auto !important;
}
.\[overflow-x\:clip\] {
  overflow-x: clip;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.\!overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.\!rounded {
  border-radius: 0.25rem !important;
}
.\!rounded-2xl {
  border-radius: var(--radius-2xl) !important;
}
.\!rounded-\[4px\] {
  border-radius: 4px !important;
}
.\!rounded-\[6px\] {
  border-radius: 6px !important;
}
.\!rounded-\[7px\] {
  border-radius: 7px !important;
}
.\!rounded-\[8px\] {
  border-radius: 8px !important;
}
.\!rounded-\[10px\] {
  border-radius: 10px !important;
}
.\!rounded-\[12px\] {
  border-radius: 12px !important;
}
.\!rounded-\[14px\] {
  border-radius: 14px !important;
}
.\!rounded-\[16px\] {
  border-radius: 16px !important;
}
.\!rounded-\[60px\] {
  border-radius: 60px !important;
}
.\!rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.\!rounded-lg {
  border-radius: var(--radius-lg) !important;
}
.\!rounded-md {
  border-radius: var(--radius-md) !important;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.\!rounded-xl {
  border-radius: var(--radius-xl) !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[1px\] {
  border-radius: 1px;
}
.rounded-\[2\.8rem\] {
  border-radius: 2.8rem;
}
.rounded-\[3\.2rem\] {
  border-radius: 3.2rem;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[7px\] {
  border-radius: 7px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[11px\] {
  border-radius: 11px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[14px\] {
  border-radius: 14px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[999px\] {
  border-radius: 999px;
}
.rounded-\[var\(--v2-border-radius-modal\,12px\)\] {
  border-radius: var(--v2-border-radius-modal,12px);
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.\!rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.\!rounded-t-xl {
  border-top-left-radius: var(--radius-xl) !important;
  border-top-right-radius: var(--radius-xl) !important;
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.rounded-l-\[10px\] {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rounded-tl-sm {
  border-top-left-radius: var(--radius-sm);
}
.rounded-r-\[8px\] {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-tr-\[4px\] {
  border-top-right-radius: 4px;
}
.rounded-tr-none {
  border-top-right-radius: 0;
}
.rounded-tr-sm {
  border-top-right-radius: var(--radius-sm);
}
.\!rounded-b-\[8px\] {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.\!rounded-b-none {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-b-\[8px\] {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-b-\[16px\] {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-b-xl {
  border-bottom-right-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}
.\!border {
  border-style: var(--tw-border-style) !important;
  border-width: 1px !important;
}
.\!border-0 {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}
.\!border-2 {
  border-style: var(--tw-border-style) !important;
  border-width: 2px !important;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-4 {
  border-style: var(--tw-border-style);
  border-width: 4px;
}
.border-\[3px\] {
  border-style: var(--tw-border-style);
  border-width: 3px;
}
.\!border-x-0 {
  border-inline-style: var(--tw-border-style) !important;
  border-inline-width: 0px !important;
}
.border-x-0 {
  border-inline-style: var(--tw-border-style);
  border-inline-width: 0px;
}
.\!border-y {
  border-block-style: var(--tw-border-style) !important;
  border-block-width: 1px !important;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.\!border-t {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 1px !important;
}
.\!border-t-0 {
  border-top-style: var(--tw-border-style) !important;
  border-top-width: 0px !important;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-t-0 {
  border-top-style: var(--tw-border-style);
  border-top-width: 0px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.\!border-b {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 1px !important;
}
.\!border-b-2 {
  border-bottom-style: var(--tw-border-style) !important;
  border-bottom-width: 2px !important;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 0px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-l-2 {
  border-left-style: var(--tw-border-style);
  border-left-width: 2px;
}
.border-l-4 {
  border-left-style: var(--tw-border-style);
  border-left-width: 4px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.\!border-\[\#2E52FB\] {
  border-color: #2E52FB !important;
}
.\!border-\[\#6d8dff\] {
  border-color: #6d8dff !important;
}
.\!border-\[\#6d28d9\] {
  border-color: #6d28d9 !important;
}
.\!border-\[\#174ea6\] {
  border-color: #174ea6 !important;
}
.\!border-\[\#BBF7D0\] {
  border-color: #BBF7D0 !important;
}
.\!border-\[\#CFE2FF\] {
  border-color: #CFE2FF !important;
}
.\!border-\[\#E2E7F0\] {
  border-color: #E2E7F0 !important;
}
.\!border-\[\#E2E8F0\] {
  border-color: #E2E8F0 !important;
}
.\!border-\[\#EAF1FF\] {
  border-color: #EAF1FF !important;
}
.\!border-\[\#EEF1F6\] {
  border-color: #EEF1F6 !important;
}
.\!border-\[\#c7d2fe\] {
  border-color: #c7d2fe !important;
}
.\!border-\[\#cbd5e1\] {
  border-color: #cbd5e1 !important;
}
.\!border-\[\#cfe7ff\] {
  border-color: #cfe7ff !important;
}
.\!border-\[\#d1fae5\] {
  border-color: #d1fae5 !important;
}
.\!border-\[\#e5e7eb\] {
  border-color: #e5e7eb !important;
}
.\!border-\[\#e9d5ff\] {
  border-color: #e9d5ff !important;
}
.\!border-\[var\(--v2-color-bg-brand-soft\)\] {
  border-color: var(--v2-color-bg-brand-soft) !important;
}
.\!border-\[var\(--v2-color-border\)\] {
  border-color: var(--v2-color-border) !important;
}
.\!border-\[var\(--v2-color-border-soft\)\] {
  border-color: var(--v2-color-border-soft) !important;
}
.\!border-\[var\(--v2-color-danger\)\] {
  border-color: var(--v2-color-danger) !important;
}
.\!border-\[var\(--v2-color-danger\,\#EF4444\)\] {
  border-color: var(--v2-color-danger,#EF4444) !important;
}
.\!border-\[var\(--v2-color-danger-soft-border\)\] {
  border-color: var(--v2-color-danger-soft-border) !important;
}
.\!border-\[var\(--v2-color-danger-soft-text\)\] {
  border-color: var(--v2-color-danger-soft-text) !important;
}
.\!border-\[var\(--v2-color-info-soft-border\)\] {
  border-color: var(--v2-color-info-soft-border) !important;
}
.\!border-\[var\(--v2-color-primary\)\] {
  border-color: var(--v2-color-primary) !important;
}
.\!border-\[var\(--v2-color-success-badge-text\)\] {
  border-color: var(--v2-color-success-badge-text) !important;
}
.\!border-\[var\(--v2-color-success-bubble-border\)\] {
  border-color: var(--v2-color-success-bubble-border) !important;
}
.\!border-\[var\(--v2-color-surface-border\)\] {
  border-color: var(--v2-color-surface-border) !important;
}
.\!border-\[var\(--v2-color-warning-soft-border\)\] {
  border-color: var(--v2-color-warning-soft-border) !important;
}
.\!border-\[var\(--v2-color-warning-soft-icon\)\] {
  border-color: var(--v2-color-warning-soft-icon) !important;
}
.\!border-amber-100 {
  border-color: var(--color-amber-100) !important;
}
.\!border-amber-200 {
  border-color: var(--color-amber-200) !important;
}
.\!border-amber-500\/20 {
  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent) !important;
  }
}
.\!border-blue-100 {
  border-color: var(--color-blue-100) !important;
}
.\!border-blue-500\/20 {
  border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent) !important;
  }
}
.\!border-emerald-100 {
  border-color: var(--color-emerald-100) !important;
}
.\!border-emerald-500\/20 {
  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent) !important;
  }
}
.\!border-gray-50 {
  border-color: var(--color-gray-50) !important;
}
.\!border-gray-100 {
  border-color: var(--color-gray-100) !important;
}
.\!border-gray-200 {
  border-color: var(--color-gray-200) !important;
}
.\!border-gray-300 {
  border-color: var(--color-gray-300) !important;
}
.\!border-indigo-200 {
  border-color: var(--color-indigo-200) !important;
}
.\!border-navy-600 {
  border-color: var(--color-navy-600) !important;
}
.\!border-orange-500\/20 {
  border-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent) !important;
  }
}
.\!border-purple-200 {
  border-color: var(--color-purple-200) !important;
}
.\!border-purple-500\/20 {
  border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent) !important;
  }
}
.\!border-red-100 {
  border-color: var(--color-red-100) !important;
}
.\!border-red-200 {
  border-color: var(--color-red-200) !important;
}
.\!border-red-400 {
  border-color: var(--color-red-400) !important;
}
.\!border-red-500\/20 {
  border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) !important;
  }
}
.\!border-slate-200 {
  border-color: var(--color-slate-200) !important;
}
.\!border-transparent {
  border-color: transparent !important;
}
.\!border-white\/50 {
  border-color: color-mix(in srgb, #fff 50%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent) !important;
  }
}
.border-\[\#2E52FB\] {
  border-color: #2E52FB;
}
.border-\[\#2F5BFF\] {
  border-color: #2F5BFF;
}
.border-\[\#2f55ff\] {
  border-color: #2f55ff;
}
.border-\[\#3A4A6F\] {
  border-color: #3A4A6F;
}
.border-\[\#4F5F86\] {
  border-color: #4F5F86;
}
.border-\[\#5aa1d8\] {
  border-color: #5aa1d8;
}
.border-\[\#5aa1d8\]\/25 {
  border-color: color-mix(in oklab, #5aa1d8 25%, transparent);
}
.border-\[\#6EA0FF\] {
  border-color: #6EA0FF;
}
.border-\[\#8a96a8\] {
  border-color: #8a96a8;
}
.border-\[\#8ff0cf\] {
  border-color: #8ff0cf;
}
.border-\[\#28a745\] {
  border-color: #28a745;
}
.border-\[\#0066ff\] {
  border-color: #0066ff;
}
.border-\[\#86AEFF\] {
  border-color: #86AEFF;
}
.border-\[\#153f8f\] {
  border-color: #153f8f;
}
.border-\[\#1557ff\] {
  border-color: #1557ff;
}
.border-\[\#2563eb\] {
  border-color: #2563eb;
}
.border-\[\#435072\] {
  border-color: #435072;
}
.border-\[\#CAD6EA\] {
  border-color: #CAD6EA;
}
.border-\[\#CED8E8\] {
  border-color: #CED8E8;
}
.border-\[\#CFE0FF\] {
  border-color: #CFE0FF;
}
.border-\[\#D3DBE8\] {
  border-color: #D3DBE8;
}
.border-\[\#D6DEEA\] {
  border-color: #D6DEEA;
}
.border-\[\#D7DFEC\] {
  border-color: #D7DFEC;
}
.border-\[\#D7E4FF\] {
  border-color: #D7E4FF;
}
.border-\[\#E4EAF4\] {
  border-color: #E4EAF4;
}
.border-\[\#E6EAF2\] {
  border-color: #E6EAF2;
}
.border-\[\#E6EDF5\] {
  border-color: #E6EDF5;
}
.border-\[\#F3DDF1\] {
  border-color: #F3DDF1;
}
.border-\[\#b7eadc\] {
  border-color: #b7eadc;
}
.border-\[\#bfdbfe99\] {
  border-color: #bfdbfe99;
}
.border-\[\#bfdbfe\] {
  border-color: #bfdbfe;
}
.border-\[\#c4c4c4\] {
  border-color: #c4c4c4;
}
.border-\[\#c7d2fe\] {
  border-color: #c7d2fe;
}
.border-\[\#c7defd\] {
  border-color: #c7defd;
}
.border-\[\#c8e6c9\] {
  border-color: #c8e6c9;
}
.border-\[\#cbd5e1\] {
  border-color: #cbd5e1;
}
.border-\[\#cce5ff\] {
  border-color: #cce5ff;
}
.border-\[\#cfd7e3\] {
  border-color: #cfd7e3;
}
.border-\[\#d5dbe6\] {
  border-color: #d5dbe6;
}
.border-\[\#d7e8ff\] {
  border-color: #d7e8ff;
}
.border-\[\#d8dee8\] {
  border-color: #d8dee8;
}
.border-\[\#d9e0ea\] {
  border-color: #d9e0ea;
}
.border-\[\#dbe1ea\] {
  border-color: #dbe1ea;
}
.border-\[\#dc2626\] {
  border-color: #dc2626;
}
.border-\[\#e0e0e0\] {
  border-color: #e0e0e0;
}
.border-\[\#e2e8f0\] {
  border-color: #e2e8f0;
}
.border-\[\#e5e7eb\] {
  border-color: #e5e7eb;
}
.border-\[\#e6ebf2\] {
  border-color: #e6ebf2;
}
.border-\[\#e9d5ff\] {
  border-color: #e9d5ff;
}
.border-\[\#edf0f5\] {
  border-color: #edf0f5;
}
.border-\[\#eeeeee\] {
  border-color: #eeeeee;
}
.border-\[\#eef1f6\] {
  border-color: #eef1f6;
}
.border-\[\#eef2f7\] {
  border-color: #eef2f7;
}
.border-\[\#f0f2f5\] {
  border-color: #f0f2f5;
}
.border-\[\#f1f5f9\] {
  border-color: #f1f5f9;
}
.border-\[\#f2f4f7\] {
  border-color: #f2f4f7;
}
.border-\[\#f8d278\] {
  border-color: #f8d278;
}
.border-\[\#fde68a\] {
  border-color: #fde68a;
}
.border-\[rgba\(128\,92\,244\,0\.22\)\] {
  border-color: rgba(128,92,244,0.22);
}
.border-\[var\(--v2-color-action-secondary-border\)\] {
  border-color: var(--v2-color-action-secondary-border);
}
.border-\[var\(--v2-color-border\)\] {
  border-color: var(--v2-color-border);
}
.border-\[var\(--v2-color-border-muted\)\] {
  border-color: var(--v2-color-border-muted);
}
.border-\[var\(--v2-color-border-soft\)\] {
  border-color: var(--v2-color-border-soft);
}
.border-\[var\(--v2-color-danger\,\#dc2626\)\] {
  border-color: var(--v2-color-danger,#dc2626);
}
.border-\[var\(--v2-color-danger-soft-border\)\] {
  border-color: var(--v2-color-danger-soft-border);
}
.border-\[var\(--v2-color-danger-soft-text\)\] {
  border-color: var(--v2-color-danger-soft-text);
}
.border-\[var\(--v2-color-highlight-soft-border\)\] {
  border-color: var(--v2-color-highlight-soft-border);
}
.border-\[var\(--v2-color-info-bubble-border\)\] {
  border-color: var(--v2-color-info-bubble-border);
}
.border-\[var\(--v2-color-info-soft-border\)\] {
  border-color: var(--v2-color-info-soft-border);
}
.border-\[var\(--v2-color-overlay-border\)\] {
  border-color: var(--v2-color-overlay-border);
}
.border-\[var\(--v2-color-primary\)\] {
  border-color: var(--v2-color-primary);
}
.border-\[var\(--v2-color-primary\)\]\/30 {
  border-color: color-mix(in oklab, var(--v2-color-primary) 30%, transparent);
}
.border-\[var\(--v2-color-primary-hover\)\] {
  border-color: var(--v2-color-primary-hover);
}
.border-\[var\(--v2-color-shopee-badge-border\)\] {
  border-color: var(--v2-color-shopee-badge-border);
}
.border-\[var\(--v2-color-shopee-coupon-card-border\)\] {
  border-color: var(--v2-color-shopee-coupon-card-border);
}
.border-\[var\(--v2-color-success\)\] {
  border-color: var(--v2-color-success);
}
.border-\[var\(--v2-color-success-bubble-border\)\] {
  border-color: var(--v2-color-success-bubble-border);
}
.border-\[var\(--v2-color-success-hover\)\] {
  border-color: var(--v2-color-success-hover);
}
.border-\[var\(--v2-color-success-soft-border\)\] {
  border-color: var(--v2-color-success-soft-border);
}
.border-\[var\(--v2-color-surface-border\)\] {
  border-color: var(--v2-color-surface-border);
}
.border-\[var\(--v2-color-text-strong\)\] {
  border-color: var(--v2-color-text-strong);
}
.border-\[var\(--v2-color-warning-soft-border\)\] {
  border-color: var(--v2-color-warning-soft-border);
}
.border-amber-100 {
  border-color: var(--color-amber-100);
}
.border-amber-200 {
  border-color: var(--color-amber-200);
}
.border-amber-300 {
  border-color: var(--color-amber-300);
}
.border-amber-300\/80 {
  border-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent);
  }
}
.border-amber-400 {
  border-color: var(--color-amber-400);
}
.border-black\/5 {
  border-color: color-mix(in srgb, #000 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
  }
}
.border-black\/10 {
  border-color: color-mix(in srgb, #000 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-black) 10%, transparent);
  }
}
.border-blue-100 {
  border-color: var(--color-blue-100);
}
.border-blue-200 {
  border-color: var(--color-blue-200);
}
.border-blue-300 {
  border-color: var(--color-blue-300);
}
.border-blue-500 {
  border-color: var(--color-blue-500);
}
.border-blue-600 {
  border-color: var(--color-blue-600);
}
.border-current {
  border-color: currentColor;
}
.border-current\/15 {
  border-color: color-mix(in oklab, currentColor 15%, transparent);
}
.border-emerald-100 {
  border-color: var(--color-emerald-100);
}
.border-emerald-100\/60 {
  border-color: color-mix(in srgb, oklch(95% 0.052 163.051) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-emerald-100) 60%, transparent);
  }
}
.border-emerald-200 {
  border-color: var(--color-emerald-200);
}
.border-emerald-300 {
  border-color: var(--color-emerald-300);
}
.border-emerald-400 {
  border-color: var(--color-emerald-400);
}
.border-gray-50 {
  border-color: var(--color-gray-50);
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-navy-600 {
  border-color: var(--color-navy-600);
}
.border-navy-600\/30 {
  border-color: color-mix(in srgb, #2e52fb 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-navy-600) 30%, transparent);
  }
}
.border-navy-700 {
  border-color: var(--color-navy-700);
}
.border-orange-100 {
  border-color: var(--color-orange-100);
}
.border-orange-200 {
  border-color: var(--color-orange-200);
}
.border-orange-300 {
  border-color: var(--color-orange-300);
}
.border-purple-100 {
  border-color: var(--color-purple-100);
}
.border-purple-200 {
  border-color: var(--color-purple-200);
}
.border-red-100 {
  border-color: var(--color-red-100);
}
.border-red-200 {
  border-color: var(--color-red-200);
}
.border-red-200\/60 {
  border-color: color-mix(in srgb, oklch(88.5% 0.062 18.334) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-200) 60%, transparent);
  }
}
.border-red-300 {
  border-color: var(--color-red-300);
}
.border-red-400 {
  border-color: var(--color-red-400);
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.border-red-600 {
  border-color: var(--color-red-600);
}
.border-red-900\/30 {
  border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
  }
}
.border-rose-200 {
  border-color: var(--color-rose-200);
}
.border-sky-100 {
  border-color: var(--color-sky-100);
}
.border-slate-50 {
  border-color: var(--color-slate-50);
}
.border-slate-100 {
  border-color: var(--color-slate-100);
}
.border-slate-200 {
  border-color: var(--color-slate-200);
}
.border-slate-300 {
  border-color: var(--color-slate-300);
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  border-color: var(--color-white);
}
.border-white\/10 {
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.border-white\/20 {
  border-color: color-mix(in srgb, #fff 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.border-white\/30 {
  border-color: color-mix(in srgb, #fff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.border-white\/40 {
  border-color: color-mix(in srgb, #fff 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.border-t-\[\#5aa1d8\] {
  border-top-color: #5aa1d8;
}
.border-t-\[\#174ea6\] {
  border-top-color: #174ea6;
}
.border-t-\[var\(--v2-color-primary\)\] {
  border-top-color: var(--v2-color-primary);
}
.border-t-purple-600 {
  border-top-color: var(--color-purple-600);
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  border-top-color: var(--color-white);
}
.border-l-\[var\(--v2-color-primary\)\] {
  border-left-color: var(--v2-color-primary);
}
.\!bg-\[\#2E52FB\] {
  background-color: #2E52FB !important;
}
.\!bg-\[\#6d28d9\] {
  background-color: #6d28d9 !important;
}
.\!bg-\[\#10B981\] {
  background-color: #10B981 !important;
}
.\!bg-\[\#10b981\] {
  background-color: #10b981 !important;
}
.\!bg-\[\#023a9a\] {
  background-color: #023a9a !important;
}
.\!bg-\[\#171D2C\] {
  background-color: #171D2C !important;
}
.\!bg-\[\#174ea6\] {
  background-color: #174ea6 !important;
}
.\!bg-\[\#194C4C\] {
  background-color: #194C4C !important;
}
.\!bg-\[\#222A3E\] {
  background-color: #222A3E !important;
}
.\!bg-\[\#3155FF\] {
  background-color: #3155FF !important;
}
.\!bg-\[\#49346E\] {
  background-color: #49346E !important;
}
.\!bg-\[\#219653\] {
  background-color: #219653 !important;
}
.\!bg-\[\#274370\] {
  background-color: #274370 !important;
}
.\!bg-\[\#DCFCE7\] {
  background-color: #DCFCE7 !important;
}
.\!bg-\[\#E5E7EB\] {
  background-color: #E5E7EB !important;
}
.\!bg-\[\#EAF3FF\] {
  background-color: #EAF3FF !important;
}
.\!bg-\[\#EEF6FF\] {
  background-color: #EEF6FF !important;
}
.\!bg-\[\#F2F4F7\] {
  background-color: #F2F4F7 !important;
}
.\!bg-\[\#FAFBFD\] {
  background-color: #FAFBFD !important;
}
.\!bg-\[\#ecfdf5\] {
  background-color: #ecfdf5 !important;
}
.\!bg-\[var\(--v2-color-bg-active-soft\)\] {
  background-color: var(--v2-color-bg-active-soft) !important;
}
.\!bg-\[var\(--v2-color-bg-brand-soft\)\] {
  background-color: var(--v2-color-bg-brand-soft) !important;
}
.\!bg-\[var\(--v2-color-bg-hover\)\] {
  background-color: var(--v2-color-bg-hover) !important;
}
.\!bg-\[var\(--v2-color-bg-soft\)\] {
  background-color: var(--v2-color-bg-soft) !important;
}
.\!bg-\[var\(--v2-color-border-muted\)\] {
  background-color: var(--v2-color-border-muted) !important;
}
.\!bg-\[var\(--v2-color-danger-soft-bg\)\] {
  background-color: var(--v2-color-danger-soft-bg) !important;
}
.\!bg-\[var\(--v2-color-page-bg\)\] {
  background-color: var(--v2-color-page-bg) !important;
}
.\!bg-\[var\(--v2-color-primary\)\] {
  background-color: var(--v2-color-primary) !important;
}
.\!bg-\[var\(--v2-color-surface-bg\)\] {
  background-color: var(--v2-color-surface-bg) !important;
}
.\!bg-amber-50 {
  background-color: var(--color-amber-50) !important;
}
.\!bg-amber-500\/10 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent) !important;
  }
}
.\!bg-blue-50 {
  background-color: var(--color-blue-50) !important;
}
.\!bg-blue-500\/10 {
  background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) !important;
  }
}
.\!bg-blue-600 {
  background-color: var(--color-blue-600) !important;
}
.\!bg-emerald-50 {
  background-color: var(--color-emerald-50) !important;
}
.\!bg-emerald-500 {
  background-color: var(--color-emerald-500) !important;
}
.\!bg-emerald-500\/10 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) !important;
  }
}
.\!bg-gray-50 {
  background-color: var(--color-gray-50) !important;
}
.\!bg-gray-50\/50 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent) !important;
  }
}
.\!bg-gray-50\/95 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 95%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 95%, transparent) !important;
  }
}
.\!bg-gray-100 {
  background-color: var(--color-gray-100) !important;
}
.\!bg-gray-200 {
  background-color: var(--color-gray-200) !important;
}
.\!bg-gray-300 {
  background-color: var(--color-gray-300) !important;
}
.\!bg-navy-600 {
  background-color: var(--color-navy-600) !important;
}
.\!bg-orange-500\/10 {
  background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent) !important;
  }
}
.\!bg-purple-50 {
  background-color: var(--color-purple-50) !important;
}
.\!bg-purple-500\/10 {
  background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent) !important;
  }
}
.\!bg-red-50 {
  background-color: var(--color-red-50) !important;
}
.\!bg-red-500 {
  background-color: var(--color-red-500) !important;
}
.\!bg-red-500\/10 {
  background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) !important;
  }
}
.\!bg-slate-50 {
  background-color: var(--color-slate-50) !important;
}
.\!bg-slate-400 {
  background-color: var(--color-slate-400) !important;
}
.\!bg-transparent {
  background-color: transparent !important;
}
.\!bg-white {
  background-color: var(--color-white) !important;
}
.\!bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent) !important;
  }
}
.bg-\[\#0d0d0f\] {
  background-color: #0d0d0f;
}
.bg-\[\#00a884\] {
  background-color: #00a884;
}
.bg-\[\#00b981\] {
  background-color: #00b981;
}
.bg-\[\#00c896\] {
  background-color: #00c896;
}
.bg-\[\#1A243A\] {
  background-color: #1A243A;
}
.bg-\[\#1D2941\] {
  background-color: #1D2941;
}
.bg-\[\#1e293b\] {
  background-color: #1e293b;
}
.bg-\[\#1f4fff\] {
  background-color: #1f4fff;
}
.bg-\[\#2D3A5C\] {
  background-color: #2D3A5C;
}
.bg-\[\#2E52FB\] {
  background-color: #2E52FB;
}
.bg-\[\#2F5BFF\] {
  background-color: #2F5BFF;
}
.bg-\[\#2c3349\] {
  background-color: #2c3349;
}
.bg-\[\#2d3245\] {
  background-color: #2d3245;
}
.bg-\[\#2e52fb\] {
  background-color: #2e52fb;
}
.bg-\[\#2f55ff\] {
  background-color: #2f55ff;
}
.bg-\[\#4A56A8\]\/28 {
  background-color: color-mix(in oklab, #4A56A8 28%, transparent);
}
.bg-\[\#4f46e5\] {
  background-color: #4f46e5;
}
.bg-\[\#5aa1d8\] {
  background-color: #5aa1d8;
}
.bg-\[\#7C3AED\]\/16 {
  background-color: color-mix(in oklab, #7C3AED 16%, transparent);
}
.bg-\[\#8ba4f6\] {
  background-color: #8ba4f6;
}
.bg-\[\#25D366\] {
  background-color: #25D366;
}
.bg-\[\#28a745\] {
  background-color: #28a745;
}
.bg-\[\#0066ff\] {
  background-color: #0066ff;
}
.bg-\[\#075E54\] {
  background-color: #075E54;
}
.bg-\[\#121B2D\] {
  background-color: #121B2D;
}
.bg-\[\#153f8f\] {
  background-color: #153f8f;
}
.bg-\[\#253A66\] {
  background-color: #253A66;
}
.bg-\[\#313a52\] {
  background-color: #313a52;
}
.bg-\[\#1557ff\] {
  background-color: #1557ff;
}
.bg-\[\#2554ff\] {
  background-color: #2554ff;
}
.bg-\[\#2563eb\] {
  background-color: #2563eb;
}
.bg-\[\#3559E6\] {
  background-color: #3559E6;
}
.bg-\[\#34476D\] {
  background-color: #34476D;
}
.bg-\[\#39445F\] {
  background-color: #39445F;
}
.bg-\[\#101010\] {
  background-color: #101010;
}
.bg-\[\#111113\] {
  background-color: #111113;
}
.bg-\[\#171717\] {
  background-color: #171717;
}
.bg-\[\#219653\] {
  background-color: #219653;
}
.bg-\[\#DBEAFE\] {
  background-color: #DBEAFE;
}
.bg-\[\#E5E7EB\] {
  background-color: #E5E7EB;
}
.bg-\[\#EAF1FF\] {
  background-color: #EAF1FF;
}
.bg-\[\#EAF2FF\] {
  background-color: #EAF2FF;
}
.bg-\[\#EBEFFF\] {
  background-color: #EBEFFF;
}
.bg-\[\#ECE5DD\] {
  background-color: #ECE5DD;
}
.bg-\[\#EDEFF4\] {
  background-color: #EDEFF4;
}
.bg-\[\#EEF2F7\] {
  background-color: #EEF2F7;
}
.bg-\[\#EEF2FF\] {
  background-color: #EEF2FF;
}
.bg-\[\#F8FAFC\] {
  background-color: #F8FAFC;
}
.bg-\[\#F8FBFF\] {
  background-color: #F8FBFF;
}
.bg-\[\#F9F2FF\] {
  background-color: #F9F2FF;
}
.bg-\[\#FFF4FB\]\/50 {
  background-color: color-mix(in oklab, #FFF4FB 50%, transparent);
}
.bg-\[\#b0b0b0\] {
  background-color: #b0b0b0;
}
.bg-\[\#d8f8ef\] {
  background-color: #d8f8ef;
}
.bg-\[\#d72655\] {
  background-color: #d72655;
}
.bg-\[\#dcf8c6\] {
  background-color: #dcf8c6;
}
.bg-\[\#dfe5e7\] {
  background-color: #dfe5e7;
}
.bg-\[\#dffdf2\] {
  background-color: #dffdf2;
}
.bg-\[\#e0e0e0\] {
  background-color: #e0e0e0;
}
.bg-\[\#e1f2fb\]\/80 {
  background-color: color-mix(in oklab, #e1f2fb 80%, transparent);
}
.bg-\[\#e2e8f0\] {
  background-color: #e2e8f0;
}
.bg-\[\#e5ddd5\] {
  background-color: #e5ddd5;
}
.bg-\[\#e5e7eb\] {
  background-color: #e5e7eb;
}
.bg-\[\#e5e8ed\] {
  background-color: #e5e8ed;
}
.bg-\[\#e7ebf1\] {
  background-color: #e7ebf1;
}
.bg-\[\#e8f5e9\] {
  background-color: #e8f5e9;
}
.bg-\[\#edf2ff\] {
  background-color: #edf2ff;
}
.bg-\[\#edf6ff\] {
  background-color: #edf6ff;
}
.bg-\[\#eef2ff\] {
  background-color: #eef2ff;
}
.bg-\[\#ef4444\] {
  background-color: #ef4444;
}
.bg-\[\#eff6ff99\] {
  background-color: #eff6ff99;
}
.bg-\[\#eff6ff\] {
  background-color: #eff6ff;
}
.bg-\[\#eff7ff\] {
  background-color: #eff7ff;
}
.bg-\[\#eff8ff\] {
  background-color: #eff8ff;
}
.bg-\[\#f0f2f5\] {
  background-color: #f0f2f5;
}
.bg-\[\#f0f8ff\] {
  background-color: #f0f8ff;
}
.bg-\[\#f1f3f7\] {
  background-color: #f1f3f7;
}
.bg-\[\#f3e8ff\] {
  background-color: #f3e8ff;
}
.bg-\[\#f4f7ff\] {
  background-color: #f4f7ff;
}
.bg-\[\#f5f5f6\] {
  background-color: #f5f5f6;
}
.bg-\[\#f7faff\] {
  background-color: #f7faff;
}
.bg-\[\#f8f8f9\] {
  background-color: #f8f8f9;
}
.bg-\[\#f8fafc\] {
  background-color: #f8fafc;
}
.bg-\[\#f8fbff\] {
  background-color: #f8fbff;
}
.bg-\[\#fbfcff\] {
  background-color: #fbfcff;
}
.bg-\[\#ffb333\] {
  background-color: #ffb333;
}
.bg-\[\#fff3cd\] {
  background-color: #fff3cd;
}
.bg-\[\#fffbea\] {
  background-color: #fffbea;
}
.bg-\[\#fffbeb\] {
  background-color: #fffbeb;
}
.bg-\[\#fffdf2\] {
  background-color: #fffdf2;
}
.bg-\[rgba\(20\,184\,166\,0\.28\)\] {
  background-color: rgba(20,184,166,0.28);
}
.bg-\[rgba\(59\,130\,246\,0\.28\)\] {
  background-color: rgba(59,130,246,0.28);
}
.bg-\[rgba\(128\,92\,244\,0\.08\)\] {
  background-color: rgba(128,92,244,0.08);
}
.bg-\[rgba\(128\,92\,244\,0\.18\)\] {
  background-color: rgba(128,92,244,0.18);
}
.bg-\[rgba\(217\,70\,239\,0\.28\)\] {
  background-color: rgba(217,70,239,0.28);
}
.bg-\[var\(--v2-color-accent-soft-bg\)\] {
  background-color: var(--v2-color-accent-soft-bg);
}
.bg-\[var\(--v2-color-accent-strong\)\] {
  background-color: var(--v2-color-accent-strong);
}
.bg-\[var\(--v2-color-action-primary\)\] {
  background-color: var(--v2-color-action-primary);
}
.bg-\[var\(--v2-color-action-secondary-bg\)\] {
  background-color: var(--v2-color-action-secondary-bg);
}
.bg-\[var\(--v2-color-answer-card-bg\)\] {
  background-color: var(--v2-color-answer-card-bg);
}
.bg-\[var\(--v2-color-answer-metric-bg\)\] {
  background-color: var(--v2-color-answer-metric-bg);
}
.bg-\[var\(--v2-color-bg-active-soft\)\] {
  background-color: var(--v2-color-bg-active-soft);
}
.bg-\[var\(--v2-color-bg-brand-soft\)\] {
  background-color: var(--v2-color-bg-brand-soft);
}
.bg-\[var\(--v2-color-bg-hover\)\] {
  background-color: var(--v2-color-bg-hover);
}
.bg-\[var\(--v2-color-bg-soft\)\] {
  background-color: var(--v2-color-bg-soft);
}
.bg-\[var\(--v2-color-bg-soft\)\]\/35 {
  background-color: color-mix(in oklab, var(--v2-color-bg-soft) 35%, transparent);
}
.bg-\[var\(--v2-color-bg-soft\)\]\/50 {
  background-color: color-mix(in oklab, var(--v2-color-bg-soft) 50%, transparent);
}
.bg-\[var\(--v2-color-bg-soft\)\]\/70 {
  background-color: color-mix(in oklab, var(--v2-color-bg-soft) 70%, transparent);
}
.bg-\[var\(--v2-color-bg-soft\)\]\/80 {
  background-color: color-mix(in oklab, var(--v2-color-bg-soft) 80%, transparent);
}
.bg-\[var\(--v2-color-border\)\] {
  background-color: var(--v2-color-border);
}
.bg-\[var\(--v2-color-border-muted\)\] {
  background-color: var(--v2-color-border-muted);
}
.bg-\[var\(--v2-color-border-soft\)\] {
  background-color: var(--v2-color-border-soft);
}
.bg-\[var\(--v2-color-danger\)\] {
  background-color: var(--v2-color-danger);
}
.bg-\[var\(--v2-color-danger\,\#dc2626\)\] {
  background-color: var(--v2-color-danger,#dc2626);
}
.bg-\[var\(--v2-color-danger-soft-bg\)\] {
  background-color: var(--v2-color-danger-soft-bg);
}
.bg-\[var\(--v2-color-danger-soft-text\)\] {
  background-color: var(--v2-color-danger-soft-text);
}
.bg-\[var\(--v2-color-disabled-bg\)\] {
  background-color: var(--v2-color-disabled-bg);
}
.bg-\[var\(--v2-color-highlight-soft-bg\)\] {
  background-color: var(--v2-color-highlight-soft-bg);
}
.bg-\[var\(--v2-color-icon-muted\)\] {
  background-color: var(--v2-color-icon-muted);
}
.bg-\[var\(--v2-color-info-bubble-bg\)\] {
  background-color: var(--v2-color-info-bubble-bg);
}
.bg-\[var\(--v2-color-info-bubble-border\)\] {
  background-color: var(--v2-color-info-bubble-border);
}
.bg-\[var\(--v2-color-info-soft-bg\)\] {
  background-color: var(--v2-color-info-soft-bg);
}
.bg-\[var\(--v2-color-input-bg\,\#f9fafb\)\] {
  background-color: var(--v2-color-input-bg,#f9fafb);
}
.bg-\[var\(--v2-color-label-muted\)\] {
  background-color: var(--v2-color-label-muted);
}
.bg-\[var\(--v2-color-media-bg\)\] {
  background-color: var(--v2-color-media-bg);
}
.bg-\[var\(--v2-color-page-bg\)\] {
  background-color: var(--v2-color-page-bg);
}
.bg-\[var\(--v2-color-primary\)\] {
  background-color: var(--v2-color-primary);
}
.bg-\[var\(--v2-color-primary\)\]\/5 {
  background-color: color-mix(in oklab, var(--v2-color-primary) 5%, transparent);
}
.bg-\[var\(--v2-color-primary\)\]\/10 {
  background-color: color-mix(in oklab, var(--v2-color-primary) 10%, transparent);
}
.bg-\[var\(--v2-color-primary-faint\,\#ebefff\)\] {
  background-color: var(--v2-color-primary-faint,#ebefff);
}
.bg-\[var\(--v2-color-primary-light\)\] {
  background-color: var(--v2-color-primary-light);
}
.bg-\[var\(--v2-color-selection-bg\)\] {
  background-color: var(--v2-color-selection-bg);
}
.bg-\[var\(--v2-color-selection-bg\)\]\/60 {
  background-color: color-mix(in oklab, var(--v2-color-selection-bg) 60%, transparent);
}
.bg-\[var\(--v2-color-shopee-badge-bg\)\] {
  background-color: var(--v2-color-shopee-badge-bg);
}
.bg-\[var\(--v2-color-shopee-coupon-card-bg\)\] {
  background-color: var(--v2-color-shopee-coupon-card-bg);
}
.bg-\[var\(--v2-color-shopee-coupon-cell-bg\)\] {
  background-color: var(--v2-color-shopee-coupon-cell-bg);
}
.bg-\[var\(--v2-color-sla-danger-bg\)\] {
  background-color: var(--v2-color-sla-danger-bg);
}
.bg-\[var\(--v2-color-sla-neutral-bg\)\] {
  background-color: var(--v2-color-sla-neutral-bg);
}
.bg-\[var\(--v2-color-sla-success-bg\)\] {
  background-color: var(--v2-color-sla-success-bg);
}
.bg-\[var\(--v2-color-success\)\] {
  background-color: var(--v2-color-success);
}
.bg-\[var\(--v2-color-success-badge-bg\)\] {
  background-color: var(--v2-color-success-badge-bg);
}
.bg-\[var\(--v2-color-success-badge-text\)\] {
  background-color: var(--v2-color-success-badge-text);
}
.bg-\[var\(--v2-color-success-bubble-bg\)\] {
  background-color: var(--v2-color-success-bubble-bg);
}
.bg-\[var\(--v2-color-success-pill-bg\)\] {
  background-color: var(--v2-color-success-pill-bg);
}
.bg-\[var\(--v2-color-success-soft-bg\)\] {
  background-color: var(--v2-color-success-soft-bg);
}
.bg-\[var\(--v2-color-surface-bg\)\] {
  background-color: var(--v2-color-surface-bg);
}
.bg-\[var\(--v2-color-surface-bg\)\]\/70 {
  background-color: color-mix(in oklab, var(--v2-color-surface-bg) 70%, transparent);
}
.bg-\[var\(--v2-color-surface-bg\)\]\/80 {
  background-color: color-mix(in oklab, var(--v2-color-surface-bg) 80%, transparent);
}
.bg-\[var\(--v2-color-surface-bg\,\#fff\)\] {
  background-color: var(--v2-color-surface-bg,#fff);
}
.bg-\[var\(--v2-color-surface-muted\,\#f3f4f6\)\] {
  background-color: var(--v2-color-surface-muted,#f3f4f6);
}
.bg-\[var\(--v2-color-text-strong\)\] {
  background-color: var(--v2-color-text-strong);
}
.bg-\[var\(--v2-color-warning-badge-bg\)\] {
  background-color: var(--v2-color-warning-badge-bg);
}
.bg-\[var\(--v2-color-warning-soft-bg\)\] {
  background-color: var(--v2-color-warning-soft-bg);
}
.bg-amber-50 {
  background-color: var(--color-amber-50);
}
.bg-amber-50\/40 {
  background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
  }
}
.bg-amber-100 {
  background-color: var(--color-amber-100);
}
.bg-amber-400 {
  background-color: var(--color-amber-400);
}
.bg-amber-500 {
  background-color: var(--color-amber-500);
}
.bg-amber-500\/15 {
  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
  }
}
.bg-amber-600 {
  background-color: var(--color-amber-600);
}
.bg-black\/40 {
  background-color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
  }
}
.bg-black\/45 {
  background-color: color-mix(in srgb, #000 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
  }
}
.bg-black\/50 {
  background-color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.bg-black\/55 {
  background-color: color-mix(in srgb, #000 55%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
  }
}
.bg-black\/65 {
  background-color: color-mix(in srgb, #000 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 65%, transparent);
  }
}
.bg-black\/70 {
  background-color: color-mix(in srgb, #000 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
  }
}
.bg-black\/85 {
  background-color: color-mix(in srgb, #000 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 85%, transparent);
  }
}
.bg-black\/90 {
  background-color: color-mix(in srgb, #000 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 90%, transparent);
  }
}
.bg-blue-50 {
  background-color: var(--color-blue-50);
}
.bg-blue-50\/40 {
  background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
  }
}
.bg-blue-50\/60 {
  background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
  }
}
.bg-blue-100 {
  background-color: var(--color-blue-100);
}
.bg-blue-400 {
  background-color: var(--color-blue-400);
}
.bg-blue-600 {
  background-color: var(--color-blue-600);
}
.bg-current {
  background-color: currentColor;
}
.bg-emerald-50 {
  background-color: var(--color-emerald-50);
}
.bg-emerald-50\/50 {
  background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent);
  }
}
.bg-emerald-50\/60 {
  background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
  }
}
.bg-emerald-50\/80 {
  background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
  }
}
.bg-emerald-100 {
  background-color: var(--color-emerald-100);
}
.bg-emerald-200 {
  background-color: var(--color-emerald-200);
}
.bg-emerald-500 {
  background-color: var(--color-emerald-500);
}
.bg-emerald-500\/15 {
  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
  }
}
.bg-fuchsia-600 {
  background-color: var(--color-fuchsia-600);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-50\/50 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);
  }
}
.bg-gray-50\/70 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent);
  }
}
.bg-gray-50\/95 {
  background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 95%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-50) 95%, transparent);
  }
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-800 {
  background-color: var(--color-gray-800);
}
.bg-gray-900 {
  background-color: var(--color-gray-900);
}
.bg-gray-900\/60 {
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
  }
}
.bg-green-50 {
  background-color: var(--color-green-50);
}
.bg-green-500 {
  background-color: var(--color-green-500);
}
.bg-green-600 {
  background-color: var(--color-green-600);
}
.bg-indigo-50 {
  background-color: var(--color-indigo-50);
}
.bg-indigo-600 {
  background-color: var(--color-indigo-600);
}
.bg-lime-200 {
  background-color: var(--color-lime-200);
}
.bg-navy-100 {
  background-color: var(--color-navy-100);
}
.bg-navy-600 {
  background-color: var(--color-navy-600);
}
.bg-navy-600\/10 {
  background-color: color-mix(in srgb, #2e52fb 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-navy-600) 10%, transparent);
  }
}
.bg-navy-900 {
  background-color: var(--color-navy-900);
}
.bg-neutral-900\/45 {
  background-color: color-mix(in srgb, oklch(20.5% 0 0) 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-900) 45%, transparent);
  }
}
.bg-orange-50 {
  background-color: var(--color-orange-50);
}
.bg-orange-300 {
  background-color: var(--color-orange-300);
}
.bg-pink-100 {
  background-color: var(--color-pink-100);
}
.bg-purple-50 {
  background-color: var(--color-purple-50);
}
.bg-purple-50\/50 {
  background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent);
  }
}
.bg-purple-100 {
  background-color: var(--color-purple-100);
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-red-50\/50 {
  background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-50) 50%, transparent);
  }
}
.bg-red-50\/70 {
  background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-50) 70%, transparent);
  }
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-red-600 {
  background-color: var(--color-red-600);
}
.bg-red-900\/10 {
  background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
  }
}
.bg-rose-50 {
  background-color: var(--color-rose-50);
}
.bg-rose-500 {
  background-color: var(--color-rose-500);
}
.bg-rose-500\/15 {
  background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);
  }
}
.bg-rose-700 {
  background-color: var(--color-rose-700);
}
.bg-sky-50 {
  background-color: var(--color-sky-50);
}
.bg-slate-50 {
  background-color: var(--color-slate-50);
}
.bg-slate-100 {
  background-color: var(--color-slate-100);
}
.bg-slate-200 {
  background-color: var(--color-slate-200);
}
.bg-slate-200\/60 {
  background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-200) 60%, transparent);
  }
}
.bg-slate-200\/70 {
  background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
  }
}
.bg-slate-200\/80 {
  background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
  }
}
.bg-slate-200\/85 {
  background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-200) 85%, transparent);
  }
}
.bg-slate-200\/90 {
  background-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-200) 90%, transparent);
  }
}
.bg-slate-400 {
  background-color: var(--color-slate-400);
}
.bg-slate-900\/35 {
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 35%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-900) 35%, transparent);
  }
}
.bg-slate-900\/50 {
  background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
  }
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-50 {
  background-color: var(--color-violet-50);
}
.bg-violet-600 {
  background-color: var(--color-violet-600);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/5 {
  background-color: color-mix(in srgb, #fff 5%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
  }
}
.bg-white\/10 {
  background-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.bg-white\/30 {
  background-color: color-mix(in srgb, #fff 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
  }
}
.bg-white\/60 {
  background-color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.bg-white\/70 {
  background-color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}
.bg-gradient-to-br {
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  --tw-gradient-position: to right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-gradient-to-t {
  --tw-gradient-position: to top in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-\[linear-gradient\(135deg\,\#2F3452_0\%\,\#343962_52\%\,\#30345C_100\%\)\] {
  background-image: linear-gradient(135deg,#2F3452 0%,#343962 52%,#30345C 100%);
}
.bg-none {
  background-image: none;
}
.from-\[var\(--v2-color-accent-strong\)\] {
  --tw-gradient-from: var(--v2-color-accent-strong);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-\[var\(--v2-color-answer-avatar-from\)\] {
  --tw-gradient-from: var(--v2-color-answer-avatar-from);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-black\/30 {
  --tw-gradient-from: color-mix(in srgb, #000 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-from: color-mix(in oklab, var(--color-black) 30%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-blue-500 {
  --tw-gradient-from: var(--color-blue-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.via-purple-500 {
  --tw-gradient-via: var(--color-purple-500);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.to-\[var\(--v2-color-accent-strong-alt\)\] {
  --tw-gradient-to: var(--v2-color-accent-strong-alt);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-\[var\(--v2-color-answer-avatar-to\)\] {
  --tw-gradient-to: var(--v2-color-answer-avatar-to);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-500 {
  --tw-gradient-to: var(--color-pink-500);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
  --tw-gradient-to: transparent;
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.fill-\[\#2E52FB\] {
  fill: #2E52FB;
}
.fill-current {
  fill: currentColor;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.\!p-0 {
  padding: calc(var(--spacing) * 0) !important;
}
.\!p-1 {
  padding: calc(var(--spacing) * 1) !important;
}
.\!p-6 {
  padding: calc(var(--spacing) * 6) !important;
}
.\!p-8 {
  padding: calc(var(--spacing) * 8) !important;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-3\.5 {
  padding: calc(var(--spacing) * 3.5);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-12 {
  padding: calc(var(--spacing) * 12);
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[10px\] {
  padding: 10px;
}
.\!px-2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}
.\!px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5) !important;
}
.\!px-3 {
  padding-inline: calc(var(--spacing) * 3) !important;
}
.\!px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5) !important;
}
.\!px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}
.\!px-5 {
  padding-inline: calc(var(--spacing) * 5) !important;
}
.\!px-6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}
.\!px-7 {
  padding-inline: calc(var(--spacing) * 7) !important;
}
.\!px-8 {
  padding-inline: calc(var(--spacing) * 8) !important;
}
.\!px-16 {
  padding-inline: calc(var(--spacing) * 16) !important;
}
.px-0 {
  padding-inline: calc(var(--spacing) * 0);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-1\.5 {
  padding-inline: calc(var(--spacing) * 1.5);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-2\.5 {
  padding-inline: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-3\.5 {
  padding-inline: calc(var(--spacing) * 3.5);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-7 {
  padding-inline: calc(var(--spacing) * 7);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-12 {
  padding-inline: calc(var(--spacing) * 12);
}
.px-\[5px\] {
  padding-inline: 5px;
}
.px-\[8px\] {
  padding-inline: 8px;
}
.px-\[10px\] {
  padding-inline: 10px;
}
.px-\[12px\] {
  padding-inline: 12px;
}
.px-\[14px\] {
  padding-inline: 14px;
}
.px-\[18px\] {
  padding-inline: 18px;
}
.px-\[22px\] {
  padding-inline: 22px;
}
.px-\[25px\] {
  padding-inline: 25px;
}
.\!py-0 {
  padding-block: calc(var(--spacing) * 0) !important;
}
.\!py-1 {
  padding-block: calc(var(--spacing) * 1) !important;
}
.\!py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5) !important;
}
.\!py-2 {
  padding-block: calc(var(--spacing) * 2) !important;
}
.\!py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5) !important;
}
.\!py-3 {
  padding-block: calc(var(--spacing) * 3) !important;
}
.\!py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5) !important;
}
.\!py-4 {
  padding-block: calc(var(--spacing) * 4) !important;
}
.\!py-5 {
  padding-block: calc(var(--spacing) * 5) !important;
}
.\!py-12 {
  padding-block: calc(var(--spacing) * 12) !important;
}
.\!py-24 {
  padding-block: calc(var(--spacing) * 24) !important;
}
.\!py-\[2px\] {
  padding-block: 2px !important;
}
.\!py-\[6px\] {
  padding-block: 6px !important;
}
.\!py-\[22px\] {
  padding-block: 22px !important;
}
.py-0 {
  padding-block: calc(var(--spacing) * 0);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-7 {
  padding-block: calc(var(--spacing) * 7);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.py-12 {
  padding-block: calc(var(--spacing) * 12);
}
.py-14 {
  padding-block: calc(var(--spacing) * 14);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.py-\[3px\] {
  padding-block: 3px;
}
.py-\[4px\] {
  padding-block: 4px;
}
.py-\[8px\] {
  padding-block: 8px;
}
.py-\[10px\] {
  padding-block: 10px;
}
.py-\[18px\] {
  padding-block: 18px;
}
.py-\[20px\] {
  padding-block: 20px;
}
.py-\[24px\] {
  padding-block: 24px;
}
.py-\[30px\] {
  padding-block: 30px;
}
.\!pt-3 {
  padding-top: calc(var(--spacing) * 3) !important;
}
.\!pt-5 {
  padding-top: calc(var(--spacing) * 5) !important;
}
.\!pt-6 {
  padding-top: calc(var(--spacing) * 6) !important;
}
.\!pt-7 {
  padding-top: calc(var(--spacing) * 7) !important;
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-2\.5 {
  padding-top: calc(var(--spacing) * 2.5);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-3\.5 {
  padding-top: calc(var(--spacing) * 3.5);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-9 {
  padding-top: calc(var(--spacing) * 9);
}
.pt-\[2px\] {
  padding-top: 2px;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.pt-\[5px\] {
  padding-top: 5px;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[15px\] {
  padding-top: 15px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[102px\] {
  padding-top: 102px;
}
.\!pr-2 {
  padding-right: calc(var(--spacing) * 2) !important;
}
.\!pr-3 {
  padding-right: calc(var(--spacing) * 3) !important;
}
.\!pr-4 {
  padding-right: calc(var(--spacing) * 4) !important;
}
.\!pr-9 {
  padding-right: calc(var(--spacing) * 9) !important;
}
.\!pr-16 {
  padding-right: calc(var(--spacing) * 16) !important;
}
.pr-0 {
  padding-right: calc(var(--spacing) * 0);
}
.pr-1 {
  padding-right: calc(var(--spacing) * 1);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-5 {
  padding-right: calc(var(--spacing) * 5);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-9 {
  padding-right: calc(var(--spacing) * 9);
}
.pr-10 {
  padding-right: calc(var(--spacing) * 10);
}
.pr-12 {
  padding-right: calc(var(--spacing) * 12);
}
.pr-\[29px\] {
  padding-right: 29px;
}
.\!pb-5 {
  padding-bottom: calc(var(--spacing) * 5) !important;
}
.\!pb-6 {
  padding-bottom: calc(var(--spacing) * 6) !important;
}
.\!pb-8 {
  padding-bottom: calc(var(--spacing) * 8) !important;
}
.\!pb-10 {
  padding-bottom: calc(var(--spacing) * 10) !important;
}
.pb-0 {
  padding-bottom: calc(var(--spacing) * 0);
}
.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-1\.5 {
  padding-bottom: calc(var(--spacing) * 1.5);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-2\.5 {
  padding-bottom: calc(var(--spacing) * 2.5);
}
.pb-3 {
  padding-bottom: calc(var(--spacing) * 3);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pb-28 {
  padding-bottom: calc(var(--spacing) * 28);
}
.pb-56 {
  padding-bottom: calc(var(--spacing) * 56);
}
.pb-\[2px\] {
  padding-bottom: 2px;
}
.pb-\[6px\] {
  padding-bottom: 6px;
}
.pb-\[26px\] {
  padding-bottom: 26px;
}
.\!pl-3 {
  padding-left: calc(var(--spacing) * 3) !important;
}
.\!pl-4 {
  padding-left: calc(var(--spacing) * 4) !important;
}
.\!pl-6 {
  padding-left: calc(var(--spacing) * 6) !important;
}
.\!pl-8 {
  padding-left: calc(var(--spacing) * 8) !important;
}
.\!pl-9 {
  padding-left: calc(var(--spacing) * 9) !important;
}
.\!pl-10 {
  padding-left: calc(var(--spacing) * 10) !important;
}
.pl-0 {
  padding-left: calc(var(--spacing) * 0);
}
.pl-1 {
  padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
  padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-7 {
  padding-left: calc(var(--spacing) * 7);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-9 {
  padding-left: calc(var(--spacing) * 9);
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10);
}
.pl-11 {
  padding-left: calc(var(--spacing) * 11);
}
.pl-12 {
  padding-left: calc(var(--spacing) * 12);
}
.pl-\[5px\] {
  padding-left: 5px;
}
.pl-\[18px\] {
  padding-left: 18px;
}
.pl-\[19px\] {
  padding-left: 19px;
}
.pl-\[21px\] {
  padding-left: 21px;
}
.pl-\[25px\] {
  padding-left: 25px;
}
.pl-\[72px\] {
  padding-left: 72px;
}
.\!text-center {
  text-align: center !important;
}
.\!text-left {
  text-align: left !important;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.\!font-mono {
  font-family: var(--font-mono) !important;
}
.\[font-family\:\'Plus_Jakarta_Sans\'\,sans-serif\] {
  font-family: 'Plus Jakarta Sans',sans-serif;
}
.\[font-family\:inherit\] {
  font-family: inherit;
}
.font-\[\"Plus_Jakarta_Sans\"\] {
  font-family: "Plus Jakarta Sans";
}
.font-\[\'Plus_Jakarta_Sans\'\] {
  font-family: 'Plus Jakarta Sans';
}
.font-\[inherit\] {
  font-family: inherit;
}
.font-mono {
  font-family: var(--font-mono);
}
.\!text-3xl {
  font-size: var(--text-3xl) !important;
  line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
}
.\!text-sm {
  font-size: var(--text-sm) !important;
  line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
}
.\!text-xs {
  font-size: var(--text-xs) !important;
  line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\!text-\[10px\] {
  font-size: 10px !important;
}
.\!text-\[11px\] {
  font-size: 11px !important;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[13px\] {
  font-size: 13px !important;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[15px\] {
  font-size: 15px !important;
}
.\!text-\[16px\] {
  font-size: 16px !important;
}
.\!text-\[17px\] {
  font-size: 17px !important;
}
.\!text-\[20px\] {
  font-size: 20px !important;
}
.\!text-\[30px\] {
  font-size: 30px !important;
}
.\!text-\[52px\] {
  font-size: 52px !important;
}
.text-\[0\.95rem\] {
  font-size: 0.95rem;
}
.text-\[1\.25rem\] {
  font-size: 1.25rem;
}
.text-\[1\.125rem\] {
  font-size: 1.125rem;
}
.text-\[8px\] {
  font-size: 8px;
}
.text-\[9px\] {
  font-size: 9px;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12\.5px\] {
  font-size: 12.5px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[36px\] {
  font-size: 36px;
}
.\!leading-4 {
  --tw-leading: calc(var(--spacing) * 4) !important;
  line-height: calc(var(--spacing) * 4) !important;
}
.\!leading-5 {
  --tw-leading: calc(var(--spacing) * 5) !important;
  line-height: calc(var(--spacing) * 5) !important;
}
.\!leading-6 {
  --tw-leading: calc(var(--spacing) * 6) !important;
  line-height: calc(var(--spacing) * 6) !important;
}
.\!leading-7 {
  --tw-leading: calc(var(--spacing) * 7) !important;
  line-height: calc(var(--spacing) * 7) !important;
}
.\!leading-8 {
  --tw-leading: calc(var(--spacing) * 8) !important;
  line-height: calc(var(--spacing) * 8) !important;
}
.\!leading-9 {
  --tw-leading: calc(var(--spacing) * 9) !important;
  line-height: calc(var(--spacing) * 9) !important;
}
.\!leading-\[1\.2\] {
  --tw-leading: 1.2 !important;
  line-height: 1.2 !important;
}
.\!leading-\[1\.04\] {
  --tw-leading: 1.04 !important;
  line-height: 1.04 !important;
}
.\!leading-\[1\.16\] {
  --tw-leading: 1.16 !important;
  line-height: 1.16 !important;
}
.\!leading-\[18px\] {
  --tw-leading: 18px !important;
  line-height: 18px !important;
}
.\!leading-\[19px\] {
  --tw-leading: 19px !important;
  line-height: 19px !important;
}
.\!leading-none {
  --tw-leading: 1 !important;
  line-height: 1 !important;
}
.\!leading-relaxed {
  --tw-leading: var(--leading-relaxed) !important;
  line-height: var(--leading-relaxed) !important;
}
.\!leading-tight {
  --tw-leading: var(--leading-tight) !important;
  line-height: var(--leading-tight) !important;
}
.leading-3 {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}
.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.leading-8 {
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
}
.leading-\[1\.1\] {
  --tw-leading: 1.1;
  line-height: 1.1;
}
.leading-\[1\.2\] {
  --tw-leading: 1.2;
  line-height: 1.2;
}
.leading-\[1\.3\] {
  --tw-leading: 1.3;
  line-height: 1.3;
}
.leading-\[1\.6\] {
  --tw-leading: 1.6;
  line-height: 1.6;
}
.leading-\[1\.15\] {
  --tw-leading: 1.15;
  line-height: 1.15;
}
.leading-\[1\.22\] {
  --tw-leading: 1.22;
  line-height: 1.22;
}
.leading-\[1\.35\] {
  --tw-leading: 1.35;
  line-height: 1.35;
}
.leading-\[1\.45\] {
  --tw-leading: 1.45;
  line-height: 1.45;
}
.leading-\[18px\] {
  --tw-leading: 18px;
  line-height: 18px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-snug {
  --tw-leading: var(--leading-snug);
  line-height: var(--leading-snug);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.\!font-bold {
  --tw-font-weight: var(--font-weight-bold) !important;
  font-weight: var(--font-weight-bold) !important;
}
.\!font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold) !important;
  font-weight: var(--font-weight-extrabold) !important;
}
.\!font-medium {
  --tw-font-weight: var(--font-weight-medium) !important;
  font-weight: var(--font-weight-medium) !important;
}
.\!font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.\!font-semibold {
  --tw-font-weight: var(--font-weight-semibold) !important;
  font-weight: var(--font-weight-semibold) !important;
}
.font-black {
  --tw-font-weight: var(--font-weight-black);
  font-weight: var(--font-weight-black);
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-extrabold {
  --tw-font-weight: var(--font-weight-extrabold);
  font-weight: var(--font-weight-extrabold);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.\!tracking-\[-0\.02em\] {
  --tw-tracking: -0.02em !important;
  letter-spacing: -0.02em !important;
}
.\!tracking-\[-0\.03em\] {
  --tw-tracking: -0.03em !important;
  letter-spacing: -0.03em !important;
}
.\!tracking-\[-0\.04em\] {
  --tw-tracking: -0.04em !important;
  letter-spacing: -0.04em !important;
}
.\!tracking-\[0\.06em\] {
  --tw-tracking: 0.06em !important;
  letter-spacing: 0.06em !important;
}
.\!tracking-tight {
  --tw-tracking: var(--tracking-tight) !important;
  letter-spacing: var(--tracking-tight) !important;
}
.\!tracking-wide {
  --tw-tracking: var(--tracking-wide) !important;
  letter-spacing: var(--tracking-wide) !important;
}
.\!tracking-wider {
  --tw-tracking: var(--tracking-wider) !important;
  letter-spacing: var(--tracking-wider) !important;
}
.\!tracking-widest {
  --tw-tracking: var(--tracking-widest) !important;
  letter-spacing: var(--tracking-widest) !important;
}
.tracking-\[0\.06em\] {
  --tw-tracking: 0.06em;
  letter-spacing: 0.06em;
}
.tracking-\[0\.08em\] {
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
}
.tracking-\[0\.12em\] {
  --tw-tracking: 0.12em;
  letter-spacing: 0.12em;
}
.tracking-\[0\.14em\] {
  --tw-tracking: 0.14em;
  letter-spacing: 0.14em;
}
.tracking-normal {
  --tw-tracking: var(--tracking-normal);
  letter-spacing: var(--tracking-normal);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
  --tw-tracking: var(--tracking-tighter);
  letter-spacing: var(--tracking-tighter);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.\!whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.\!text-\[\#1F5BFF\] {
  color: #1F5BFF !important;
}
.\!text-\[\#1FF1A5\] {
  color: #1FF1A5 !important;
}
.\!text-\[\#1f2937\] {
  color: #1f2937 !important;
}
.\!text-\[\#2E7DFF\] {
  color: #2E7DFF !important;
}
.\!text-\[\#2E52FB\] {
  color: #2E52FB !important;
}
.\!text-\[\#4D93FF\] {
  color: #4D93FF !important;
}
.\!text-\[\#4F5B72\] {
  color: #4F5B72 !important;
}
.\!text-\[\#5D6A7E\] {
  color: #5D6A7E !important;
}
.\!text-\[\#8FA2C4\] {
  color: #8FA2C4 !important;
}
.\!text-\[\#9AA3B8\] {
  color: #9AA3B8 !important;
}
.\!text-\[\#22D3EE\] {
  color: #22D3EE !important;
}
.\!text-\[\#24D6A8\] {
  color: #24D6A8 !important;
}
.\!text-\[\#94a3b8\] {
  color: #94a3b8 !important;
}
.\!text-\[\#101B35\] {
  color: #101B35 !important;
}
.\!text-\[\#202B46\] {
  color: #202B46 !important;
}
.\!text-\[\#22304A\] {
  color: #22304A !important;
}
.\!text-\[\#059669\] {
  color: #059669 !important;
}
.\!text-\[\#60738F\] {
  color: #60738F !important;
}
.\!text-\[\#69758A\] {
  color: #69758A !important;
}
.\!text-\[\#172033\] {
  color: #172033 !important;
}
.\!text-\[\#344054\] {
  color: #344054 !important;
}
.\!text-\[\#596275\] {
  color: #596275 !important;
}
.\!text-\[\#667085\] {
  color: #667085 !important;
}
.\!text-\[\#B37BFF\] {
  color: #B37BFF !important;
}
.\!text-\[\#D3DAE8\] {
  color: #D3DAE8 !important;
}
.\!text-\[\#D946EF\] {
  color: #D946EF !important;
}
.\!text-\[\#DDE6F3\] {
  color: #DDE6F3 !important;
}
.\!text-\[\#E6ECF5\] {
  color: #E6ECF5 !important;
}
.\!text-\[\#FFD84D\] {
  color: #FFD84D !important;
}
.\!text-\[var\(--v2-color-danger-soft-text\)\] {
  color: var(--v2-color-danger-soft-text) !important;
}
.\!text-\[var\(--v2-color-heading\)\] {
  color: var(--v2-color-heading) !important;
}
.\!text-\[var\(--v2-color-label-muted\)\] {
  color: var(--v2-color-label-muted) !important;
}
.\!text-\[var\(--v2-color-primary\)\] {
  color: var(--v2-color-primary) !important;
}
.\!text-\[var\(--v2-color-selection-text\)\] {
  color: var(--v2-color-selection-text) !important;
}
.\!text-\[var\(--v2-color-text-muted\)\] {
  color: var(--v2-color-text-muted) !important;
}
.\!text-amber-500 {
  color: var(--color-amber-500) !important;
}
.\!text-amber-600 {
  color: var(--color-amber-600) !important;
}
.\!text-amber-700 {
  color: var(--color-amber-700) !important;
}
.\!text-blue-500 {
  color: var(--color-blue-500) !important;
}
.\!text-emerald-500 {
  color: var(--color-emerald-500) !important;
}
.\!text-emerald-600 {
  color: var(--color-emerald-600) !important;
}
.\!text-emerald-700 {
  color: var(--color-emerald-700) !important;
}
.\!text-gray-200 {
  color: var(--color-gray-200) !important;
}
.\!text-gray-300 {
  color: var(--color-gray-300) !important;
}
.\!text-gray-400 {
  color: var(--color-gray-400) !important;
}
.\!text-gray-500 {
  color: var(--color-gray-500) !important;
}
.\!text-gray-600 {
  color: var(--color-gray-600) !important;
}
.\!text-gray-700 {
  color: var(--color-gray-700) !important;
}
.\!text-gray-800 {
  color: var(--color-gray-800) !important;
}
.\!text-gray-900 {
  color: var(--color-gray-900) !important;
}
.\!text-navy-900 {
  color: var(--color-navy-900) !important;
}
.\!text-orange-500 {
  color: var(--color-orange-500) !important;
}
.\!text-purple-500 {
  color: var(--color-purple-500) !important;
}
.\!text-purple-600 {
  color: var(--color-purple-600) !important;
}
.\!text-red-500 {
  color: var(--color-red-500) !important;
}
.\!text-red-600\/80 {
  color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 80%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-600) 80%, transparent) !important;
  }
}
.\!text-red-700 {
  color: var(--color-red-700) !important;
}
.\!text-slate-500 {
  color: var(--color-slate-500) !important;
}
.\!text-slate-600 {
  color: var(--color-slate-600) !important;
}
.\!text-white {
  color: var(--color-white) !important;
}
.text-\[\#0b5fff\] {
  color: #0b5fff;
}
.text-\[\#0d5bff\] {
  color: #0d5bff;
}
.text-\[\#0f1f3d\] {
  color: #0f1f3d;
}
.text-\[\#00a678\] {
  color: #00a678;
}
.text-\[\#1C2238\] {
  color: #1C2238;
}
.text-\[\#1E2D4C\] {
  color: #1E2D4C;
}
.text-\[\#1F2A44\] {
  color: #1F2A44;
}
.text-\[\#1d4ed8\] {
  color: #1d4ed8;
}
.text-\[\#1f2a44\] {
  color: #1f2a44;
}
.text-\[\#1f4fff\] {
  color: #1f4fff;
}
.text-\[\#1f2933\] {
  color: #1f2933;
}
.text-\[\#1f2937\] {
  color: #1f2937;
}
.text-\[\#2D3277\] {
  color: #2D3277;
}
.text-\[\#2DD4BF\] {
  color: #2DD4BF;
}
.text-\[\#2E52FB\] {
  color: #2E52FB;
}
.text-\[\#2F5BFF\] {
  color: #2F5BFF;
}
.text-\[\#2d3245\] {
  color: #2d3245;
}
.text-\[\#2e7d32\] {
  color: #2e7d32;
}
.text-\[\#2e52fb\] {
  color: #2e52fb;
}
.text-\[\#2f80ff\] {
  color: #2f80ff;
}
.text-\[\#3A6BFF\] {
  color: #3A6BFF;
}
.text-\[\#3C5DF2\] {
  color: #3C5DF2;
}
.text-\[\#3b35ff\] {
  color: #3b35ff;
}
.text-\[\#3b82f6\] {
  color: #3b82f6;
}
.text-\[\#4a6572\] {
  color: #4a6572;
}
.text-\[\#4b5a6c\] {
  color: #4b5a6c;
}
.text-\[\#4b5563\] {
  color: #4b5563;
}
.text-\[\#4f6480\] {
  color: #4f6480;
}
.text-\[\#005dff\] {
  color: #005dff;
}
.text-\[\#5A6B88\] {
  color: #5A6B88;
}
.text-\[\#5AB875\] {
  color: #5AB875;
}
.text-\[\#5E6E89\] {
  color: #5E6E89;
}
.text-\[\#5aa1d8\] {
  color: #5aa1d8;
}
.text-\[\#6b7280\] {
  color: #6b7280;
}
.text-\[\#7C8DAA\] {
  color: #7C8DAA;
}
.text-\[\#7E8FAE\] {
  color: #7E8FAE;
}
.text-\[\#7a3412\] {
  color: #7a3412;
}
.text-\[\#008a5f\] {
  color: #008a5f;
}
.text-\[\#8EA2CC\] {
  color: #8EA2CC;
}
.text-\[\#8FA0C1\] {
  color: #8FA0C1;
}
.text-\[\#8a00db\] {
  color: #8a00db;
}
.text-\[\#8a96a8\] {
  color: #8a96a8;
}
.text-\[\#8fa0b8\] {
  color: #8fa0b8;
}
.text-\[\#9DB9FF\] {
  color: #9DB9FF;
}
.text-\[\#9FB0CF\] {
  color: #9FB0CF;
}
.text-\[\#9aa7ba\] {
  color: #9aa7ba;
}
.text-\[\#9ca3af\] {
  color: #9ca3af;
}
.text-\[\#10B981\] {
  color: #10B981;
}
.text-\[\#28a745\] {
  color: #28a745;
}
.text-\[\#60A5FA\] {
  color: #60A5FA;
}
.text-\[\#0066ff\] {
  color: #0066ff;
}
.text-\[\#0087c4\] {
  color: #0087c4;
}
.text-\[\#91A2C4\] {
  color: #91A2C4;
}
.text-\[\#98a4b5\] {
  color: #98a4b5;
}
.text-\[\#98a5b8\] {
  color: #98a5b8;
}
.text-\[\#174ea6\] {
  color: #174ea6;
}
.text-\[\#333\] {
  color: #333;
}
.text-\[\#666\] {
  color: #666;
}
.text-\[\#805CF4\] {
  color: #805CF4;
}
.text-\[\#999\] {
  color: #999;
}
.text-\[\#2563eb\] {
  color: #2563eb;
}
.text-\[\#3559E6\] {
  color: #3559E6;
}
.text-\[\#5978BB\] {
  color: #5978BB;
}
.text-\[\#26314d\] {
  color: #26314d;
}
.text-\[\#26344d\] {
  color: #26344d;
}
.text-\[\#35445f\] {
  color: #35445f;
}
.text-\[\#53617a\] {
  color: #53617a;
}
.text-\[\#54656F\] {
  color: #54656F;
}
.text-\[\#58677d\] {
  color: #58677d;
}
.text-\[\#64748b\] {
  color: #64748b;
}
.text-\[\#66748a\] {
  color: #66748a;
}
.text-\[\#92400e\] {
  color: #92400e;
}
.text-\[\#111827\] {
  color: #111827;
}
.text-\[\#131921\] {
  color: #131921;
}
.text-\[\#172033\] {
  color: #172033;
}
.text-\[\#303030\] {
  color: #303030;
}
.text-\[\#333333\] {
  color: #333333;
}
.text-\[\#334155\] {
  color: #334155;
}
.text-\[\#344054\] {
  color: #344054;
}
.text-\[\#374151\] {
  color: #374151;
}
.text-\[\#475569\] {
  color: #475569;
}
.text-\[\#556784\] {
  color: #556784;
}
.text-\[\#667085\] {
  color: #667085;
}
.text-\[\#667781\] {
  color: #667781;
}
.text-\[\#A8B3C7\] {
  color: #A8B3C7;
}
.text-\[\#A8C4FF\] {
  color: #A8C4FF;
}
.text-\[\#A78BFA\] {
  color: #A78BFA;
}
.text-\[\#A855F7\] {
  color: #A855F7;
}
.text-\[\#AAB1CC\] {
  color: #AAB1CC;
}
.text-\[\#AFC2E8\] {
  color: #AFC2E8;
}
.text-\[\#B8C2D0\] {
  color: #B8C2D0;
}
.text-\[\#C7D7F8\] {
  color: #C7D7F8;
}
.text-\[\#D2D7EF\] {
  color: #D2D7EF;
}
.text-\[\#DCE7FF\] {
  color: #DCE7FF;
}
.text-\[\#E879F9\] {
  color: #E879F9;
}
.text-\[\#a100ff\] {
  color: #a100ff;
}
.text-\[\#b2dfdb\] {
  color: #b2dfdb;
}
.text-\[\#ccc\] {
  color: #ccc;
}
.text-\[\#d55712\] {
  color: #d55712;
}
.text-\[\#d72655\] {
  color: #d72655;
}
.text-\[\#d97706\] {
  color: #d97706;
}
.text-\[\#dc2626\] {
  color: #dc2626;
}
.text-\[\#f9fafb80\] {
  color: #f9fafb80;
}
.text-\[\#f28c28\] {
  color: #f28c28;
}
.text-\[\#f59e0b\] {
  color: #f59e0b;
}
.text-\[\#ff9c1a\] {
  color: #ff9c1a;
}
.text-\[\#ff9800\] {
  color: #ff9800;
}
.text-\[rgba\(0\,0\,0\,0\.8\)\] {
  color: rgba(0,0,0,0.8);
}
.text-\[rgba\(0\,0\,0\,0\.54\)\] {
  color: rgba(0,0,0,0.54);
}
.text-\[var\(--v2-color-accent\)\] {
  color: var(--v2-color-accent);
}
.text-\[var\(--v2-color-accent-strong\)\] {
  color: var(--v2-color-accent-strong);
}
.text-\[var\(--v2-color-action-secondary-text\)\] {
  color: var(--v2-color-action-secondary-text);
}
.text-\[var\(--v2-color-answer-meta\)\] {
  color: var(--v2-color-answer-meta);
}
.text-\[var\(--v2-color-answer-meta-strong\)\] {
  color: var(--v2-color-answer-meta-strong);
}
.text-\[var\(--v2-color-answer-metric-label\)\] {
  color: var(--v2-color-answer-metric-label);
}
.text-\[var\(--v2-color-answer-metric-value\)\] {
  color: var(--v2-color-answer-metric-value);
}
.text-\[var\(--v2-color-border\)\] {
  color: var(--v2-color-border);
}
.text-\[var\(--v2-color-border-muted\)\] {
  color: var(--v2-color-border-muted);
}
.text-\[var\(--v2-color-danger\)\] {
  color: var(--v2-color-danger);
}
.text-\[var\(--v2-color-danger\,\#EF4444\)\] {
  color: var(--v2-color-danger,#EF4444);
}
.text-\[var\(--v2-color-danger\,\#dc2626\)\] {
  color: var(--v2-color-danger,#dc2626);
}
.text-\[var\(--v2-color-danger-soft-text\)\] {
  color: var(--v2-color-danger-soft-text);
}
.text-\[var\(--v2-color-disabled-text\)\] {
  color: var(--v2-color-disabled-text);
}
.text-\[var\(--v2-color-error\,\#e53e3e\)\] {
  color: var(--v2-color-error,#e53e3e);
}
.text-\[var\(--v2-color-heading\)\] {
  color: var(--v2-color-heading);
}
.text-\[var\(--v2-color-highlight-soft-text\)\] {
  color: var(--v2-color-highlight-soft-text);
}
.text-\[var\(--v2-color-icon-muted\)\] {
  color: var(--v2-color-icon-muted);
}
.text-\[var\(--v2-color-info-bubble-text\)\] {
  color: var(--v2-color-info-bubble-text);
}
.text-\[var\(--v2-color-info-soft-text\)\] {
  color: var(--v2-color-info-soft-text);
}
.text-\[var\(--v2-color-label-muted\)\] {
  color: var(--v2-color-label-muted);
}
.text-\[var\(--v2-color-placeholder\)\] {
  color: var(--v2-color-placeholder);
}
.text-\[var\(--v2-color-primary\)\] {
  color: var(--v2-color-primary);
}
.text-\[var\(--v2-color-selection-text\)\] {
  color: var(--v2-color-selection-text);
}
.text-\[var\(--v2-color-shopee-badge-text\)\] {
  color: var(--v2-color-shopee-badge-text);
}
.text-\[var\(--v2-color-shopee-coupon-cell-label\)\] {
  color: var(--v2-color-shopee-coupon-cell-label);
}
.text-\[var\(--v2-color-shopee-coupon-cell-value\)\] {
  color: var(--v2-color-shopee-coupon-cell-value);
}
.text-\[var\(--v2-color-shopee-coupon-code-text\)\] {
  color: var(--v2-color-shopee-coupon-code-text);
}
.text-\[var\(--v2-color-shopee-coupon-discount-text\)\] {
  color: var(--v2-color-shopee-coupon-discount-text);
}
.text-\[var\(--v2-color-sla-danger-label\)\] {
  color: var(--v2-color-sla-danger-label);
}
.text-\[var\(--v2-color-sla-danger-value\)\] {
  color: var(--v2-color-sla-danger-value);
}
.text-\[var\(--v2-color-sla-neutral-label\)\] {
  color: var(--v2-color-sla-neutral-label);
}
.text-\[var\(--v2-color-sla-neutral-value\)\] {
  color: var(--v2-color-sla-neutral-value);
}
.text-\[var\(--v2-color-sla-success-label\)\] {
  color: var(--v2-color-sla-success-label);
}
.text-\[var\(--v2-color-sla-success-value\)\] {
  color: var(--v2-color-sla-success-value);
}
.text-\[var\(--v2-color-success\)\] {
  color: var(--v2-color-success);
}
.text-\[var\(--v2-color-success\,\#22c55e\)\] {
  color: var(--v2-color-success,#22c55e);
}
.text-\[var\(--v2-color-success-badge-text\)\] {
  color: var(--v2-color-success-badge-text);
}
.text-\[var\(--v2-color-success-bubble-text\)\] {
  color: var(--v2-color-success-bubble-text);
}
.text-\[var\(--v2-color-surface-bg\)\] {
  color: var(--v2-color-surface-bg);
}
.text-\[var\(--v2-color-text-muted\)\] {
  color: var(--v2-color-text-muted);
}
.text-\[var\(--v2-color-text-primary\)\] {
  color: var(--v2-color-text-primary);
}
.text-\[var\(--v2-color-text-secondary\)\] {
  color: var(--v2-color-text-secondary);
}
.text-\[var\(--v2-color-text-strong\)\] {
  color: var(--v2-color-text-strong);
}
.text-\[var\(--v2-color-warning\)\] {
  color: var(--v2-color-warning);
}
.text-\[var\(--v2-color-warning-badge-text\)\] {
  color: var(--v2-color-warning-badge-text);
}
.text-\[var\(--v2-color-warning-soft-icon\)\] {
  color: var(--v2-color-warning-soft-icon);
}
.text-\[var\(--v2-color-warning-soft-strong\)\] {
  color: var(--v2-color-warning-soft-strong);
}
.text-\[var\(--v2-color-warning-soft-text\)\] {
  color: var(--v2-color-warning-soft-text);
}
.text-amber-500 {
  color: var(--color-amber-500);
}
.text-amber-600 {
  color: var(--color-amber-600);
}
.text-amber-700 {
  color: var(--color-amber-700);
}
.text-amber-800 {
  color: var(--color-amber-800);
}
.text-amber-900 {
  color: var(--color-amber-900);
}
.text-black {
  color: var(--color-black);
}
.text-blue-400 {
  color: var(--color-blue-400);
}
.text-blue-500 {
  color: var(--color-blue-500);
}
.text-blue-600 {
  color: var(--color-blue-600);
}
.text-blue-700 {
  color: var(--color-blue-700);
}
.text-blue-800 {
  color: var(--color-blue-800);
}
.text-blue-900 {
  color: var(--color-blue-900);
}
.text-current {
  color: currentColor;
}
.text-emerald-500 {
  color: var(--color-emerald-500);
}
.text-emerald-600 {
  color: var(--color-emerald-600);
}
.text-emerald-700 {
  color: var(--color-emerald-700);
}
.text-emerald-800 {
  color: var(--color-emerald-800);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-green-600 {
  color: var(--color-green-600);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-indigo-600 {
  color: var(--color-indigo-600);
}
.text-indigo-700 {
  color: var(--color-indigo-700);
}
.text-navy-600 {
  color: var(--color-navy-600);
}
.text-navy-900 {
  color: var(--color-navy-900);
}
.text-orange-400 {
  color: var(--color-orange-400);
}
.text-orange-600 {
  color: var(--color-orange-600);
}
.text-orange-700 {
  color: var(--color-orange-700);
}
.text-purple-600 {
  color: var(--color-purple-600);
}
.text-purple-700 {
  color: var(--color-purple-700);
}
.text-red-400 {
  color: var(--color-red-400);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-red-600\/80 {
  color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-red-600) 80%, transparent);
  }
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-red-800 {
  color: var(--color-red-800);
}
.text-rose-500 {
  color: var(--color-rose-500);
}
.text-rose-600 {
  color: var(--color-rose-600);
}
.text-rose-700 {
  color: var(--color-rose-700);
}
.text-rose-800 {
  color: var(--color-rose-800);
}
.text-rose-900 {
  color: var(--color-rose-900);
}
.text-sky-700 {
  color: var(--color-sky-700);
}
.text-slate-300 {
  color: var(--color-slate-300);
}
.text-slate-400 {
  color: var(--color-slate-400);
}
.text-slate-500 {
  color: var(--color-slate-500);
}
.text-slate-600 {
  color: var(--color-slate-600);
}
.text-slate-700 {
  color: var(--color-slate-700);
}
.text-slate-800 {
  color: var(--color-slate-800);
}
.text-slate-900 {
  color: var(--color-slate-900);
}
.text-transparent {
  color: transparent;
}
.text-violet-600 {
  color: var(--color-violet-600);
}
.text-violet-700 {
  color: var(--color-violet-700);
}
.text-white {
  color: var(--color-white);
}
.text-white\/40 {
  color: color-mix(in srgb, #fff 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.text-white\/60 {
  color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 60%, transparent);
  }
}
.text-white\/70 {
  color: color-mix(in srgb, #fff 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.text-white\/75 {
  color: color-mix(in srgb, #fff 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 75%, transparent);
  }
}
.text-white\/80 {
  color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.text-white\/85 {
  color: color-mix(in srgb, #fff 85%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 85%, transparent);
  }
}
.text-white\/90 {
  color: color-mix(in srgb, #fff 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white) 90%, transparent);
  }
}
.\!lowercase {
  text-transform: lowercase !important;
}
.\!normal-case {
  text-transform: none !important;
}
.\!uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.normal-case {
  text-transform: none;
}
.uppercase {
  text-transform: uppercase;
}
.\!italic {
  font-style: italic !important;
}
.italic {
  font-style: italic;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.overline {
  text-decoration-line: overline;
}
.underline {
  text-decoration-line: underline;
}
.placeholder-\[var\(--v2-color-placeholder\)\] {
  &::placeholder {
    color: var(--v2-color-placeholder);
  }
}
.placeholder-gray-400 {
  &::placeholder {
    color: var(--color-gray-400);
  }
}
.\!accent-blue-600 {
  accent-color: var(--color-blue-600) !important;
}
.accent-\[\#2e52fb\] {
  accent-color: #2e52fb;
}
.accent-\[\#4f46e5\] {
  accent-color: #4f46e5;
}
.accent-\[var\(--v2-color-primary\)\] {
  accent-color: var(--v2-color-primary);
}
.accent-blue-500 {
  accent-color: var(--color-blue-500);
}
.accent-blue-600 {
  accent-color: var(--color-blue-600);
}
.accent-navy-600 {
  accent-color: var(--color-navy-600);
}
.\!opacity-30 {
  opacity: 30% !important;
}
.\!opacity-60 {
  opacity: 60% !important;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-30 {
  opacity: 30%;
}
.opacity-35 {
  opacity: 35%;
}
.opacity-40 {
  opacity: 40%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-60 {
  opacity: 60%;
}
.opacity-65 {
  opacity: 65%;
}
.opacity-70 {
  opacity: 70%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-80 {
  opacity: 80%;
}
.opacity-90 {
  opacity: 90%;
}
.opacity-95 {
  opacity: 95%;
}
.opacity-100 {
  opacity: 100%;
}
.opacity-\[0\.04\] {
  opacity: 0.04;
}
.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.\!shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_-6px_14px_rgba\(15\,23\,42\,0\.06\)\] {
  --tw-shadow: 0 -6px 14px var(--tw-shadow-color, rgba(15,23,42,0.06));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(46\,82\,251\,0\.12\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(46,82,251,0.12));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_0_1px_rgba\(110\,160\,255\,0\.18\)\] {
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(110,160,255,0.18));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1px_0_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 1px 0 var(--tw-shadow-color, rgba(15,23,42,0.16));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_1px_2px_rgba\(15\,23\,42\,0\.08\)\] {
  --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(15,23,42,0.08));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_2px_6px_rgba\(215\,38\,85\,0\.28\)\] {
  --tw-shadow: 0 2px 6px var(--tw-shadow-color, rgba(215,38,85,0.28));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_6px_18px_rgba\(0\,0\,0\,0\.35\)\] {
  --tw-shadow: 0 6px 18px var(--tw-shadow-color, rgba(0,0,0,0.35));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_8px_18px_rgba\(46\,82\,251\,0\.18\)\] {
  --tw-shadow: 0 8px 18px var(--tw-shadow-color, rgba(46,82,251,0.18));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_12px_24px_rgba\(15\,23\,42\,0\.16\)\] {
  --tw-shadow: 0 12px 24px var(--tw-shadow-color, rgba(15,23,42,0.16));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_16px_40px_rgba\(15\,23\,42\,0\.14\)\] {
  --tw-shadow: 0 16px 40px var(--tw-shadow-color, rgba(15,23,42,0.14));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_18px_45px_rgba\(15\,23\,42\,0\.14\)\] {
  --tw-shadow: 0 18px 45px var(--tw-shadow-color, rgba(15,23,42,0.14));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_32px_80px_rgba\(0\,0\,0\,0\.65\)\] {
  --tw-shadow: 0 32px 80px var(--tw-shadow-color, rgba(0,0,0,0.65));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[inset_0_0_0_1px_\#2f55ff\] {
  --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #2f55ff);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-none\! {
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\!ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-4 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\!shadow-red-500\/20 {
  --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 20%, transparent) var(--tw-shadow-alpha), transparent) !important;
  }
}
.shadow-blue-500\/20 {
  --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent) var(--tw-shadow-alpha), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-gray-200 {
  --tw-shadow-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) var(--tw-shadow-alpha), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-green-500\/20 {
  --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent) var(--tw-shadow-alpha), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 20%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-slate-900\/10 {
  --tw-shadow-color: color-mix(in srgb, color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent) var(--tw-shadow-alpha), transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 10%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.\!ring-blue-600\/10 {
  --tw-ring-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 10%, transparent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent) !important;
  }
}
.ring-\[\#2F5BFF\]\/10 {
  --tw-ring-color: color-mix(in oklab, #2F5BFF 10%, transparent);
}
.ring-\[\#2f55ff\] {
  --tw-ring-color: #2f55ff;
}
.ring-\[var\(--v2-color-answer-card-bg\)\] {
  --tw-ring-color: var(--v2-color-answer-card-bg);
}
.ring-\[var\(--v2-color-border\)\] {
  --tw-ring-color: var(--v2-color-border);
}
.ring-\[var\(--v2-color-border-soft\)\] {
  --tw-ring-color: var(--v2-color-border-soft);
}
.ring-\[var\(--v2-color-primary\)\] {
  --tw-ring-color: var(--v2-color-primary);
}
.ring-\[var\(--v2-color-primary\)\]\/10 {
  --tw-ring-color: color-mix(in oklab, var(--v2-color-primary) 10%, transparent);
}
.ring-\[var\(--v2-color-selection-ring\)\] {
  --tw-ring-color: var(--v2-color-selection-ring);
}
.ring-\[var\(--v2-color-selection-ring-soft\)\] {
  --tw-ring-color: var(--v2-color-selection-ring-soft);
}
.ring-blue-300 {
  --tw-ring-color: var(--color-blue-300);
}
.ring-blue-500 {
  --tw-ring-color: var(--color-blue-500);
}
.ring-blue-500\/10 {
  --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
  }
}
.ring-navy-600\/10 {
  --tw-ring-color: color-mix(in srgb, #2e52fb 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-ring-color: color-mix(in oklab, var(--color-navy-600) 10%, transparent);
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline-1 {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline-offset-\[-1px\] {
  outline-offset: -1px;
}
.outline-\[var\(--v2-color-primary\)\] {
  outline-color: var(--v2-color-primary);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[110px\] {
  --tw-blur: blur(110px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[120px\] {
  --tw-blur: blur(120px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale-\[0\.15\] {
  --tw-grayscale: grayscale(0.15);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.\!backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md)) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,) !important;
}
.backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[2px\] {
  --tw-backdrop-blur: blur(2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[5px\] {
  --tw-backdrop-blur: blur(5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(var(--blur-md));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.\!transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.\!transition-all {
  transition-property: all !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.\!transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to !important;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
  transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.\!duration-300 {
  --tw-duration: 300ms !important;
  transition-duration: 300ms !important;
}
.\!duration-500 {
  --tw-duration: 500ms !important;
  transition-duration: 500ms !important;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-700 {
  --tw-duration: 700ms;
  transition-duration: 700ms;
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.\!outline-none {
  --tw-outline-style: none !important;
  outline-style: none !important;
}
.outline-none {
  --tw-outline-style: none;
  outline-style: none;
}
.select-all {
  -webkit-user-select: all;
  user-select: all;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[-webkit-box-orient\:vertical\] {
  -webkit-box-orient: vertical;
}
.\[-webkit-line-clamp\:2\] {
  -webkit-line-clamp: 2;
}
.\[font\:inherit\] {
  font: inherit;
}
.\[scrollbar-color\:\#c7d9ef_transparent\] {
  scrollbar-color: #c7d9ef transparent;
}
.\[scrollbar-width\:thin\] {
  scrollbar-width: thin;
}
.group-focus-within\:pointer-events-auto {
  &:is(:where(.group):focus-within *) {
    pointer-events: auto;
  }
}
.group-focus-within\:text-\[\#2E52FB\] {
  &:is(:where(.group):focus-within *) {
    color: #2E52FB;
  }
}
.group-focus-within\:text-\[\#A8C4FF\] {
  &:is(:where(.group):focus-within *) {
    color: #A8C4FF;
  }
}
.group-focus-within\:text-\[var\(--v2-color-primary\)\] {
  &:is(:where(.group):focus-within *) {
    color: var(--v2-color-primary);
  }
}
.group-focus-within\:opacity-100 {
  &:is(:where(.group):focus-within *) {
    opacity: 100%;
  }
}
.group-hover\:pointer-events-auto {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      pointer-events: auto;
    }
  }
}
.group-hover\:block {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      display: block;
    }
  }
}
.group-hover\:translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-\[1\.01\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.01;
    }
  }
}
.group-hover\:scale-\[1\.02\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 1.02;
    }
  }
}
.group-hover\:border-purple-300 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      border-color: var(--color-purple-300);
    }
  }
}
.group-hover\:text-\[\#2E52FB\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: #2E52FB;
    }
  }
}
.group-hover\:text-\[\#2F5BFF\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: #2F5BFF;
    }
  }
}
.group-hover\:text-\[\#A8C4FF\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: #A8C4FF;
    }
  }
}
.group-hover\:text-\[var\(--v2-color-label-muted\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--v2-color-label-muted);
    }
  }
}
.group-hover\:text-\[var\(--v2-color-primary\)\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--v2-color-primary);
    }
  }
}
.group-hover\:text-gray-900 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-gray-900);
    }
  }
}
.group-hover\:text-navy-600 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-navy-600);
    }
  }
}
.group-hover\:text-purple-600 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-purple-600);
    }
  }
}
.group-hover\:text-slate-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-slate-500);
    }
  }
}
.group-hover\:underline {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-hover\:shadow-md {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.group-hover\/tip\:opacity-100 {
  &:is(:where(.group\/tip):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-hover\/wt\:text-\[\#2E52FB\] {
  &:is(:where(.group\/wt):hover *) {
    @media (hover: hover) {
      color: #2E52FB;
    }
  }
}
.group-hover\/wt\:opacity-100 {
  &:is(:where(.group\/wt):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-focus\:block {
  &:is(:where(.group):focus *) {
    display: block;
  }
}
.placeholder\:\!text-\[\#94a3b8\] {
  &::placeholder {
    color: #94a3b8 !important;
  }
}
.placeholder\:text-\[\#8EA2CC\] {
  &::placeholder {
    color: #8EA2CC;
  }
}
.placeholder\:text-\[\#9AA8C2\] {
  &::placeholder {
    color: #9AA8C2;
  }
}
.placeholder\:text-\[\#9aa5b5\] {
  &::placeholder {
    color: #9aa5b5;
  }
}
.placeholder\:text-\[\#a9b4c5\] {
  &::placeholder {
    color: #a9b4c5;
  }
}
.placeholder\:text-\[var\(--v2-color-icon-muted\)\] {
  &::placeholder {
    color: var(--v2-color-icon-muted);
  }
}
.placeholder\:text-\[var\(--v2-color-label-muted\)\] {
  &::placeholder {
    color: var(--v2-color-label-muted);
  }
}
.placeholder\:text-\[var\(--v2-color-placeholder\)\] {
  &::placeholder {
    color: var(--v2-color-placeholder);
  }
}
.placeholder\:text-\[var\(--v2-color-text-muted\)\] {
  &::placeholder {
    color: var(--v2-color-text-muted);
  }
}
.placeholder\:text-\[var\(--v2-color-text-secondary\)\] {
  &::placeholder {
    color: var(--v2-color-text-secondary);
  }
}
.placeholder\:text-gray-400 {
  &::placeholder {
    color: var(--color-gray-400);
  }
}
.first\:border-t-0 {
  &:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.first\:pt-0 {
  &:first-child {
    padding-top: calc(var(--spacing) * 0);
  }
}
.last\:mb-0 {
  &:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.last\:border-0 {
  &:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.last\:border-r-0 {
  &:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
.last\:border-b-0 {
  &:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.last\:pb-0 {
  &:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }
}
.focus-within\:\!border-\[\#6EA0FF\] {
  &:focus-within {
    border-color: #6EA0FF !important;
  }
}
.focus-within\:\!border-\[\#BFDBFE\] {
  &:focus-within {
    border-color: #BFDBFE !important;
  }
}
.focus-within\:\!border-navy-600 {
  &:focus-within {
    border-color: var(--color-navy-600) !important;
  }
}
.focus-within\:border-\[\#2E52FB\] {
  &:focus-within {
    border-color: #2E52FB;
  }
}
.focus-within\:border-\[\#EEF2F6\] {
  &:focus-within {
    border-color: #EEF2F6;
  }
}
.focus-within\:border-\[var\(--v2-color-primary\)\] {
  &:focus-within {
    border-color: var(--v2-color-primary);
  }
}
.focus-within\:bg-\[\#1D2941\] {
  &:focus-within {
    background-color: #1D2941;
  }
}
.focus-within\:bg-\[\#F8FAFC\] {
  &:focus-within {
    background-color: #F8FAFC;
  }
}
.focus-within\:ring-2 {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-within\:ring-\[var\(--v2-color-primary\)\]\/10 {
  &:focus-within {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-primary) 10%, transparent);
  }
}
.focus-within\:ring-\[var\(--v2-color-selection-ring\)\] {
  &:focus-within {
    --tw-ring-color: var(--v2-color-selection-ring);
  }
}
.focus-within\:ring-\[var\(--v2-color-selection-ring-soft\)\] {
  &:focus-within {
    --tw-ring-color: var(--v2-color-selection-ring-soft);
  }
}
.focus-within\:ring-\[var\(--v2-color-text-strong\)\]\/10 {
  &:focus-within {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-text-strong) 10%, transparent);
  }
}
.focus-within\:ring-blue-100 {
  &:focus-within {
    --tw-ring-color: var(--color-blue-100);
  }
}
.focus-within\:ring-navy-600\/10 {
  &:focus-within {
    --tw-ring-color: color-mix(in srgb, #2e52fb 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-navy-600) 10%, transparent);
    }
  }
}
.hover\:\!border-0 {
  &:hover {
    @media (hover: hover) {
      border-style: var(--tw-border-style) !important;
      border-width: 0px !important;
    }
  }
}
.hover\:\!border-\[\#6EA0FF\] {
  &:hover {
    @media (hover: hover) {
      border-color: #6EA0FF !important;
    }
  }
}
.hover\:\!border-\[\#93C5FD\] {
  &:hover {
    @media (hover: hover) {
      border-color: #93C5FD !important;
    }
  }
}
.hover\:\!border-\[\#BFDBFE\] {
  &:hover {
    @media (hover: hover) {
      border-color: #BFDBFE !important;
    }
  }
}
.hover\:\!border-\[var\(--v2-color-border-muted\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-border-muted) !important;
    }
  }
}
.hover\:\!border-\[var\(--v2-color-danger-soft-border\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-danger-soft-border) !important;
    }
  }
}
.hover\:\!border-\[var\(--v2-color-primary\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-primary) !important;
    }
  }
}
.hover\:\!border-\[var\(--v2-color-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-primary-hover) !important;
    }
  }
}
.hover\:\!border-gray-200 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-200) !important;
    }
  }
}
.hover\:\!border-gray-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-300) !important;
    }
  }
}
.hover\:border-\[\#2E52FB\] {
  &:hover {
    @media (hover: hover) {
      border-color: #2E52FB;
    }
  }
}
.hover\:border-\[\#2f55ff\] {
  &:hover {
    @media (hover: hover) {
      border-color: #2f55ff;
    }
  }
}
.hover\:border-\[\#6EA0FF\] {
  &:hover {
    @media (hover: hover) {
      border-color: #6EA0FF;
    }
  }
}
.hover\:border-\[\#174ea6\] {
  &:hover {
    @media (hover: hover) {
      border-color: #174ea6;
    }
  }
}
.hover\:border-\[\#C5D3EA\] {
  &:hover {
    @media (hover: hover) {
      border-color: #C5D3EA;
    }
  }
}
.hover\:border-\[\#C7D8FF\] {
  &:hover {
    @media (hover: hover) {
      border-color: #C7D8FF;
    }
  }
}
.hover\:border-\[\#E5E7EB\] {
  &:hover {
    @media (hover: hover) {
      border-color: #E5E7EB;
    }
  }
}
.hover\:border-\[\#EEF2F6\] {
  &:hover {
    @media (hover: hover) {
      border-color: #EEF2F6;
    }
  }
}
.hover\:border-\[var\(--v2-color-border\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-border);
    }
  }
}
.hover\:border-\[var\(--v2-color-danger-hover\,\#b91c1c\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-danger-hover,#b91c1c);
    }
  }
}
.hover\:border-\[var\(--v2-color-primary\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-primary);
    }
  }
}
.hover\:border-\[var\(--v2-color-primary\)\]\/50 {
  &:hover {
    @media (hover: hover) {
      border-color: color-mix(in oklab, var(--v2-color-primary) 50%, transparent);
    }
  }
}
.hover\:border-\[var\(--v2-color-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-primary-hover);
    }
  }
}
.hover\:border-\[var\(--v2-color-primary-muted\,\#7b8cf8\)\] {
  &:hover {
    @media (hover: hover) {
      border-color: var(--v2-color-primary-muted,#7b8cf8);
    }
  }
}
.hover\:border-amber-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-amber-300);
    }
  }
}
.hover\:border-blue-700 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-blue-700);
    }
  }
}
.hover\:border-emerald-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-emerald-300);
    }
  }
}
.hover\:border-gray-200 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-200);
    }
  }
}
.hover\:border-gray-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-300);
    }
  }
}
.hover\:border-gray-400 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-400);
    }
  }
}
.hover\:border-navy-600 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-navy-600);
    }
  }
}
.hover\:border-purple-200 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-purple-200);
    }
  }
}
.hover\:border-red-200 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-red-200);
    }
  }
}
.hover\:border-red-300 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-red-300);
    }
  }
}
.hover\:border-red-700 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-red-700);
    }
  }
}
.hover\:\!bg-\[\#2c6fe4\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2c6fe4 !important;
    }
  }
}
.hover\:\!bg-\[\#5b21b6\] {
  &:hover {
    @media (hover: hover) {
      background-color: #5b21b6 !important;
    }
  }
}
.hover\:\!bg-\[\#21bf64\] {
  &:hover {
    @media (hover: hover) {
      background-color: #21bf64 !important;
    }
  }
}
.hover\:\!bg-\[\#123f86\] {
  &:hover {
    @media (hover: hover) {
      background-color: #123f86 !important;
    }
  }
}
.hover\:\!bg-\[\#264AF3\] {
  &:hover {
    @media (hover: hover) {
      background-color: #264AF3 !important;
    }
  }
}
.hover\:\!bg-\[\#2347ef\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2347ef !important;
    }
  }
}
.hover\:\!bg-\[\#2445d8\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2445d8 !important;
    }
  }
}
.hover\:\!bg-\[\#2448ea\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2448ea !important;
    }
  }
}
.hover\:\!bg-\[\#BBF7D0\] {
  &:hover {
    @media (hover: hover) {
      background-color: #BBF7D0 !important;
    }
  }
}
.hover\:\!bg-\[\#E2EEFF\] {
  &:hover {
    @media (hover: hover) {
      background-color: #E2EEFF !important;
    }
  }
}
.hover\:\!bg-\[var\(--v2-color-bg-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-hover) !important;
    }
  }
}
.hover\:\!bg-\[var\(--v2-color-bg-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-soft) !important;
    }
  }
}
.hover\:\!bg-\[var\(--v2-color-danger-soft-bg\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-danger-soft-bg) !important;
    }
  }
}
.hover\:\!bg-\[var\(--v2-color-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-primary-hover) !important;
    }
  }
}
.hover\:\!bg-amber-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-100) !important;
    }
  }
}
.hover\:\!bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700) !important;
    }
  }
}
.hover\:\!bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50) !important;
    }
  }
}
.hover\:\!bg-purple-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-100) !important;
    }
  }
}
.hover\:\!bg-red-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-50) !important;
    }
  }
}
.hover\:\!bg-red-100\/50 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(93.6% 0.032 17.717) 50%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-100) 50%, transparent) !important;
      }
    }
  }
}
.hover\:\!bg-red-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-600) !important;
    }
  }
}
.hover\:\!bg-transparent {
  &:hover {
    @media (hover: hover) {
      background-color: transparent !important;
    }
  }
}
.hover\:\!bg-white {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white) !important;
    }
  }
}
.hover\:\!bg-white\/15 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 15%, transparent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important;
      }
    }
  }
}
.hover\:bg-\[\#1D4ED8\] {
  &:hover {
    @media (hover: hover) {
      background-color: #1D4ED8;
    }
  }
}
.hover\:bg-\[\#1D2941\] {
  &:hover {
    @media (hover: hover) {
      background-color: #1D2941;
    }
  }
}
.hover\:bg-\[\#1b7b45\] {
  &:hover {
    @media (hover: hover) {
      background-color: #1b7b45;
    }
  }
}
.hover\:bg-\[\#1f45dc\] {
  &:hover {
    @media (hover: hover) {
      background-color: #1f45dc;
    }
  }
}
.hover\:bg-\[\#183fd6\] {
  &:hover {
    @media (hover: hover) {
      background-color: #183fd6;
    }
  }
}
.hover\:bg-\[\#253A66\] {
  &:hover {
    @media (hover: hover) {
      background-color: #253A66;
    }
  }
}
.hover\:bg-\[\#2344E8\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2344E8;
    }
  }
}
.hover\:bg-\[\#2446e8\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2446e8;
    }
  }
}
.hover\:bg-\[\#2448ea\] {
  &:hover {
    @media (hover: hover) {
      background-color: #2448ea;
    }
  }
}
.hover\:bg-\[\#4338ca\] {
  &:hover {
    @media (hover: hover) {
      background-color: #4338ca;
    }
  }
}
.hover\:bg-\[\#EEF4FF\] {
  &:hover {
    @media (hover: hover) {
      background-color: #EEF4FF;
    }
  }
}
.hover\:bg-\[\#F7F8FF\] {
  &:hover {
    @media (hover: hover) {
      background-color: #F7F8FF;
    }
  }
}
.hover\:bg-\[\#F8FAFC\] {
  &:hover {
    @media (hover: hover) {
      background-color: #F8FAFC;
    }
  }
}
.hover\:bg-\[\#F8FAFF\] {
  &:hover {
    @media (hover: hover) {
      background-color: #F8FAFF;
    }
  }
}
.hover\:bg-\[\#bf2049\] {
  &:hover {
    @media (hover: hover) {
      background-color: #bf2049;
    }
  }
}
.hover\:bg-\[\#dc2626\] {
  &:hover {
    @media (hover: hover) {
      background-color: #dc2626;
    }
  }
}
.hover\:bg-\[\#e0efff\] {
  &:hover {
    @media (hover: hover) {
      background-color: #e0efff;
    }
  }
}
.hover\:bg-\[\#eff6ff\] {
  &:hover {
    @media (hover: hover) {
      background-color: #eff6ff;
    }
  }
}
.hover\:bg-\[\#f8fafc\] {
  &:hover {
    @media (hover: hover) {
      background-color: #f8fafc;
    }
  }
}
.hover\:bg-\[var\(--v2-color-action-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-action-primary-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-action-secondary-bg-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-action-secondary-bg-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-bg-active-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-active-soft);
    }
  }
}
.hover\:bg-\[var\(--v2-color-bg-brand-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-brand-soft);
    }
  }
}
.hover\:bg-\[var\(--v2-color-bg-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-bg-muted\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-muted);
    }
  }
}
.hover\:bg-\[var\(--v2-color-bg-soft\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-bg-soft);
    }
  }
}
.hover\:bg-\[var\(--v2-color-danger-hover\,\#b91c1c\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-danger-hover,#b91c1c);
    }
  }
}
.hover\:bg-\[var\(--v2-color-danger-soft-bg\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-danger-soft-bg);
    }
  }
}
.hover\:bg-\[var\(--v2-color-danger-soft-bg-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-danger-soft-bg-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-danger-soft-text\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-danger-soft-text);
    }
  }
}
.hover\:bg-\[var\(--v2-color-highlight-soft-bg-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-highlight-soft-bg-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-primary\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-primary);
    }
  }
}
.hover\:bg-\[var\(--v2-color-primary\)\]\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, var(--v2-color-primary) 20%, transparent);
    }
  }
}
.hover\:bg-\[var\(--v2-color-primary-faint\,\#ebefff\)\]\/50 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in oklab, var(--v2-color-primary-faint,#ebefff) 50%, transparent);
    }
  }
}
.hover\:bg-\[var\(--v2-color-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-primary-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-selection-bg\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-selection-bg);
    }
  }
}
.hover\:bg-\[var\(--v2-color-success-hover\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-success-hover);
    }
  }
}
.hover\:bg-\[var\(--v2-color-surface-bg\)\] {
  &:hover {
    @media (hover: hover) {
      background-color: var(--v2-color-surface-bg);
    }
  }
}
.hover\:bg-amber-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-50);
    }
  }
}
.hover\:bg-amber-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-100);
    }
  }
}
.hover\:bg-amber-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-amber-700);
    }
  }
}
.hover\:bg-black\/5 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 5%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
      }
    }
  }
}
.hover\:bg-black\/60 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
}
.hover\:bg-black\/70 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
      }
    }
  }
}
.hover\:bg-black\/75 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
      }
    }
  }
}
.hover\:bg-black\/80 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #000 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
      }
    }
  }
}
.hover\:bg-blue-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-50);
    }
  }
}
.hover\:bg-blue-50\/40 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent);
      }
    }
  }
}
.hover\:bg-blue-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-100);
    }
  }
}
.hover\:bg-blue-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-700);
    }
  }
}
.hover\:bg-emerald-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-emerald-50);
    }
  }
}
.hover\:bg-fuchsia-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-fuchsia-700);
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-gray-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-800);
    }
  }
}
.hover\:bg-green-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-green-600);
    }
  }
}
.hover\:bg-indigo-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-indigo-100);
    }
  }
}
.hover\:bg-indigo-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-indigo-700);
    }
  }
}
.hover\:bg-purple-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-purple-50);
    }
  }
}
.hover\:bg-purple-50\/30 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-50) 30%, transparent);
      }
    }
  }
}
.hover\:bg-red-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-50);
    }
  }
}
.hover\:bg-red-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-100);
    }
  }
}
.hover\:bg-red-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-700);
    }
  }
}
.hover\:bg-rose-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-50);
    }
  }
}
.hover\:bg-rose-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-100);
    }
  }
}
.hover\:bg-rose-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-rose-800);
    }
  }
}
.hover\:bg-slate-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-slate-50);
    }
  }
}
.hover\:bg-slate-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-slate-100);
    }
  }
}
.hover\:bg-violet-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-violet-50);
    }
  }
}
.hover\:bg-white {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
}
.hover\:bg-white\/10 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
      }
    }
  }
}
.hover\:bg-white\/20 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
      }
    }
  }
}
.hover\:bg-white\/50 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
      }
    }
  }
}
.hover\:bg-white\/60 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #fff 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
      }
    }
  }
}
.hover\:\!text-\[\#174EE8\] {
  &:hover {
    @media (hover: hover) {
      color: #174EE8 !important;
    }
  }
}
.hover\:\!text-\[\#24324B\] {
  &:hover {
    @media (hover: hover) {
      color: #24324B !important;
    }
  }
}
.hover\:\!text-\[var\(--v2-color-danger-soft-text\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-danger-soft-text) !important;
    }
  }
}
.hover\:\!text-\[var\(--v2-color-heading\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-heading) !important;
    }
  }
}
.hover\:\!text-blue-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-700) !important;
    }
  }
}
.hover\:\!text-gray-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-500) !important;
    }
  }
}
.hover\:\!text-gray-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-600) !important;
    }
  }
}
.hover\:\!text-gray-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-700) !important;
    }
  }
}
.hover\:\!text-red-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-700) !important;
    }
  }
}
.hover\:\!text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white) !important;
    }
  }
}
.hover\:text-\[\#0f3d85\] {
  &:hover {
    @media (hover: hover) {
      color: #0f3d85;
    }
  }
}
.hover\:text-\[\#1D4ED8\] {
  &:hover {
    @media (hover: hover) {
      color: #1D4ED8;
    }
  }
}
.hover\:text-\[\#2344E8\] {
  &:hover {
    @media (hover: hover) {
      color: #2344E8;
    }
  }
}
.hover\:text-\[\#2546d8\] {
  &:hover {
    @media (hover: hover) {
      color: #2546d8;
    }
  }
}
.hover\:text-\[\#66748a\] {
  &:hover {
    @media (hover: hover) {
      color: #66748a;
    }
  }
}
.hover\:text-\[\#334155\] {
  &:hover {
    @media (hover: hover) {
      color: #334155;
    }
  }
}
.hover\:text-\[\#DCE7FF\] {
  &:hover {
    @media (hover: hover) {
      color: #DCE7FF;
    }
  }
}
.hover\:text-\[var\(--v2-color-danger\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-danger);
    }
  }
}
.hover\:text-\[var\(--v2-color-danger\,\#c53030\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-danger,#c53030);
    }
  }
}
.hover\:text-\[var\(--v2-color-danger\,\#e53e3e\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-danger,#e53e3e);
    }
  }
}
.hover\:text-\[var\(--v2-color-danger-soft-text\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-danger-soft-text);
    }
  }
}
.hover\:text-\[var\(--v2-color-heading\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-heading);
    }
  }
}
.hover\:text-\[var\(--v2-color-primary\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-primary);
    }
  }
}
.hover\:text-\[var\(--v2-color-primary-hover\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-primary-hover);
    }
  }
}
.hover\:text-\[var\(--v2-color-selection-text\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-selection-text);
    }
  }
}
.hover\:text-\[var\(--v2-color-text-muted\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-text-muted);
    }
  }
}
.hover\:text-\[var\(--v2-color-text-secondary\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-text-secondary);
    }
  }
}
.hover\:text-\[var\(--v2-color-text-strong\)\] {
  &:hover {
    @media (hover: hover) {
      color: var(--v2-color-text-strong);
    }
  }
}
.hover\:text-amber-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-amber-800);
    }
  }
}
.hover\:text-black {
  &:hover {
    @media (hover: hover) {
      color: var(--color-black);
    }
  }
}
.hover\:text-blue-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-600);
    }
  }
}
.hover\:text-blue-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-700);
    }
  }
}
.hover\:text-blue-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-800);
    }
  }
}
.hover\:text-gray-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-600);
    }
  }
}
.hover\:text-gray-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-700);
    }
  }
}
.hover\:text-gray-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-900);
    }
  }
}
.hover\:text-navy-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-navy-800);
    }
  }
}
.hover\:text-red-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-500);
    }
  }
}
.hover\:text-red-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-600);
    }
  }
}
.hover\:text-red-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-800);
    }
  }
}
.hover\:text-rose-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-rose-600);
    }
  }
}
.hover\:text-slate-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-slate-500);
    }
  }
}
.hover\:text-slate-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-slate-600);
    }
  }
}
.hover\:text-slate-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-slate-900);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:\!no-underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none !important;
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:opacity-80 {
  &:hover {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
}
.hover\:opacity-90 {
  &:hover {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.hover\:opacity-100 {
  &:hover {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.hover\:\!shadow-none {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 0 #0000 !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
  }
}
.hover\:shadow-md {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:shadow-sm {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.focus\:\!border-0 {
  &:focus {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
.focus\:border-0 {
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.focus\:\!border-\[\#2E52FB\] {
  &:focus {
    border-color: #2E52FB !important;
  }
}
.focus\:\!border-\[\#2f55ff\] {
  &:focus {
    border-color: #2f55ff !important;
  }
}
.focus\:\!border-\[\#1557ff\] {
  &:focus {
    border-color: #1557ff !important;
  }
}
.focus\:\!border-\[var\(--v2-color-danger-soft-text\)\] {
  &:focus {
    border-color: var(--v2-color-danger-soft-text) !important;
  }
}
.focus\:\!border-\[var\(--v2-color-primary\)\] {
  &:focus {
    border-color: var(--v2-color-primary) !important;
  }
}
.focus\:\!border-blue-500 {
  &:focus {
    border-color: var(--color-blue-500) !important;
  }
}
.focus\:\!border-navy-600 {
  &:focus {
    border-color: var(--color-navy-600) !important;
  }
}
.focus\:border-\[\#2E52FB\] {
  &:focus {
    border-color: #2E52FB;
  }
}
.focus\:border-\[\#2F5BFF\] {
  &:focus {
    border-color: #2F5BFF;
  }
}
.focus\:border-\[\#2f55ff\] {
  &:focus {
    border-color: #2f55ff;
  }
}
.focus\:border-\[\#5aa1d8\] {
  &:focus {
    border-color: #5aa1d8;
  }
}
.focus\:border-\[\#174ea6\] {
  &:focus {
    border-color: #174ea6;
  }
}
.focus\:border-\[\#3559E6\] {
  &:focus {
    border-color: #3559E6;
  }
}
.focus\:border-\[\#dc2626\] {
  &:focus {
    border-color: #dc2626;
  }
}
.focus\:border-\[var\(--v2-color-primary\)\] {
  &:focus {
    border-color: var(--v2-color-primary);
  }
}
.focus\:border-blue-300 {
  &:focus {
    border-color: var(--color-blue-300);
  }
}
.focus\:border-navy-600 {
  &:focus {
    border-color: var(--color-navy-600);
  }
}
.focus\:border-red-400 {
  &:focus {
    border-color: var(--color-red-400);
  }
}
.focus\:\!bg-transparent {
  &:focus {
    background-color: transparent !important;
  }
}
.focus\:bg-\[\#F7F8FF\] {
  &:focus {
    background-color: #F7F8FF;
  }
}
.focus\:bg-\[\#f7faff\] {
  &:focus {
    background-color: #f7faff;
  }
}
.focus\:bg-\[var\(--v2-color-surface-bg\)\] {
  &:focus {
    background-color: var(--v2-color-surface-bg);
  }
}
.focus\:opacity-100 {
  &:focus {
    opacity: 100%;
  }
}
.focus\:\!ring-0 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.focus\:\!ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.focus\:ring {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-0 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-1 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-4 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:\!ring-\[var\(--v2-color-danger\)\] {
  &:focus {
    --tw-ring-color: var(--v2-color-danger) !important;
  }
}
.focus\:\!ring-\[var\(--v2-color-primary\)\]\/10 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-primary) 10%, transparent) !important;
  }
}
.focus\:\!ring-blue-500\/10 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) !important;
    }
  }
}
.focus\:\!ring-blue-500\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent) !important;
    }
  }
}
.focus\:\!ring-blue-600\/10 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent) !important;
    }
  }
}
.focus\:ring-\[\#2E52FB\] {
  &:focus {
    --tw-ring-color: #2E52FB;
  }
}
.focus\:ring-\[\#2E52FB\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #2E52FB 20%, transparent);
  }
}
.focus\:ring-\[\#2E52FB\]\/25 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #2E52FB 25%, transparent);
  }
}
.focus\:ring-\[\#2F5BFF\]\/10 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #2F5BFF 10%, transparent);
  }
}
.focus\:ring-\[\#2f55ff\] {
  &:focus {
    --tw-ring-color: #2f55ff;
  }
}
.focus\:ring-\[\#4f46e5\] {
  &:focus {
    --tw-ring-color: #4f46e5;
  }
}
.focus\:ring-\[\#5aa1d8\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #5aa1d8 20%, transparent);
  }
}
.focus\:ring-\[\#174ea6\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #174ea6 20%, transparent);
  }
}
.focus\:ring-\[\#d72655\] {
  &:focus {
    --tw-ring-color: #d72655;
  }
}
.focus\:ring-\[\#dc2626\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, #dc2626 20%, transparent);
  }
}
.focus\:ring-\[var\(--v2-color-accent\)\] {
  &:focus {
    --tw-ring-color: var(--v2-color-accent);
  }
}
.focus\:ring-\[var\(--v2-color-danger\,\#EF4444\)\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-danger,#EF4444) 20%, transparent);
  }
}
.focus\:ring-\[var\(--v2-color-primary\)\] {
  &:focus {
    --tw-ring-color: var(--v2-color-primary);
  }
}
.focus\:ring-\[var\(--v2-color-primary\)\]\/10 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-primary) 10%, transparent);
  }
}
.focus\:ring-\[var\(--v2-color-primary\)\]\/20 {
  &:focus {
    --tw-ring-color: color-mix(in oklab, var(--v2-color-primary) 20%, transparent);
  }
}
.focus\:ring-\[var\(--v2-color-selection-ring\)\] {
  &:focus {
    --tw-ring-color: var(--v2-color-selection-ring);
  }
}
.focus\:ring-amber-500\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
    }
  }
}
.focus\:ring-blue-100 {
  &:focus {
    --tw-ring-color: var(--color-blue-100);
  }
}
.focus\:ring-blue-400\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent);
    }
  }
}
.focus\:ring-blue-500 {
  &:focus {
    --tw-ring-color: var(--color-blue-500);
  }
}
.focus\:ring-blue-500\/10 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
    }
  }
}
.focus\:ring-blue-500\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
}
.focus\:ring-blue-500\/30 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
}
.focus\:ring-blue-500\/40 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
    }
  }
}
.focus\:ring-navy-600\/10 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #2e52fb 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-navy-600) 10%, transparent);
    }
  }
}
.focus\:ring-navy-600\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #2e52fb 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-navy-600) 20%, transparent);
    }
  }
}
.focus\:ring-navy-600\/30 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #2e52fb 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-navy-600) 30%, transparent);
    }
  }
}
.focus\:ring-red-100 {
  &:focus {
    --tw-ring-color: var(--color-red-100);
  }
}
.focus\:ring-red-400\/10 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 10%, transparent);
    }
  }
}
.focus\:ring-red-400\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent);
    }
  }
}
.focus\:ring-red-500\/20 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
    }
  }
}
.focus\:ring-rose-500 {
  &:focus {
    --tw-ring-color: var(--color-rose-500);
  }
}
.focus\:ring-slate-300 {
  &:focus {
    --tw-ring-color: var(--color-slate-300);
  }
}
.focus\:ring-white\/30 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
}
.focus\:ring-white\/40 {
  &:focus {
    --tw-ring-color: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-white) 40%, transparent);
    }
  }
}
.focus\:ring-offset-1 {
  &:focus {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus\:ring-offset-2 {
  &:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus\:ring-offset-\[var\(--v2-color-surface-bg\)\] {
  &:focus {
    --tw-ring-offset-color: var(--v2-color-surface-bg);
  }
}
.focus\:\!outline-none {
  &:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.focus\:ring-inset {
  &:focus {
    --tw-ring-inset: inset;
  }
}
.focus-visible\:border-\[var\(--v2-color-primary\)\] {
  &:focus-visible {
    border-color: var(--v2-color-primary);
  }
}
.focus-visible\:bg-\[var\(--v2-color-bg-active-soft\)\] {
  &:focus-visible {
    background-color: var(--v2-color-bg-active-soft);
  }
}
.focus-visible\:bg-red-50 {
  &:focus-visible {
    background-color: var(--color-red-50);
  }
}
.focus-visible\:text-\[var\(--v2-color-primary\)\] {
  &:focus-visible {
    color: var(--v2-color-primary);
  }
}
.focus-visible\:\!ring-0 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
}
.focus-visible\:ring-0 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-visible\:ring-2 {
  &:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-visible\:ring-\[var\(--v2-color-accent\)\] {
  &:focus-visible {
    --tw-ring-color: var(--v2-color-accent);
  }
}
.focus-visible\:ring-\[var\(--v2-color-danger-soft-border\)\] {
  &:focus-visible {
    --tw-ring-color: var(--v2-color-danger-soft-border);
  }
}
.focus-visible\:ring-\[var\(--v2-color-primary\)\] {
  &:focus-visible {
    --tw-ring-color: var(--v2-color-primary);
  }
}
.focus-visible\:ring-\[var\(--v2-color-selection-ring\)\] {
  &:focus-visible {
    --tw-ring-color: var(--v2-color-selection-ring);
  }
}
.focus-visible\:ring-amber-300 {
  &:focus-visible {
    --tw-ring-color: var(--color-amber-300);
  }
}
.focus-visible\:ring-blue-200 {
  &:focus-visible {
    --tw-ring-color: var(--color-blue-200);
  }
}
.focus-visible\:ring-blue-300 {
  &:focus-visible {
    --tw-ring-color: var(--color-blue-300);
  }
}
.focus-visible\:ring-blue-500\/20 {
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
    }
  }
}
.focus-visible\:ring-blue-500\/30 {
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
    }
  }
}
.focus-visible\:ring-green-300 {
  &:focus-visible {
    --tw-ring-color: var(--color-green-300);
  }
}
.focus-visible\:ring-red-200 {
  &:focus-visible {
    --tw-ring-color: var(--color-red-200);
  }
}
.focus-visible\:ring-red-300 {
  &:focus-visible {
    --tw-ring-color: var(--color-red-300);
  }
}
.focus-visible\:ring-red-500\/30 {
  &:focus-visible {
    --tw-ring-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
}
.focus-visible\:ring-offset-2 {
  &:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus-visible\:ring-offset-\[var\(--v2-color-page-bg\)\] {
  &:focus-visible {
    --tw-ring-offset-color: var(--v2-color-page-bg);
  }
}
.focus-visible\:\!outline-none {
  &:focus-visible {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
}
.focus-visible\:outline-none {
  &:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.active\:scale-\[0\.98\] {
  &:active {
    scale: 0.98;
  }
}
.active\:\!cursor-grabbing {
  &:active {
    cursor: grabbing !important;
  }
}
.active\:cursor-grabbing {
  &:active {
    cursor: grabbing;
  }
}
.active\:\!border-0 {
  &:active {
    border-style: var(--tw-border-style) !important;
    border-width: 0px !important;
  }
}
.active\:outline-none {
  &:active {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.enabled\:hover\:-translate-y-0\.5 {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
}
.enabled\:hover\:border-\[\#0f2e6a\] {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        border-color: #0f2e6a;
      }
    }
  }
}
.enabled\:hover\:border-\[\#4a91c8\] {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        border-color: #4a91c8;
      }
    }
  }
}
.enabled\:hover\:bg-\[\#0f2e6a\] {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        background-color: #0f2e6a;
      }
    }
  }
}
.enabled\:hover\:bg-\[\#4a91c8\] {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        background-color: #4a91c8;
      }
    }
  }
}
.enabled\:hover\:shadow-md {
  &:enabled {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
}
.disabled\:\!cursor-not-allowed {
  &:disabled {
    cursor: not-allowed !important;
  }
}
.disabled\:cursor-default {
  &:disabled {
    cursor: default;
  }
}
.disabled\:cursor-not-allowed {
  &:disabled {
    cursor: not-allowed;
  }
}
.disabled\:cursor-wait {
  &:disabled {
    cursor: wait;
  }
}
.disabled\:border-\[\#E6DCF2\] {
  &:disabled {
    border-color: #E6DCF2;
  }
}
.disabled\:border-\[var\(--v2-color-border\)\] {
  &:disabled {
    border-color: var(--v2-color-border);
  }
}
.disabled\:bg-\[\#87a2ff\] {
  &:disabled {
    background-color: #87a2ff;
  }
}
.disabled\:bg-\[\#F7F3FC\] {
  &:disabled {
    background-color: #F7F3FC;
  }
}
.disabled\:bg-\[var\(--v2-color-bg-soft\)\] {
  &:disabled {
    background-color: var(--v2-color-bg-soft);
  }
}
.disabled\:bg-\[var\(--v2-color-border-muted\)\] {
  &:disabled {
    background-color: var(--v2-color-border-muted);
  }
}
.disabled\:bg-gray-50 {
  &:disabled {
    background-color: var(--color-gray-50);
  }
}
.disabled\:text-\[\#BE9AE5\] {
  &:disabled {
    color: #BE9AE5;
  }
}
.disabled\:text-\[var\(--v2-color-label-muted\)\] {
  &:disabled {
    color: var(--v2-color-label-muted);
  }
}
.disabled\:text-\[var\(--v2-color-text-secondary\)\] {
  &:disabled {
    color: var(--v2-color-text-secondary);
  }
}
.disabled\:text-gray-400 {
  &:disabled {
    color: var(--color-gray-400);
  }
}
.disabled\:\!opacity-60 {
  &:disabled {
    opacity: 60% !important;
  }
}
.disabled\:opacity-30 {
  &:disabled {
    opacity: 30%;
  }
}
.disabled\:opacity-40 {
  &:disabled {
    opacity: 40%;
  }
}
.disabled\:opacity-50 {
  &:disabled {
    opacity: 50%;
  }
}
.disabled\:opacity-60 {
  &:disabled {
    opacity: 60%;
  }
}
.disabled\:opacity-70 {
  &:disabled {
    opacity: 70%;
  }
}
.disabled\:opacity-100 {
  &:disabled {
    opacity: 100%;
  }
}
.disabled\:shadow-none {
  &:disabled {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.disabled\:hover\:border-\[var\(--v2-color-border-soft\)\] {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        border-color: var(--v2-color-border-soft);
      }
    }
  }
}
.supports-\[backdrop-filter\]\:bg-\[var\(--v2-color-surface-bg\)\]\/70 {
  @supports (backdrop-filter: var(--tw)) {
    background-color: color-mix(in oklab, var(--v2-color-surface-bg) 70%, transparent);
  }
}
.sm\:static {
  @media (width >= 40rem) {
    position: static;
  }
}
.sm\:mt-0 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.sm\:mr-0 {
  @media (width >= 40rem) {
    margin-right: calc(var(--spacing) * 0);
  }
}
.sm\:ml-auto {
  @media (width >= 40rem) {
    margin-left: auto;
  }
}
.sm\:block {
  @media (width >= 40rem) {
    display: block;
  }
}
.sm\:flex {
  @media (width >= 40rem) {
    display: flex;
  }
}
.sm\:grid {
  @media (width >= 40rem) {
    display: grid;
  }
}
.sm\:hidden {
  @media (width >= 40rem) {
    display: none;
  }
}
.sm\:h-\[60px\] {
  @media (width >= 40rem) {
    height: 60px;
  }
}
.sm\:h-\[72vh\] {
  @media (width >= 40rem) {
    height: 72vh;
  }
}
.sm\:min-h-\[400px\] {
  @media (width >= 40rem) {
    min-height: 400px;
  }
}
.sm\:\!w-\[220px\] {
  @media (width >= 40rem) {
    width: 220px !important;
  }
}
.sm\:w-1\/2 {
  @media (width >= 40rem) {
    width: calc(1/2 * 100%);
  }
}
.sm\:w-44 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 44);
  }
}
.sm\:w-52 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 52);
  }
}
.sm\:w-56 {
  @media (width >= 40rem) {
    width: calc(var(--spacing) * 56);
  }
}
.sm\:w-\[220px\] {
  @media (width >= 40rem) {
    width: 220px;
  }
}
.sm\:w-\[260px\] {
  @media (width >= 40rem) {
    width: 260px;
  }
}
.sm\:w-\[280px\] {
  @media (width >= 40rem) {
    width: 280px;
  }
}
.sm\:w-\[320px\] {
  @media (width >= 40rem) {
    width: 320px;
  }
}
.sm\:w-\[360px\] {
  @media (width >= 40rem) {
    width: 360px;
  }
}
.sm\:w-\[calc\(50\%-0\.3125rem\)\] {
  @media (width >= 40rem) {
    width: calc(50% - 0.3125rem);
  }
}
.sm\:w-auto {
  @media (width >= 40rem) {
    width: auto;
  }
}
.sm\:max-w-\[160px\] {
  @media (width >= 40rem) {
    max-width: 160px;
  }
}
.sm\:max-w-\[180px\] {
  @media (width >= 40rem) {
    max-width: 180px;
  }
}
.sm\:max-w-\[200px\] {
  @media (width >= 40rem) {
    max-width: 200px;
  }
}
.sm\:max-w-\[260px\] {
  @media (width >= 40rem) {
    max-width: 260px;
  }
}
.sm\:max-w-md {
  @media (width >= 40rem) {
    max-width: var(--container-md);
  }
}
.sm\:max-w-xs {
  @media (width >= 40rem) {
    max-width: var(--container-xs);
  }
}
.sm\:min-w-\[120px\] {
  @media (width >= 40rem) {
    min-width: 120px;
  }
}
.sm\:min-w-\[170px\] {
  @media (width >= 40rem) {
    min-width: 170px;
  }
}
.sm\:min-w-\[860px\] {
  @media (width >= 40rem) {
    min-width: 860px;
  }
}
.sm\:flex-1 {
  @media (width >= 40rem) {
    flex: 1;
  }
}
.sm\:flex-none {
  @media (width >= 40rem) {
    flex: none;
  }
}
.sm\:shrink-0 {
  @media (width >= 40rem) {
    flex-shrink: 0;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-3 {
  @media (width >= 40rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:grid-cols-\[1fr_auto_1fr\] {
  @media (width >= 40rem) {
    grid-template-columns: 1fr auto 1fr;
  }
}
.sm\:grid-cols-\[220px_220px\] {
  @media (width >= 40rem) {
    grid-template-columns: 220px 220px;
  }
}
.sm\:grid-cols-\[220px_260px\] {
  @media (width >= 40rem) {
    grid-template-columns: 220px 260px;
  }
}
.sm\:grid-cols-\[minmax\(120px\,1fr\)_minmax\(100px\,0\.8fr\)_minmax\(140px\,1\.2fr\)_minmax\(140px\,1\.2fr\)_minmax\(160px\,1\.6fr\)_36px\] {
  @media (width >= 40rem) {
    grid-template-columns: minmax(120px,1fr) minmax(100px,0.8fr) minmax(140px,1.2fr) minmax(140px,1.2fr) minmax(160px,1.6fr) 36px;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:flex-nowrap {
  @media (width >= 40rem) {
    flex-wrap: nowrap;
  }
}
.sm\:items-center {
  @media (width >= 40rem) {
    align-items: center;
  }
}
.sm\:items-end {
  @media (width >= 40rem) {
    align-items: flex-end;
  }
}
.sm\:items-start {
  @media (width >= 40rem) {
    align-items: flex-start;
  }
}
.sm\:justify-between {
  @media (width >= 40rem) {
    justify-content: space-between;
  }
}
.sm\:justify-end {
  @media (width >= 40rem) {
    justify-content: flex-end;
  }
}
.sm\:gap-0 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 0);
  }
}
.sm\:gap-4 {
  @media (width >= 40rem) {
    gap: calc(var(--spacing) * 4);
  }
}
.sm\:\!p-12 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 12) !important;
  }
}
.sm\:p-6 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:p-7 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 7);
  }
}
.sm\:p-12 {
  @media (width >= 40rem) {
    padding: calc(var(--spacing) * 12);
  }
}
.sm\:\!px-11 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 11) !important;
  }
}
.sm\:px-4 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-6 {
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:py-2\.5 {
  @media (width >= 40rem) {
    padding-block: calc(var(--spacing) * 2.5);
  }
}
.sm\:pr-0 {
  @media (width >= 40rem) {
    padding-right: calc(var(--spacing) * 0);
  }
}
.sm\:pb-6 {
  @media (width >= 40rem) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.sm\:text-2xl {
  @media (width >= 40rem) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
}
.md\:col-span-1 {
  @media (width >= 48rem) {
    grid-column: span 1 / span 1;
  }
}
.md\:col-span-2 {
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
}
.md\:col-start-1 {
  @media (width >= 48rem) {
    grid-column-start: 1;
  }
}
.md\:col-start-2 {
  @media (width >= 48rem) {
    grid-column-start: 2;
  }
}
.md\:col-start-auto {
  @media (width >= 48rem) {
    grid-column-start: auto;
  }
}
.md\:row-start-1 {
  @media (width >= 48rem) {
    grid-row-start: 1;
  }
}
.md\:row-start-2 {
  @media (width >= 48rem) {
    grid-row-start: 2;
  }
}
.md\:row-start-3 {
  @media (width >= 48rem) {
    grid-row-start: 3;
  }
}
.md\:row-start-4 {
  @media (width >= 48rem) {
    grid-row-start: 4;
  }
}
.md\:row-start-auto {
  @media (width >= 48rem) {
    grid-row-start: auto;
  }
}
.md\:-mx-4 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * -4);
  }
}
.md\:mx-6 {
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing) * 6);
  }
}
.md\:mt-\[21px\] {
  @media (width >= 48rem) {
    margin-top: 21px;
  }
}
.md\:\!mb-7 {
  @media (width >= 48rem) {
    margin-bottom: calc(var(--spacing) * 7) !important;
  }
}
.md\:ml-3 {
  @media (width >= 48rem) {
    margin-left: calc(var(--spacing) * 3);
  }
}
.md\:block {
  @media (width >= 48rem) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:grid {
  @media (width >= 48rem) {
    display: grid;
  }
}
.md\:w-80 {
  @media (width >= 48rem) {
    width: calc(var(--spacing) * 80);
  }
}
.md\:w-\[220px\] {
  @media (width >= 48rem) {
    width: 220px;
  }
}
.md\:w-\[260px\] {
  @media (width >= 48rem) {
    width: 260px;
  }
}
.md\:w-\[560px\] {
  @media (width >= 48rem) {
    width: 560px;
  }
}
.md\:w-auto {
  @media (width >= 48rem) {
    width: auto;
  }
}
.md\:w-full {
  @media (width >= 48rem) {
    width: 100%;
  }
}
.md\:max-w-\[190px\] {
  @media (width >= 48rem) {
    max-width: 190px;
  }
}
.md\:max-w-\[220px\] {
  @media (width >= 48rem) {
    max-width: 220px;
  }
}
.md\:max-w-\[280px\] {
  @media (width >= 48rem) {
    max-width: 280px;
  }
}
.md\:max-w-sm {
  @media (width >= 48rem) {
    max-width: var(--container-sm);
  }
}
.md\:min-w-0 {
  @media (width >= 48rem) {
    min-width: calc(var(--spacing) * 0);
  }
}
.md\:min-w-\[96px\] {
  @media (width >= 48rem) {
    min-width: 96px;
  }
}
.md\:min-w-\[112px\] {
  @media (width >= 48rem) {
    min-width: 112px;
  }
}
.md\:min-w-\[160px\] {
  @media (width >= 48rem) {
    min-width: 160px;
  }
}
.md\:min-w-\[165px\] {
  @media (width >= 48rem) {
    min-width: 165px;
  }
}
.md\:min-w-\[170px\] {
  @media (width >= 48rem) {
    min-width: 170px;
  }
}
.md\:min-w-\[180px\] {
  @media (width >= 48rem) {
    min-width: 180px;
  }
}
.md\:min-w-\[190px\] {
  @media (width >= 48rem) {
    min-width: 190px;
  }
}
.md\:min-w-\[210px\] {
  @media (width >= 48rem) {
    min-width: 210px;
  }
}
.md\:min-w-\[220px\] {
  @media (width >= 48rem) {
    min-width: 220px;
  }
}
.md\:min-w-\[250px\] {
  @media (width >= 48rem) {
    min-width: 250px;
  }
}
.md\:flex-1 {
  @media (width >= 48rem) {
    flex: 1;
  }
}
.md\:flex-none {
  @media (width >= 48rem) {
    flex: none;
  }
}
.md\:shrink-0 {
  @media (width >= 48rem) {
    flex-shrink: 0;
  }
}
.md\:grid-cols-2 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 48rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-\[260px_260px\] {
  @media (width >= 48rem) {
    grid-template-columns: 260px 260px;
  }
}
.md\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(0,1fr) auto;
  }
}
.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
  }
}
.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(180px\,0\.85fr\)\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(0,1fr) minmax(180px,0.85fr);
  }
}
.md\:grid-cols-\[minmax\(170px\,0\.9fr\)_minmax\(220px\,1\.6fr\)_minmax\(150px\,0\.8fr\)_64px\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(170px,0.9fr) minmax(220px,1.6fr) minmax(150px,0.8fr) 64px;
  }
}
.md\:grid-cols-\[minmax\(240px\,1fr\)_220px\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(240px,1fr) 220px;
  }
}
.md\:grid-cols-\[minmax\(300px\,1fr\)_minmax\(200px\,0\.7fr\)_64px\] {
  @media (width >= 48rem) {
    grid-template-columns: minmax(300px,1fr) minmax(200px,0.7fr) 64px;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:items-end {
  @media (width >= 48rem) {
    align-items: flex-end;
  }
}
.md\:items-start {
  @media (width >= 48rem) {
    align-items: flex-start;
  }
}
.md\:justify-between {
  @media (width >= 48rem) {
    justify-content: space-between;
  }
}
.md\:justify-end {
  @media (width >= 48rem) {
    justify-content: flex-end;
  }
}
.md\:gap-0 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 0);
  }
}
.md\:gap-2\.5 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 2.5);
  }
}
.md\:gap-3 {
  @media (width >= 48rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.md\:self-center {
  @media (width >= 48rem) {
    align-self: center;
  }
}
.md\:self-end {
  @media (width >= 48rem) {
    align-self: flex-end;
  }
}
.md\:justify-self-end {
  @media (width >= 48rem) {
    justify-self: flex-end;
  }
}
.md\:justify-self-start {
  @media (width >= 48rem) {
    justify-self: flex-start;
  }
}
.md\:rounded-l-none {
  @media (width >= 48rem) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.md\:rounded-tl-none {
  @media (width >= 48rem) {
    border-top-left-radius: 0;
  }
}
.md\:rounded-r-none {
  @media (width >= 48rem) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.md\:rounded-tr-none {
  @media (width >= 48rem) {
    border-top-right-radius: 0;
  }
}
.md\:rounded-br-none {
  @media (width >= 48rem) {
    border-bottom-right-radius: 0;
  }
}
.md\:rounded-bl-none {
  @media (width >= 48rem) {
    border-bottom-left-radius: 0;
  }
}
.md\:\!border-r-0 {
  @media (width >= 48rem) {
    border-right-style: var(--tw-border-style) !important;
    border-right-width: 0px !important;
  }
}
.md\:border-r-0 {
  @media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 0px;
  }
}
.md\:\!border-l {
  @media (width >= 48rem) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
}
.md\:\!border-l-\[var\(--v2-color-border\)\] {
  @media (width >= 48rem) {
    border-left-color: var(--v2-color-border) !important;
  }
}
.md\:p-4 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 4);
  }
}
.md\:p-5 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 5);
  }
}
.md\:p-6 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 6);
  }
}
.md\:p-8 {
  @media (width >= 48rem) {
    padding: calc(var(--spacing) * 8);
  }
}
.md\:\!px-5 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 5) !important;
  }
}
.md\:\!px-7 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 7) !important;
  }
}
.md\:\!px-8 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 8) !important;
  }
}
.md\:px-4 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.md\:px-6 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.md\:px-8 {
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.md\:py-3 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 3);
  }
}
.md\:py-6 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 6);
  }
}
.md\:py-8 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 8);
  }
}
.md\:py-9 {
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing) * 9);
  }
}
.md\:\!pt-4 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 4) !important;
  }
}
.md\:\!pt-6 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 6) !important;
  }
}
.md\:pt-2 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 2);
  }
}
.md\:pt-4 {
  @media (width >= 48rem) {
    padding-top: calc(var(--spacing) * 4);
  }
}
.md\:\!pb-10 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 10) !important;
  }
}
.md\:\!pb-12 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 12) !important;
  }
}
.md\:pb-4 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 4);
  }
}
.md\:pb-8 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 8);
  }
}
.md\:pb-24 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 24);
  }
}
.md\:pb-64 {
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing) * 64);
  }
}
.md\:text-left {
  @media (width >= 48rem) {
    text-align: left;
  }
}
.md\:\!text-\[18px\] {
  @media (width >= 48rem) {
    font-size: 18px !important;
  }
}
.md\:\!text-\[21px\] {
  @media (width >= 48rem) {
    font-size: 21px !important;
  }
}
.md\:text-\[14px\] {
  @media (width >= 48rem) {
    font-size: 14px;
  }
}
.md\:text-\[15px\] {
  @media (width >= 48rem) {
    font-size: 15px;
  }
}
.md\:text-\[20px\] {
  @media (width >= 48rem) {
    font-size: 20px;
  }
}
.lg\:order-none {
  @media (width >= 64rem) {
    order: 0;
  }
}
.lg\:col-span-2 {
  @media (width >= 64rem) {
    grid-column: span 2 / span 2;
  }
}
.lg\:col-span-3 {
  @media (width >= 64rem) {
    grid-column: span 3 / span 3;
  }
}
.lg\:ml-auto {
  @media (width >= 64rem) {
    margin-left: auto;
  }
}
.lg\:\!flex {
  @media (width >= 64rem) {
    display: flex !important;
  }
}
.lg\:block {
  @media (width >= 64rem) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 64rem) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 64rem) {
    display: none;
  }
}
.lg\:\!h-auto {
  @media (width >= 64rem) {
    height: auto !important;
  }
}
.lg\:h-\[220px\] {
  @media (width >= 64rem) {
    height: 220px;
  }
}
.lg\:h-\[calc\(100vh-3rem\)\] {
  @media (width >= 64rem) {
    height: calc(100vh - 3rem);
  }
}
.lg\:h-full {
  @media (width >= 64rem) {
    height: 100%;
  }
}
.lg\:h-screen {
  @media (width >= 64rem) {
    height: 100vh;
  }
}
.lg\:max-h-none {
  @media (width >= 64rem) {
    max-height: none;
  }
}
.lg\:\!min-h-full {
  @media (width >= 64rem) {
    min-height: 100% !important;
  }
}
.lg\:min-h-0 {
  @media (width >= 64rem) {
    min-height: calc(var(--spacing) * 0);
  }
}
.lg\:\!w-1\/2 {
  @media (width >= 64rem) {
    width: calc(1/2 * 100%) !important;
  }
}
.lg\:\!w-\[49\.5\%\] {
  @media (width >= 64rem) {
    width: 49.5% !important;
  }
}
.lg\:\!w-\[50\.5\%\] {
  @media (width >= 64rem) {
    width: 50.5% !important;
  }
}
.lg\:\!w-full {
  @media (width >= 64rem) {
    width: 100% !important;
  }
}
.lg\:w-1\/2 {
  @media (width >= 64rem) {
    width: calc(1/2 * 100%);
  }
}
.lg\:w-\[210px\] {
  @media (width >= 64rem) {
    width: 210px;
  }
}
.lg\:w-\[230px\] {
  @media (width >= 64rem) {
    width: 230px;
  }
}
.lg\:w-\[300px\] {
  @media (width >= 64rem) {
    width: 300px;
  }
}
.lg\:w-\[320px\] {
  @media (width >= 64rem) {
    width: 320px;
  }
}
.lg\:w-auto {
  @media (width >= 64rem) {
    width: auto;
  }
}
.lg\:\!max-w-full {
  @media (width >= 64rem) {
    max-width: 100% !important;
  }
}
.lg\:max-w-\[300px\] {
  @media (width >= 64rem) {
    max-width: 300px;
  }
}
.lg\:max-w-\[320px\] {
  @media (width >= 64rem) {
    max-width: 320px;
  }
}
.lg\:min-w-0 {
  @media (width >= 64rem) {
    min-width: calc(var(--spacing) * 0);
  }
}
.lg\:min-w-\[176px\] {
  @media (width >= 64rem) {
    min-width: 176px;
  }
}
.lg\:min-w-\[180px\] {
  @media (width >= 64rem) {
    min-width: 180px;
  }
}
.lg\:min-w-\[188px\] {
  @media (width >= 64rem) {
    min-width: 188px;
  }
}
.lg\:min-w-\[228px\] {
  @media (width >= 64rem) {
    min-width: 228px;
  }
}
.lg\:min-w-\[238px\] {
  @media (width >= 64rem) {
    min-width: 238px;
  }
}
.lg\:flex-1 {
  @media (width >= 64rem) {
    flex: 1;
  }
}
.lg\:flex-none {
  @media (width >= 64rem) {
    flex: none;
  }
}
.lg\:shrink-0 {
  @media (width >= 64rem) {
    flex-shrink: 0;
  }
}
.lg\:\!grid-cols-\[1fr_0\.98fr\] {
  @media (width >= 64rem) {
    grid-template-columns: 1fr 0.98fr !important;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-6 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.lg\:grid-cols-\[76px_minmax\(0\,1fr\)\] {
  @media (width >= 64rem) {
    grid-template-columns: 76px minmax(0,1fr);
  }
}
.lg\:grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,0\.7fr\)_minmax\(0\,1fr\)_34px\] {
  @media (width >= 64rem) {
    grid-template-columns: minmax(0,0.7fr) minmax(0,0.7fr) minmax(0,1fr) 34px;
  }
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\] {
  @media (width >= 64rem) {
    grid-template-columns: minmax(0,1fr) 300px;
  }
}
.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] {
  @media (width >= 64rem) {
    grid-template-columns: minmax(0,1fr) 320px;
  }
}
.lg\:grid-cols-\[minmax\(280px\,0\.85fr\)_minmax\(320px\,1\.15fr\)\] {
  @media (width >= 64rem) {
    grid-template-columns: minmax(280px,0.85fr) minmax(320px,1.15fr);
  }
}
.lg\:grid-rows-1 {
  @media (width >= 64rem) {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
}
.lg\:flex-col {
  @media (width >= 64rem) {
    flex-direction: column;
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:flex-nowrap {
  @media (width >= 64rem) {
    flex-wrap: nowrap;
  }
}
.lg\:\!items-center {
  @media (width >= 64rem) {
    align-items: center !important;
  }
}
.lg\:items-center {
  @media (width >= 64rem) {
    align-items: center;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:items-start {
  @media (width >= 64rem) {
    align-items: flex-start;
  }
}
.lg\:items-stretch {
  @media (width >= 64rem) {
    align-items: stretch;
  }
}
.lg\:\!justify-center {
  @media (width >= 64rem) {
    justify-content: center !important;
  }
}
.lg\:justify-between {
  @media (width >= 64rem) {
    justify-content: space-between;
  }
}
.lg\:justify-end {
  @media (width >= 64rem) {
    justify-content: flex-end;
  }
}
.lg\:gap-3 {
  @media (width >= 64rem) {
    gap: calc(var(--spacing) * 3);
  }
}
.lg\:self-center {
  @media (width >= 64rem) {
    align-self: center;
  }
}
.lg\:justify-self-end {
  @media (width >= 64rem) {
    justify-self: flex-end;
  }
}
.lg\:\!overflow-visible {
  @media (width >= 64rem) {
    overflow: visible !important;
  }
}
.lg\:overflow-hidden {
  @media (width >= 64rem) {
    overflow: hidden;
  }
}
.lg\:overflow-y-auto {
  @media (width >= 64rem) {
    overflow-y: auto;
  }
}
.lg\:\!border-t-0 {
  @media (width >= 64rem) {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 0px !important;
  }
}
.lg\:\!border-l {
  @media (width >= 64rem) {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 1px !important;
  }
}
.lg\:\!p-20 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 20) !important;
  }
}
.lg\:p-24 {
  @media (width >= 64rem) {
    padding: calc(var(--spacing) * 24);
  }
}
.lg\:\!px-11 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 11) !important;
  }
}
.lg\:px-6 {
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.lg\:\!pr-0 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 0) !important;
  }
}
.lg\:pr-1 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 1);
  }
}
.lg\:pr-2 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 2);
  }
}
.lg\:pr-3 {
  @media (width >= 64rem) {
    padding-right: calc(var(--spacing) * 3);
  }
}
.lg\:pb-6 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.lg\:pb-16 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 16);
  }
}
.lg\:pb-56 {
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing) * 56);
  }
}
.lg\:pl-1 {
  @media (width >= 64rem) {
    padding-left: calc(var(--spacing) * 1);
  }
}
.xl\:col-span-1 {
  @media (width >= 80rem) {
    grid-column: span 1 / span 1;
  }
}
.xl\:col-span-2 {
  @media (width >= 80rem) {
    grid-column: span 2 / span 2;
  }
}
.xl\:col-span-6 {
  @media (width >= 80rem) {
    grid-column: span 6 / span 6;
  }
}
.xl\:col-start-2 {
  @media (width >= 80rem) {
    grid-column-start: 2;
  }
}
.xl\:col-start-3 {
  @media (width >= 80rem) {
    grid-column-start: 3;
  }
}
.xl\:col-start-4 {
  @media (width >= 80rem) {
    grid-column-start: 4;
  }
}
.xl\:col-start-5 {
  @media (width >= 80rem) {
    grid-column-start: 5;
  }
}
.xl\:col-start-6 {
  @media (width >= 80rem) {
    grid-column-start: 6;
  }
}
.xl\:col-start-7 {
  @media (width >= 80rem) {
    grid-column-start: 7;
  }
}
.xl\:col-start-8 {
  @media (width >= 80rem) {
    grid-column-start: 8;
  }
}
.xl\:row-span-1 {
  @media (width >= 80rem) {
    grid-row: span 1 / span 1;
  }
}
.xl\:row-start-1 {
  @media (width >= 80rem) {
    grid-row-start: 1;
  }
}
.xl\:block {
  @media (width >= 80rem) {
    display: block;
  }
}
.xl\:flex {
  @media (width >= 80rem) {
    display: flex;
  }
}
.xl\:grid {
  @media (width >= 80rem) {
    display: grid;
  }
}
.xl\:hidden {
  @media (width >= 80rem) {
    display: none;
  }
}
.xl\:h-\[240px\] {
  @media (width >= 80rem) {
    height: 240px;
  }
}
.xl\:\!w-full {
  @media (width >= 80rem) {
    width: 100% !important;
  }
}
.xl\:w-\[330px\] {
  @media (width >= 80rem) {
    width: 330px;
  }
}
.xl\:w-\[360px\] {
  @media (width >= 80rem) {
    width: 360px;
  }
}
.xl\:w-auto {
  @media (width >= 80rem) {
    width: auto;
  }
}
.xl\:w-full {
  @media (width >= 80rem) {
    width: 100%;
  }
}
.xl\:\!max-w-full {
  @media (width >= 80rem) {
    max-width: 100% !important;
  }
}
.xl\:max-w-\[86px\] {
  @media (width >= 80rem) {
    max-width: 86px;
  }
}
.xl\:max-w-\[330px\] {
  @media (width >= 80rem) {
    max-width: 330px;
  }
}
.xl\:max-w-\[360px\] {
  @media (width >= 80rem) {
    max-width: 360px;
  }
}
.xl\:max-w-\[1100px\] {
  @media (width >= 80rem) {
    max-width: 1100px;
  }
}
.xl\:min-w-0 {
  @media (width >= 80rem) {
    min-width: calc(var(--spacing) * 0);
  }
}
.xl\:flex-1 {
  @media (width >= 80rem) {
    flex: 1;
  }
}
.xl\:auto-rows-min {
  @media (width >= 80rem) {
    grid-auto-rows: min-content;
  }
}
.xl\:\!grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.xl\:grid-cols-2 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.xl\:grid-cols-3 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.xl\:grid-cols-4 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.xl\:grid-cols-6 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.xl\:grid-cols-8 {
  @media (width >= 80rem) {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.xl\:grid-cols-\[90px_minmax\(0\,1fr\)_minmax\(220px\,300px\)_120px\] {
  @media (width >= 80rem) {
    grid-template-columns: 90px minmax(0,1fr) minmax(220px,300px) 120px;
  }
}
.xl\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(0\,0\.85fr\)_minmax\(0\,0\.95fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)_minmax\(120px\,0\.8fr\)_minmax\(140px\,0\.85fr\)\] {
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr) minmax(0,0.95fr) minmax(0,1.1fr) minmax(0,0.95fr) minmax(0,1.05fr) minmax(120px,0.8fr) minmax(140px,0.85fr);
  }
}
.xl\:grid-cols-\[minmax\(0\,1fr\)_276px\] {
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1fr) 276px;
  }
}
.xl\:grid-cols-\[minmax\(0\,1fr\)_330px\] {
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1fr) 330px;
  }
}
.xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
  @media (width >= 80rem) {
    grid-template-columns: minmax(0,1fr) 360px;
  }
}
.xl\:grid-cols-\[minmax\(360px\,0\.65fr\)_minmax\(520px\,1fr\)\] {
  @media (width >= 80rem) {
    grid-template-columns: minmax(360px,0.65fr) minmax(520px,1fr);
  }
}
.xl\:flex-row {
  @media (width >= 80rem) {
    flex-direction: row;
  }
}
.xl\:items-center {
  @media (width >= 80rem) {
    align-items: center;
  }
}
.xl\:items-start {
  @media (width >= 80rem) {
    align-items: flex-start;
  }
}
.xl\:justify-between {
  @media (width >= 80rem) {
    justify-content: space-between;
  }
}
.xl\:justify-end {
  @media (width >= 80rem) {
    justify-content: flex-end;
  }
}
.xl\:gap-x-3 {
  @media (width >= 80rem) {
    column-gap: calc(var(--spacing) * 3);
  }
}
.xl\:gap-y-0 {
  @media (width >= 80rem) {
    row-gap: calc(var(--spacing) * 0);
  }
}
.xl\:justify-self-start {
  @media (width >= 80rem) {
    justify-self: flex-start;
  }
}
.xl\:border-t-0 {
  @media (width >= 80rem) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
}
.xl\:border-l {
  @media (width >= 80rem) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
}
.xl\:\!px-11 {
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 11) !important;
  }
}
.xl\:\!px-20 {
  @media (width >= 80rem) {
    padding-inline: calc(var(--spacing) * 20) !important;
  }
}
.xl\:\!py-\[0\.7rem\] {
  @media (width >= 80rem) {
    padding-block: 0.7rem !important;
  }
}
.xl\:pt-0 {
  @media (width >= 80rem) {
    padding-top: calc(var(--spacing) * 0);
  }
}
.xl\:pt-\[21px\] {
  @media (width >= 80rem) {
    padding-top: 21px;
  }
}
.xl\:pr-8 {
  @media (width >= 80rem) {
    padding-right: calc(var(--spacing) * 8);
  }
}
.xl\:pl-6 {
  @media (width >= 80rem) {
    padding-left: calc(var(--spacing) * 6);
  }
}
.xl\:text-left {
  @media (width >= 80rem) {
    text-align: left;
  }
}
.\32 xl\:w-\[360px\] {
  @media (width >= 96rem) {
    width: 360px;
  }
}
.\32 xl\:max-w-\[360px\] {
  @media (width >= 96rem) {
    max-width: 360px;
  }
}
.\32 xl\:max-w-none {
  @media (width >= 96rem) {
    max-width: none;
  }
}
.\32 xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] {
  @media (width >= 96rem) {
    grid-template-columns: minmax(0,1fr) 360px;
  }
}
.dark\:\!divide-navy-700 {
  &:where(.dark, .dark *) {
    :where(& > :not(:last-child)) {
      border-color: var(--color-navy-700) !important;
    }
  }
}
.dark\:\!border-\[\#2e52fb\] {
  &:where(.dark, .dark *) {
    border-color: #2e52fb !important;
  }
}
.dark\:\!border-\[\#464D66\] {
  &:where(.dark, .dark *) {
    border-color: #464D66 !important;
  }
}
.dark\:\!border-\[var\(--v2-color-border\)\] {
  &:where(.dark, .dark *) {
    border-color: var(--v2-color-border) !important;
  }
}
.dark\:\!border-amber-900\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent) !important;
    }
  }
}
.dark\:\!border-blue-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent) !important;
    }
  }
}
.dark\:\!border-emerald-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent) !important;
    }
  }
}
.dark\:\!border-indigo-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-indigo-700) !important;
  }
}
.dark\:\!border-indigo-800 {
  &:where(.dark, .dark *) {
    border-color: var(--color-indigo-800) !important;
  }
}
.dark\:\!border-navy-600 {
  &:where(.dark, .dark *) {
    border-color: var(--color-navy-600) !important;
  }
}
.dark\:\!border-navy-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-navy-700) !important;
  }
}
.dark\:\!border-purple-800 {
  &:where(.dark, .dark *) {
    border-color: var(--color-purple-800) !important;
  }
}
.dark\:\!border-red-500 {
  &:where(.dark, .dark *) {
    border-color: var(--color-red-500) !important;
  }
}
.dark\:\!border-red-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent) !important;
    }
  }
}
.dark\:\!border-slate-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-slate-700) !important;
  }
}
.dark\:border-\[var\(--v2-color-border\)\] {
  &:where(.dark, .dark *) {
    border-color: var(--v2-color-border);
  }
}
.dark\:border-amber-700\/50 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent);
    }
  }
}
.dark\:border-amber-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent);
    }
  }
}
.dark\:border-amber-900\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }
}
.dark\:border-blue-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }
}
.dark\:border-blue-900\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }
}
.dark\:border-emerald-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent);
    }
  }
}
.dark\:border-emerald-900\/40 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent);
    }
  }
}
.dark\:border-navy-500 {
  &:where(.dark, .dark *) {
    border-color: var(--color-navy-500);
  }
}
.dark\:border-navy-600 {
  &:where(.dark, .dark *) {
    border-color: var(--color-navy-600);
  }
}
.dark\:border-navy-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-navy-700);
  }
}
.dark\:border-orange-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent);
    }
  }
}
.dark\:border-purple-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent);
    }
  }
}
.dark\:border-red-900\/30 {
  &:where(.dark, .dark *) {
    border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
    }
  }
}
.dark\:border-slate-700 {
  &:where(.dark, .dark *) {
    border-color: var(--color-slate-700);
  }
}
.dark\:border-transparent {
  &:where(.dark, .dark *) {
    border-color: transparent;
  }
}
.dark\:\!bg-\[\#2e52fb\] {
  &:where(.dark, .dark *) {
    background-color: #2e52fb !important;
  }
}
.dark\:\!bg-\[var\(--v2-color-bg-soft\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-bg-soft) !important;
  }
}
.dark\:\!bg-\[var\(--v2-color-surface-bg\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-surface-bg) !important;
  }
}
.dark\:\!bg-blue-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent) !important;
    }
  }
}
.dark\:\!bg-navy-700 {
  &:where(.dark, .dark *) {
    background-color: var(--color-navy-700) !important;
  }
}
.dark\:\!bg-navy-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-navy-800) !important;
  }
}
.dark\:\!bg-navy-900\/40 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2d3245 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 40%, transparent) !important;
    }
  }
}
.dark\:\!bg-navy-900\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2d3245 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 50%, transparent) !important;
    }
  }
}
.dark\:\!bg-navy-900\/60 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2d3245 60%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 60%, transparent) !important;
    }
  }
}
.dark\:\!bg-red-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent) !important;
    }
  }
}
.dark\:bg-\[\#0d5bff\]\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in oklab, #0d5bff 10%, transparent);
  }
}
.dark\:bg-\[\#2e52fb\]\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in oklab, #2e52fb 20%, transparent);
  }
}
.dark\:bg-\[\#383E54\] {
  &:where(.dark, .dark *) {
    background-color: #383E54;
  }
}
.dark\:bg-\[var\(--v2-color-bg-card\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-bg-card);
  }
}
.dark\:bg-\[var\(--v2-color-bg-soft\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-bg-soft);
  }
}
.dark\:bg-\[var\(--v2-color-page-bg\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-page-bg);
  }
}
.dark\:bg-\[var\(--v2-color-surface-bg\)\] {
  &:where(.dark, .dark *) {
    background-color: var(--v2-color-surface-bg);
  }
}
.dark\:bg-amber-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
    }
  }
}
.dark\:bg-amber-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent);
    }
  }
}
.dark\:bg-blue-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
    }
  }
}
.dark\:bg-blue-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
    }
  }
}
.dark\:bg-blue-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
    }
  }
}
.dark\:bg-blue-900\/40 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent);
    }
  }
}
.dark\:bg-emerald-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent);
    }
  }
}
.dark\:bg-indigo-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent);
    }
  }
}
.dark\:bg-indigo-900\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
    }
  }
}
.dark\:bg-indigo-950\/40 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
    }
  }
}
.dark\:bg-navy-600 {
  &:where(.dark, .dark *) {
    background-color: var(--color-navy-600);
  }
}
.dark\:bg-navy-600\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2e52fb 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-600) 20%, transparent);
    }
  }
}
.dark\:bg-navy-600\/30 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2e52fb 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-600) 30%, transparent);
    }
  }
}
.dark\:bg-navy-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-navy-800);
  }
}
.dark\:bg-navy-900\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, #2d3245 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 50%, transparent);
    }
  }
}
.dark\:bg-navy-950 {
  &:where(.dark, .dark *) {
    background-color: var(--color-navy-950);
  }
}
.dark\:bg-orange-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
    }
  }
}
.dark\:bg-purple-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
    }
  }
}
.dark\:bg-purple-950\/40 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);
    }
  }
}
.dark\:bg-red-900\/10 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
    }
  }
}
.dark\:bg-red-900\/20 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
    }
  }
}
.dark\:bg-slate-800 {
  &:where(.dark, .dark *) {
    background-color: var(--color-slate-800);
  }
}
.dark\:bg-slate-900\/50 {
  &:where(.dark, .dark *) {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
}
.dark\:bg-transparent {
  &:where(.dark, .dark *) {
    background-color: transparent;
  }
}
.dark\:\!text-\[var\(--v2-color-label-muted\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-label-muted) !important;
  }
}
.dark\:\!text-\[var\(--v2-color-text-muted\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-text-muted) !important;
  }
}
.dark\:\!text-\[var\(--v2-color-text-strong\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-text-strong) !important;
  }
}
.dark\:\!text-blue-300 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-300) !important;
  }
}
.dark\:\!text-blue-400 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-400) !important;
  }
}
.dark\:\!text-gray-100 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-100) !important;
  }
}
.dark\:\!text-gray-200 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-200) !important;
  }
}
.dark\:\!text-gray-400 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-400) !important;
  }
}
.dark\:\!text-gray-500 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-500) !important;
  }
}
.dark\:\!text-red-400 {
  &:where(.dark, .dark *) {
    color: var(--color-red-400) !important;
  }
}
.dark\:\!text-white {
  &:where(.dark, .dark *) {
    color: var(--color-white) !important;
  }
}
.dark\:text-\[\#10B981\] {
  &:where(.dark, .dark *) {
    color: #10B981;
  }
}
.dark\:text-\[var\(--v2-color-border\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-border);
  }
}
.dark\:text-\[var\(--v2-color-icon-muted\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-icon-muted);
  }
}
.dark\:text-\[var\(--v2-color-label-muted\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-label-muted);
  }
}
.dark\:text-\[var\(--v2-color-text-muted\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-text-muted);
  }
}
.dark\:text-\[var\(--v2-color-text-secondary\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-text-secondary);
  }
}
.dark\:text-\[var\(--v2-color-text-strong\)\] {
  &:where(.dark, .dark *) {
    color: var(--v2-color-text-strong);
  }
}
.dark\:text-amber-300 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-300);
  }
}
.dark\:text-amber-400 {
  &:where(.dark, .dark *) {
    color: var(--color-amber-400);
  }
}
.dark\:text-blue-100 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-100);
  }
}
.dark\:text-blue-200 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-200);
  }
}
.dark\:text-blue-300 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-300);
  }
}
.dark\:text-blue-400 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-400);
  }
}
.dark\:text-blue-500 {
  &:where(.dark, .dark *) {
    color: var(--color-blue-500);
  }
}
.dark\:text-emerald-200 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-200);
  }
}
.dark\:text-emerald-300 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-300);
  }
}
.dark\:text-emerald-400 {
  &:where(.dark, .dark *) {
    color: var(--color-emerald-400);
  }
}
.dark\:text-gray-300 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-300);
  }
}
.dark\:text-gray-400 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-400);
  }
}
.dark\:text-gray-500 {
  &:where(.dark, .dark *) {
    color: var(--color-gray-500);
  }
}
.dark\:text-indigo-300 {
  &:where(.dark, .dark *) {
    color: var(--color-indigo-300);
  }
}
.dark\:text-indigo-400 {
  &:where(.dark, .dark *) {
    color: var(--color-indigo-400);
  }
}
.dark\:text-orange-300 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-300);
  }
}
.dark\:text-orange-400 {
  &:where(.dark, .dark *) {
    color: var(--color-orange-400);
  }
}
.dark\:text-purple-300 {
  &:where(.dark, .dark *) {
    color: var(--color-purple-300);
  }
}
.dark\:text-purple-400 {
  &:where(.dark, .dark *) {
    color: var(--color-purple-400);
  }
}
.dark\:text-red-300 {
  &:where(.dark, .dark *) {
    color: var(--color-red-300);
  }
}
.dark\:text-red-400 {
  &:where(.dark, .dark *) {
    color: var(--color-red-400);
  }
}
.dark\:text-red-400\/70 {
  &:where(.dark, .dark *) {
    color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-red-400) 70%, transparent);
    }
  }
}
.dark\:text-slate-300 {
  &:where(.dark, .dark *) {
    color: var(--color-slate-300);
  }
}
.dark\:text-white {
  &:where(.dark, .dark *) {
    color: var(--color-white);
  }
}
.dark\:placeholder\:\!text-\[var\(--v2-color-placeholder\)\] {
  &:where(.dark, .dark *) {
    &::placeholder {
      color: var(--v2-color-placeholder) !important;
    }
  }
}
.dark\:placeholder\:text-\[var\(--v2-color-placeholder\)\] {
  &:where(.dark, .dark *) {
    &::placeholder {
      color: var(--v2-color-placeholder);
    }
  }
}
.dark\:hover\:\!border-\[var\(--v2-color-border-muted\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--v2-color-border-muted) !important;
      }
    }
  }
}
.dark\:hover\:\!border-blue-700 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-700) !important;
      }
    }
  }
}
.dark\:hover\:border-\[var\(--v2-color-border-muted\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--v2-color-border-muted);
      }
    }
  }
}
.dark\:hover\:\!bg-\[\#2448ea\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: #2448ea !important;
      }
    }
  }
}
.dark\:hover\:\!bg-\[var\(--v2-color-bg-hover\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--v2-color-bg-hover) !important;
      }
    }
  }
}
.dark\:hover\:\!bg-navy-700 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-navy-700) !important;
      }
    }
  }
}
.dark\:hover\:\!bg-navy-800 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-navy-800) !important;
      }
    }
  }
}
.dark\:hover\:\!bg-red-900\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent) !important;
        }
      }
    }
  }
}
.dark\:hover\:bg-\[\#383E54\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: #383E54;
      }
    }
  }
}
.dark\:hover\:bg-\[var\(--v2-color-bg-hover\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--v2-color-bg-hover);
      }
    }
  }
}
.dark\:hover\:bg-\[var\(--v2-color-bg-soft\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--v2-color-bg-soft);
      }
    }
  }
}
.dark\:hover\:bg-amber-900\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-blue-900\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-emerald-900\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-emerald-900) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-indigo-900\/30 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-navy-700 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-navy-700);
      }
    }
  }
}
.dark\:hover\:bg-red-900\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-red-900\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-red-900\/30 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-red-950\/20 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-white\/5 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:bg-white\/10 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
  }
}
.dark\:hover\:\!text-\[var\(--v2-color-text-muted\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--v2-color-text-muted) !important;
      }
    }
  }
}
.dark\:hover\:\!text-blue-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300) !important;
      }
    }
  }
}
.dark\:hover\:\!text-red-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300) !important;
      }
    }
  }
}
.dark\:hover\:text-\[var\(--v2-color-text-muted\)\] {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--v2-color-text-muted);
      }
    }
  }
}
.dark\:hover\:text-blue-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-300);
      }
    }
  }
}
.dark\:hover\:text-gray-200 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-200);
      }
    }
  }
}
.dark\:hover\:text-red-300 {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-300);
      }
    }
  }
}
.dark\:hover\:text-white {
  &:where(.dark, .dark *) {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
}
.\[\&\:\:-webkit-inner-spin-button\]\:\!appearance-none {
  &::-webkit-inner-spin-button {
    appearance: none !important;
  }
}
.\[\&\:\:-webkit-outer-spin-button\]\:\!appearance-none {
  &::-webkit-outer-spin-button {
    appearance: none !important;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:w-1\.5 {
  &::-webkit-scrollbar {
    width: calc(var(--spacing) * 1.5);
  }
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full {
  &::-webkit-scrollbar-thumb {
    border-radius: calc(infinity * 1px);
  }
}
.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-\[\#c7d9ef\] {
  &::-webkit-scrollbar-thumb {
    background-color: #c7d9ef;
  }
}
.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent {
  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
}
.\[body\.dark_\&\]\:\!divide-navy-700 {
  body.dark & {
    :where(& > :not(:last-child)) {
      border-color: var(--color-navy-700) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!border-amber-900 {
  body.dark & {
    border-color: var(--color-amber-900) !important;
  }
}
.\[body\.dark_\&\]\:\!border-blue-700 {
  body.dark & {
    border-color: var(--color-blue-700) !important;
  }
}
.\[body\.dark_\&\]\:\!border-blue-900 {
  body.dark & {
    border-color: var(--color-blue-900) !important;
  }
}
.\[body\.dark_\&\]\:\!border-emerald-900 {
  body.dark & {
    border-color: var(--color-emerald-900) !important;
  }
}
.\[body\.dark_\&\]\:\!border-navy-600 {
  body.dark & {
    border-color: var(--color-navy-600) !important;
  }
}
.\[body\.dark_\&\]\:\!border-navy-700 {
  body.dark & {
    border-color: var(--color-navy-700) !important;
  }
}
.\[body\.dark_\&\]\:\!border-orange-900 {
  body.dark & {
    border-color: var(--color-orange-900) !important;
  }
}
.\[body\.dark_\&\]\:\!border-purple-900 {
  body.dark & {
    border-color: var(--color-purple-900) !important;
  }
}
.\[body\.dark_\&\]\:\!border-red-900 {
  body.dark & {
    border-color: var(--color-red-900) !important;
  }
}
.\[body\.dark_\&\]\:border-navy-600 {
  body.dark & {
    border-color: var(--color-navy-600);
  }
}
.\[body\.dark_\&\]\:border-navy-700 {
  body.dark & {
    border-color: var(--color-navy-700);
  }
}
.\[body\.dark_\&\]\:\!bg-amber-950 {
  body.dark & {
    background-color: var(--color-amber-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-blue-900\/15 {
  body.dark & {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 15%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 15%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-blue-900\/20 {
  body.dark & {
    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-blue-950 {
  body.dark & {
    background-color: var(--color-blue-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-emerald-900\/20 {
  body.dark & {
    background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-emerald-950 {
  body.dark & {
    background-color: var(--color-emerald-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-navy-700 {
  body.dark & {
    background-color: var(--color-navy-700) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-navy-700\/50 {
  body.dark & {
    background-color: color-mix(in srgb, #464d66 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-700) 50%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-800 {
  body.dark & {
    background-color: var(--color-navy-800) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900 {
  body.dark & {
    background-color: var(--color-navy-900) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900\/20 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 20%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 20%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900\/30 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 30%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 30%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900\/40 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 40%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 40%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900\/50 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 50%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 50%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-900\/95 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 95%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 95%, transparent) !important;
    }
  }
}
.\[body\.dark_\&\]\:\!bg-navy-950 {
  body.dark & {
    background-color: var(--color-navy-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-orange-950 {
  body.dark & {
    background-color: var(--color-orange-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-purple-950 {
  body.dark & {
    background-color: var(--color-purple-950) !important;
  }
}
.\[body\.dark_\&\]\:\!bg-red-950 {
  body.dark & {
    background-color: var(--color-red-950) !important;
  }
}
.\[body\.dark_\&\]\:bg-navy-700 {
  body.dark & {
    background-color: var(--color-navy-700);
  }
}
.\[body\.dark_\&\]\:bg-navy-900\/50 {
  body.dark & {
    background-color: color-mix(in srgb, #2d3245 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-navy-900) 50%, transparent);
    }
  }
}
.\[body\.dark_\&\]\:\!text-amber-300 {
  body.dark & {
    color: var(--color-amber-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-blue-300 {
  body.dark & {
    color: var(--color-blue-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-blue-400 {
  body.dark & {
    color: var(--color-blue-400) !important;
  }
}
.\[body\.dark_\&\]\:\!text-emerald-300 {
  body.dark & {
    color: var(--color-emerald-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-gray-300 {
  body.dark & {
    color: var(--color-gray-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-gray-400 {
  body.dark & {
    color: var(--color-gray-400) !important;
  }
}
.\[body\.dark_\&\]\:\!text-gray-500 {
  body.dark & {
    color: var(--color-gray-500) !important;
  }
}
.\[body\.dark_\&\]\:\!text-gray-600 {
  body.dark & {
    color: var(--color-gray-600) !important;
  }
}
.\[body\.dark_\&\]\:\!text-orange-300 {
  body.dark & {
    color: var(--color-orange-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-purple-300 {
  body.dark & {
    color: var(--color-purple-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-red-300 {
  body.dark & {
    color: var(--color-red-300) !important;
  }
}
.\[body\.dark_\&\]\:\!text-white {
  body.dark & {
    color: var(--color-white) !important;
  }
}
.\[body\.dark_\&\]\:hover\:\!bg-navy-700 {
  body.dark & {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-navy-700) !important;
      }
    }
  }
}
.\[body\.dark_\&\]\:hover\:\!bg-navy-700\/30 {
  body.dark & {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #464d66 30%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-navy-700) 30%, transparent) !important;
        }
      }
    }
  }
}
.\[body\.dark_\&\]\:hover\:\!bg-navy-700\/50 {
  body.dark & {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #464d66 50%, transparent) !important;
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-navy-700) 50%, transparent) !important;
        }
      }
    }
  }
}
.\[body\.dark_\&\]\:hover\:bg-navy-700\/30 {
  body.dark & {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #464d66 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-navy-700) 30%, transparent);
        }
      }
    }
  }
}
.\[body\.dark_\&\]\:hover\:\!text-white {
  body.dark & {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white) !important;
      }
    }
  }
}
.\[body\.dark_\&\>div\]\:\!border-navy-700 {
  body.dark &>div {
    border-color: var(--color-navy-700) !important;
  }
}
.\[body\.dark_\&\>div\]\:\!bg-navy-800 {
  body.dark &>div {
    background-color: var(--color-navy-800) !important;
  }
}
.\[body\.dark_\&\>div_button\]\:\!border-\[\#5a6b98\] {
  body.dark &>div button {
    border-color: #5a6b98 !important;
  }
}
.\[body\.dark_\&\>div_button\]\:\!bg-transparent {
  body.dark &>div button {
    background-color: transparent !important;
  }
}
.\[body\.dark_\&\>div_button\]\:\!text-\[\#dbe6ff\] {
  body.dark &>div button {
    color: #dbe6ff !important;
  }
}
.\[body\.dark_\&\>div_button\:hover\]\:\!bg-navy-700 {
  body.dark &>div button:hover {
    background-color: var(--color-navy-700) !important;
  }
}
:root {
  --v2-color-primary: #2e52fb;
  --v2-color-primary-hover: #2448ea;
  --v2-color-success: #4caf50;
  --v2-color-success-hover: #43a047;
  --v2-color-label-muted: #94a3b8;
  --v2-color-text-secondary: #7f8ca3;
  --v2-color-border: #d6deea;
  --v2-color-border-soft: #e6eaf2;
  --v2-color-border-muted: #cbd5e1;
  --v2-color-surface-border: #dce5f2;
  --v2-color-text-strong: #0f172a;
  --v2-color-page-bg: #e5e7eb;
  --v2-color-surface-bg: #ffffff;
  --v2-color-bg-soft: #f8fafc;
  --v2-color-bg-hover: #f4f7fc;
  --v2-color-bg-brand-soft: #f2f7ff;
  --v2-color-bg-active-soft: #eef3ff;
  --v2-color-selection-bg: #eaf1ff;
  --v2-color-selection-text: #2e52fb;
  --v2-color-placeholder: #94a3b8;
  --v2-color-icon-muted: #94a3b8;
  --v2-color-action-primary: #4a1cff;
  --v2-color-action-primary-hover: #3f17db;
  --v2-color-action-secondary-border: #d7dce5;
  --v2-color-action-secondary-bg: #f4f6f9;
  --v2-color-action-secondary-bg-hover: #edeff3;
  --v2-color-action-secondary-text: #5b6472;
  --v2-color-danger-soft-border: #f9c9ce;
  --v2-color-danger-soft-bg: #fff5f6;
  --v2-color-danger-soft-bg-hover: #ffecef;
  --v2-color-danger-soft-text: #e02424;
  --v2-color-heading: #1e2d4c;
  --v2-color-text-muted: #475569;
  --v2-color-highlight-soft-border: #ddd6fe;
  --v2-color-highlight-soft-bg: #f3e8ff;
  --v2-color-highlight-soft-bg-hover: #e9d5ff;
  --v2-color-highlight-soft-text: #7e22ce;
  --v2-color-warning-soft-border: #e7d38b;
  --v2-color-warning-soft-bg: #fbf8ea;
  --v2-color-warning-soft-icon: #f18400;
  --v2-color-warning-soft-text: #d24b00;
  --v2-color-warning-soft-strong: #8c3d08;
  --v2-color-info-soft-border: #b8cbf7;
  --v2-color-info-soft-bg: #f1f6ff;
  --v2-color-info-soft-text: #3b53ee;
  --v2-color-info-bubble-border: #dbeafe;
  --v2-color-info-bubble-bg: #eff6ff;
  --v2-color-info-bubble-text: #1f2937;
  --v2-color-success-bubble-border: #6ee7b7;
  --v2-color-success-bubble-bg: #ecfdf5;
  --v2-color-success-bubble-text: #0f172a;
  --v2-color-mediation-bubble-border: #fde68a;
  --v2-color-mediation-bubble-bg: #fffbeb;
  --v2-color-mediation-bubble-text: #513d05;
  --v2-color-answer-card-bg: #ffffff;
  --v2-color-answer-metric-bg: #f9fafb;
  --v2-color-answer-metric-label: #94a3b8;
  --v2-color-answer-metric-value: #1f2937;
  --v2-color-answer-meta: #6b7280;
  --v2-color-answer-meta-strong: #6b7280;
  --v2-color-answer-avatar-from: #3b82f6;
  --v2-color-answer-avatar-to: #a855f7;
  --v2-color-accent: #5b5ce2;
  --v2-color-accent-soft-bg: #ecefff;
  --v2-color-accent-strong: #7c3aed;
  --v2-color-accent-strong-alt: #d946ef;
  --v2-color-success-pill-bg: #02c39a;
  --v2-color-media-bg: #0b1220;
  --v2-color-overlay-border: #3b4558;
  --v2-color-selection-ring: #bfd5ff;
  --v2-color-selection-ring-soft: #dce5ff;
  --v2-color-success-badge-bg: #e9fbf0;
  --v2-color-success-badge-text: #16a34a;
  --v2-color-warning-badge-bg: #fffbeb;
  --v2-color-warning-badge-text: #d97706;
  --v2-color-sla-success-bg: #ecfdf5;
  --v2-color-sla-success-label: #059669;
  --v2-color-sla-success-value: #047857;
  --v2-color-sla-danger-bg: #fef2f2;
  --v2-color-sla-danger-label: #dc2626;
  --v2-color-sla-danger-value: #b91c1c;
  --v2-color-sla-neutral-bg: #f1f5f9;
  --v2-color-sla-neutral-label: #64748b;
  --v2-color-sla-neutral-value: #334155;
  --v2-color-shopee-coupon-card-bg: #f9fafb;
  --v2-color-shopee-coupon-card-border: #f3f4f6;
  --v2-color-shopee-coupon-cell-bg: #ffffff;
  --v2-color-shopee-coupon-code-text: #1f2937;
  --v2-color-shopee-coupon-discount-text: #374151;
  --v2-color-shopee-coupon-cell-label: #9ca3af;
  --v2-color-shopee-coupon-cell-value: #374151;
  --v2-color-shopee-copy-btn-bg: #ffffff;
  --v2-color-shopee-copy-btn-border: #e5e7eb;
  --v2-color-shopee-copy-btn-text: #6b7280;
  --v2-color-shopee-copy-btn-hover: #2e52fb;
  --v2-color-shopee-copy-copied-bg: #ecfdf5;
  --v2-color-shopee-copy-copied-border: #d1fae5;
  --v2-color-shopee-copy-copied-text: #059669;
  --v2-color-shopee-badge-bg: #eff6ff;
  --v2-color-shopee-badge-border: #dbeafe;
  --v2-color-shopee-badge-text: #2563eb;
}
html.dark,
body.dark {
  --v2-color-primary: #2e52fb;
  --v2-color-primary-hover: #2448ea;
  --v2-color-success: #52b462;
  --v2-color-success-hover: #47a75a;
  --v2-color-label-muted: #9fb0d4;
  --v2-color-text-secondary: #9fb0d4;
  --v2-color-border: #3a4a6f;
  --v2-color-border-soft: #334264;
  --v2-color-border-muted: #4f5f86;
  --v2-color-surface-border: #2d3b5a;
  --v2-color-text-strong: #eaf1ff;
  --v2-color-page-bg: #0b1220;
  --v2-color-surface-bg: #121b2d;
  --v2-color-bg-soft: #1a243a;
  --v2-color-bg-hover: #202c45;
  --v2-color-bg-brand-soft: #253a66;
  --v2-color-bg-active-soft: #2b4275;
  --v2-color-selection-bg: #253a66;
  --v2-color-selection-text: #a8c4ff;
  --v2-color-placeholder: #8ea2cc;
  --v2-color-icon-muted: #8ea2cc;
  --v2-color-action-primary: #6d8fff;
  --v2-color-action-primary-hover: #5d81f2;
  --v2-color-action-secondary-border: #44557b;
  --v2-color-action-secondary-bg: #1d2941;
  --v2-color-action-secondary-bg-hover: #23314d;
  --v2-color-action-secondary-text: #c7d7f8;
  --v2-color-danger-soft-border: #7a3a4a;
  --v2-color-danger-soft-bg: #37202a;
  --v2-color-danger-soft-bg-hover: #442631;
  --v2-color-danger-soft-text: #ff8ea4;
  --v2-color-heading: #d9e5ff;
  --v2-color-text-muted: #c7d7f8;
  --v2-color-highlight-soft-border: #5e4f87;
  --v2-color-highlight-soft-bg: #372a58;
  --v2-color-highlight-soft-bg-hover: #433164;
  --v2-color-highlight-soft-text: #d6b5ff;
  --v2-color-warning-soft-border: #8a7441;
  --v2-color-warning-soft-bg: #2f2a1d;
  --v2-color-warning-soft-icon: #ffb64d;
  --v2-color-warning-soft-text: #ffc28d;
  --v2-color-warning-soft-strong: #ffe0bd;
  --v2-color-info-soft-border: #4f6aa8;
  --v2-color-info-soft-bg: #24324f;
  --v2-color-info-soft-text: #a8bcff;
  --v2-color-info-bubble-border: #5e75b8;
  --v2-color-info-bubble-bg: #4b5f9f;
  --v2-color-info-bubble-text: #ecf1ff;
  --v2-color-success-bubble-border: #34d399;
  --v2-color-success-bubble-bg: #143f36;
  --v2-color-success-bubble-text: #d9fff3;
  --v2-color-mediation-bubble-border: #8a6f22;
  --v2-color-mediation-bubble-bg: #2f2715;
  --v2-color-mediation-bubble-text: #ffedbd;
  --v2-color-answer-card-bg: #3f4967;
  --v2-color-answer-metric-bg: #566286;
  --v2-color-answer-metric-label: #c4cee6;
  --v2-color-answer-metric-value: #f0f4ff;
  --v2-color-answer-meta: #c6d0e8;
  --v2-color-answer-meta-strong: #d9e2f7;
  --v2-color-answer-avatar-from: #3b82f6;
  --v2-color-answer-avatar-to: #a855f7;
  --v2-color-accent: #5b5ce2;
  --v2-color-accent-soft-bg: #2d244b;
  --v2-color-accent-strong: #7c3aed;
  --v2-color-accent-strong-alt: #d946ef;
  --v2-color-success-pill-bg: #2ba88f;
  --v2-color-media-bg: #050a15;
  --v2-color-overlay-border: #5d6f98;
  --v2-color-selection-ring: #6f8fd7;
  --v2-color-selection-ring-soft: #5a74b6;
  --v2-color-success-badge-bg: #21483f;
  --v2-color-success-badge-text: #8de3c8;
  --v2-color-warning-badge-bg: #4a3a1e;
  --v2-color-warning-badge-text: #ffd28a;
  --v2-color-sla-success-bg: #2f5f5b;
  --v2-color-sla-success-label: #9be3d3;
  --v2-color-sla-success-value: #d8fff6;
  --v2-color-sla-danger-bg: #6b3942;
  --v2-color-sla-danger-label: #ffb8c2;
  --v2-color-sla-danger-value: #ffe0e6;
  --v2-color-sla-neutral-bg: #5a688f;
  --v2-color-sla-neutral-label: #ccd5ef;
  --v2-color-sla-neutral-value: #f0f4ff;
  --v2-color-shopee-coupon-card-bg: rgba(45, 50, 69, 0.4);
  --v2-color-shopee-coupon-card-border: #464d66;
  --v2-color-shopee-coupon-cell-bg: #383e54;
  --v2-color-shopee-coupon-code-text: #f3f4f6;
  --v2-color-shopee-coupon-discount-text: #d1d5db;
  --v2-color-shopee-coupon-cell-label: #6b7280;
  --v2-color-shopee-coupon-cell-value: #e5e7eb;
  --v2-color-shopee-copy-btn-bg: #383e54;
  --v2-color-shopee-copy-btn-border: #2e52fb;
  --v2-color-shopee-copy-btn-text: #9ca3af;
  --v2-color-shopee-copy-btn-hover: #2e52fb;
  --v2-color-shopee-copy-copied-bg: rgba(6, 78, 59, 0.2);
  --v2-color-shopee-copy-copied-border: rgba(6, 78, 59, 0.3);
  --v2-color-shopee-copy-copied-text: #34d399;
  --v2-color-shopee-badge-bg: rgba(30, 58, 138, 0.2);
  --v2-color-shopee-badge-border: rgba(30, 58, 138, 0.3);
  --v2-color-shopee-badge-text: #60a5fa;
}
@layer utilities {
  .mia-quality-v2 button,
  .mia-quality-v2 select,
  .mia-quality-v2 textarea {
    background-image: none !important;
    box-shadow: none !important;
  }
  .mia-quality-v2 button:focus,
  .mia-quality-v2 select:focus,
  .mia-quality-v2 textarea:focus {
    outline: none !important;
    box-shadow: none !important;
  }
  .mia-quality-v2 h1,
  .mia-quality-v2 h2,
  .mia-quality-v2 h3,
  .mia-quality-v2 h4,
  .mia-quality-v2 h5,
  .mia-quality-v2 h6,
  .mia-quality-v2 p,
  .mia-quality-v2 ul,
  .mia-quality-v2 ol,
  .mia-quality-v2 dl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .chat-grid-layout-without-group {
    grid-template-columns: 24px
      64px
      minmax(210px, 1.1fr)
      minmax(190px, 1.2fr)
      minmax(160px, 1fr)
      minmax(140px, 0.8fr)
      minmax(140px, 0.8fr)
      minmax(200px, 1fr)
      minmax(140px, 0.8fr);
  }
  .chat-grid-layout-with-group {
    grid-template-columns: 24px
      64px
      minmax(210px, 1.1fr)
      minmax(190px, 1.2fr)
      minmax(160px, 1fr)
      minmax(140px, 0.8fr)
      minmax(140px, 0.8fr)
      minmax(200px, 1fr)
      minmax(140px, 0.8fr)
      minmax(140px, 0.8fr);
  }
  .pre-sales-grid-with-group {
    grid-template-columns: 64px
      minmax(210px, 1.1fr)
      minmax(180px, 1.2fr)
      minmax(200px, 1.4fr)
      minmax(280px, 2fr)
      minmax(110px, 0.8fr)
      minmax(140px, 1fr)
      minmax(100px, 0.7fr)
      minmax(70px, 0.4fr);
  }
  .pre-sales-grid-without-group {
    grid-template-columns: 64px
      minmax(210px, 1.1fr)
      minmax(180px, 1.2fr)
      minmax(200px, 1.4fr)
      minmax(280px, 2fr)
      minmax(110px, 0.8fr)
      minmax(100px, 0.7fr)
      minmax(70px, 0.4fr);
  }
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

.ribbon{background-color:rgba(170,0,0,.5);left:-3.5em;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);overflow:hidden;position:absolute;top:30px;white-space:nowrap;width:15em;z-index:99999;pointer-events:none;opacity:.75}.ribbon a{color:#fff;display:block;font-weight:400;margin:1px 0;padding:10px 50px;text-align:center;text-decoration:none;text-shadow:0 0 5px #444;pointer-events:none}.jh-navbar{background-color:#353d47;padding:.2em 1em}.jh-navbar .profile-image{margin:-10px 0px;height:40px;width:40px;border-radius:50%}.jh-navbar .dropdown-item.active,.jh-navbar .dropdown-item.active:focus,.jh-navbar .dropdown-item.active:hover{background-color:#353d47}.jh-navbar .dropdown-toggle::after{margin-left:.15em}.jh-navbar ul.navbar-nav{padding:.5em}.jh-navbar ul.navbar-nav .nav-item{margin-left:1.5rem}.jh-navbar a.nav-link{font-weight:400}.jh-navbar a.nav-link>span{margin-left:5px}.jh-navbar .jh-navbar-toggler{color:#ccc;font-size:1.5em;padding:10px}.jh-navbar .jh-navbar-toggler:hover{color:#fff}.navbar-version{font-size:10px;color:#bbb;padding:0 0 0 10px}.brand-logo:hover{text-decoration:none}.brand-logo .brand-icon{height:35px;width:auto;display:inline-block}.brand-logo .brand-icon img{height:45px}.brand-title{font-size:24px;color:#fff}.brand-title:hover{color:#ccc;text-decoration:none}.menu-lang{background-color:#009cd8}.loading-bar{height:3px;background-color:#009cd8;position:absolute;top:0px;z-index:1031}.form-lag-change svg{display:none}.form-lag-change div div{text-overflow:unset}
.submenu-container{margin-left:12px;padding-left:8px;border-left:2px solid #e2e8f0;margin-top:4px;display:flex;flex-direction:column;gap:2px}.submenu-link{text-decoration:none !important;display:block;width:100%}.submenu-item{display:block;width:100%;padding:8px 10px;border-radius:6px;font-size:12.5px;font-weight:500;color:#64748b;transition:all .2s ease;text-align:left;border:none;cursor:pointer;white-space:normal;line-height:1.4}.submenu-item:hover{color:#1e293b;background-color:#f1f5f9}.submenu-item-active{color:#1e293b;font-weight:600;background-color:#eef2f7;box-shadow:inset 2px 0 0 #f97316}
a.logout-link-wrapper{text-decoration:none !important;display:block;margin:0 16px 6px 16px}.btn-logout{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;background-color:#fef2f2;color:#ef4444;border-radius:10px;border:1px solid rgba(0,0,0,0);transition:background-color .2s ease;cursor:pointer}.btn-logout:hover{background-color:#fee2e2}.btn-logout .logout-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}.btn-logout .logout-text{font-size:14px;font-weight:700;letter-spacing:.5px}
.lang-switcher-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:0 16px}.lang-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px}.lang-group{display:flex;background-color:#f6f6f6;padding:4px;border-radius:8px;border:1px solid #f7f2f2}.lang-btn{flex:1;border:none;background:rgba(0,0,0,0);padding:6px 0;cursor:pointer;font-size:12px;font-weight:600;color:#9ca3af;border-radius:6px;transition:all .2s ease;outline:none}.lang-btn:hover{color:#6b7280}.lang-btn.active{background-color:#fff;color:#2563eb;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}body.dark .main-drawer-paper .lang-label{color:#c3d0ed}body.dark .main-drawer-paper .lang-group{background-color:#353f5c;border-color:#4f5f86}body.dark .main-drawer-paper .lang-btn{color:#a9b7d8}body.dark .main-drawer-paper .lang-btn:hover{color:#f5f8ff}body.dark .main-drawer-paper .lang-btn.active{background-color:#383e54;color:#f5f8ff;box-shadow:inset 0 0 0 1px #2f5bff}
.status-switcher-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:0 16px}.status-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#9ca3af;letter-spacing:.5px}.status-group{display:flex;background-color:#f6f6f6;padding:4px;border-radius:8px;border:1px solid #f7f2f2}.status-btn{flex:1;border:none;background:rgba(0,0,0,0);padding:6px 0;cursor:pointer;font-size:12px;font-weight:600;color:#9ca3af;border-radius:6px;transition:all .2s ease;outline:none}.status-btn:hover:not(:disabled){color:#6b7280}.status-btn:disabled{cursor:default;opacity:.7}.status-btn.active.online{background-color:#fff;color:#16a34a;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}.status-btn.active.pause{background-color:#fff;color:#d97706;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}.status-btn.active.offline{background-color:#fff;color:#64748b;box-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}.status-locked{font-size:10px;font-weight:600;color:#d97706}.status-switcher-wrapper.collapsed{padding:0 8px}.status-switcher-wrapper.collapsed .status-label{display:none}.status-switcher-wrapper.collapsed .status-group{flex-direction:column;gap:4px}.status-switcher-wrapper.collapsed .status-btn{width:100%;font-size:10px;padding:5px 0}body.dark .main-drawer-paper .status-label{color:#c3d0ed}body.dark .main-drawer-paper .status-group{background-color:#353f5c;border-color:#4f5f86}body.dark .main-drawer-paper .status-btn{color:#a9b7d8}body.dark .main-drawer-paper .status-btn:hover:not(:disabled){color:#f5f8ff}body.dark .main-drawer-paper .status-btn.active{background-color:#383e54;box-shadow:inset 0 0 0 1px #2f5bff}
.tenant-switcher{position:relative;margin:12px 14px 4px}.tenant-switcher--collapsed{display:flex;justify-content:center;margin:8px 0 4px}.tenant-switcher__trigger{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:1px solid #e3ecff;background-color:#f8fafc;color:#0a1635;text-align:left;cursor:default;transition:border-color .15s ease,background-color .15s ease}.tenant-switcher__trigger:disabled{cursor:not-allowed}.tenant-switcher__trigger--collapsed{width:36px;height:36px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:8px}.tenant-switcher__trigger--interactive{cursor:pointer}.tenant-switcher__trigger--interactive:hover:not(:disabled){border-color:#2e52fb;background-color:#fff}.tenant-switcher__trigger-icon{color:#2e52fb;flex-shrink:0}.tenant-switcher__trigger-text{flex:1;min-width:0;display:flex;flex-direction:column}.tenant-switcher__label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.tenant-switcher__name{font-size:14px;font-weight:600;color:#0a1635;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher__chevron{color:#94a3b8;flex-shrink:0;transition:transform .15s ease}.tenant-switcher__chevron--open{transform:rotate(180deg)}.tenant-switcher__chevron--spinning{animation:tenant-switcher-spin 1s linear infinite}@keyframes tenant-switcher-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.tenant-switcher__panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1300;background-color:#fff;border:1px solid #e3ecff;border-radius:10px;box-shadow:0 12px 28px rgba(15,23,42,.15);overflow:hidden}.tenant-switcher__search{position:relative;padding:8px;border-bottom:1px solid #eef2ff}.tenant-switcher__search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.tenant-switcher__search-input{width:100%;padding:7px 8px 7px 30px;border:1px solid rgba(0,0,0,0);border-radius:6px;background-color:#f8fafc;color:#0a1635;font-size:12px}.tenant-switcher__search-input::placeholder{color:#94a3b8}.tenant-switcher__search-input:focus{outline:none;border-color:#2e52fb;background-color:#fff;box-shadow:0 0 0 3px rgba(46,82,251,.1)}.tenant-switcher__list{max-height:280px;overflow-y:auto;padding:4px 0}.tenant-switcher__loading,.tenant-switcher__empty{display:flex;justify-content:center;align-items:center;padding:18px 12px;color:#94a3b8;font-size:12px}.tenant-switcher__error{padding:8px 12px;background-color:#fef2f2;color:#b91c1c;font-size:12px;border-bottom:1px solid #fee2e2}.tenant-switcher__item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,0);border:none;text-align:left;cursor:pointer;transition:background-color .12s ease}.tenant-switcher__item:hover:not(:disabled){background-color:#f8fafc}.tenant-switcher__item:disabled{opacity:.6;cursor:not-allowed}.tenant-switcher__item--active{background-color:#eef2ff}.tenant-switcher__item--active:hover:not(:disabled){background-color:#eef2ff}.tenant-switcher__item-icon{color:#94a3b8;flex-shrink:0}.tenant-switcher__item-body{flex:1;min-width:0}.tenant-switcher__item-header{display:flex;align-items:center;gap:8px}.tenant-switcher__item-name{font-size:13px;font-weight:600;color:#0a1635;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher__item-email{display:block;font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-switcher__item-check{color:#2e52fb;flex-shrink:0}.tenant-switcher-badge{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:999px;flex-shrink:0}.tenant-switcher-badge--active{background-color:#ecfdf5;color:#047857}.tenant-switcher-badge--inactive{background-color:#f1f5f9;color:#64748b}.tenant-switcher-badge--canceled{background-color:#fef2f2;color:#b91c1c}.tenant-switcher-badge--frozen{background-color:#fffbeb;color:#b45309}body.dark .main-drawer-paper .tenant-switcher__trigger{background-color:#353f5c;border-color:#4f5f86;color:#f5f8ff}body.dark .main-drawer-paper .tenant-switcher__trigger--interactive:hover:not(:disabled){background-color:#3a4564;border-color:#5e7bff}body.dark .main-drawer-paper .tenant-switcher__trigger-icon,body.dark .main-drawer-paper .tenant-switcher__item-check{color:#5e7bff}body.dark .main-drawer-paper .tenant-switcher__label{color:#a9b7d8}body.dark .main-drawer-paper .tenant-switcher__name{color:#f5f8ff}body.dark .main-drawer-paper .tenant-switcher__chevron,body.dark .main-drawer-paper .tenant-switcher__search-icon,body.dark .main-drawer-paper .tenant-switcher__item-icon,body.dark .main-drawer-paper .tenant-switcher__item-email,body.dark .main-drawer-paper .tenant-switcher__loading,body.dark .main-drawer-paper .tenant-switcher__empty{color:#a9b7d8}body.dark .main-drawer-paper .tenant-switcher__panel{background-color:#2a3450;border-color:#4f5f86;box-shadow:0 12px 28px rgba(0,0,0,.45)}body.dark .main-drawer-paper .tenant-switcher__search{border-bottom-color:#4f5f86}body.dark .main-drawer-paper .tenant-switcher__search-input{background-color:#353f5c;color:#f5f8ff;border-color:rgba(0,0,0,0)}body.dark .main-drawer-paper .tenant-switcher__search-input::placeholder{color:#a9b7d8}body.dark .main-drawer-paper .tenant-switcher__search-input:focus{background-color:#383e54;border-color:#5e7bff;box-shadow:0 0 0 3px rgba(94,123,255,.18)}body.dark .main-drawer-paper .tenant-switcher__item{color:#f5f8ff}body.dark .main-drawer-paper .tenant-switcher__item:hover:not(:disabled){background-color:#353f5c}body.dark .main-drawer-paper .tenant-switcher__item--active,body.dark .main-drawer-paper .tenant-switcher__item--active:hover:not(:disabled){background-color:#383e54;box-shadow:inset 0 0 0 1px #2f5bff}body.dark .main-drawer-paper .tenant-switcher__item-name{color:#f5f8ff}body.dark .main-drawer-paper .tenant-switcher__error{background-color:rgba(220,38,38,.18);color:#fca5a5;border-bottom-color:rgba(220,38,38,.32)}body.dark .main-drawer-paper .tenant-switcher-badge--active{background-color:#143b2d;color:#34d399}body.dark .main-drawer-paper .tenant-switcher-badge--inactive{background-color:#384259;color:#a9b7d8}body.dark .main-drawer-paper .tenant-switcher-badge--canceled{background-color:rgba(220,38,38,.2);color:#fca5a5}body.dark .main-drawer-paper .tenant-switcher-badge--frozen{background-color:rgba(180,83,9,.22);color:#fbbf24}
#customized-dialog-title{background-color:#2e58a4;text-align:center}#customized-dialog-title section{color:#fff !important;width:calc(100% - 30px)}#customized-term-content{margin-top:10px;padding-bottom:0;position:relative;height:280px;font-size:11pt;text-align:justify}#customized-dialog-actions{padding-top:10px;padding-bottom:10px;justify-content:center}#button-full-screen{position:absolute;right:10px;top:10px}.warningText{color:red;margin-top:10px}#btnLogout{text-decoration:none}.toast-custom{color:#000}