/* node_modules/@fontsource/inter/index.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-cyrillic-ext-400-normal-A23PVI34.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-cyrillic-400-normal-KERN74A3.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-greek-ext-400-normal-EJY4FIOU.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-greek-400-normal-2HPLF7XE.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-vietnamese-400-normal-5PPHCOVG.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-latin-ext-400-normal-EYNKNVC4.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("./media/inter-latin-400-normal-JE4TJ54C.woff2") format("woff2"), url("./media/inter-all-400-normal-FLUO2N3M.woff") format("woff");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* node_modules/highlight.js/styles/stackoverflow-light.css */
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
/*!
  Theme: StackOverflow Light
  Description: Light theme as used on stackoverflow.com
  Author: stackoverflow.com
  Maintainer: @Hirse
  Website: https://github.com/StackExchange/Stacks
  License: MIT
  Updated: 2021-05-15

  Updated for @stackoverflow/stacks v0.64.0
  Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
  Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
*/
.hljs {
  color: #2f3337;
  background: #f6f6f6;
}
.hljs-subst {
  color: #2f3337;
}
.hljs-comment {
  color: #656e77;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-section {
  color: #015692;
}
.hljs-attr {
  color: #015692;
}
.hljs-attribute {
  color: #803378;
}
.hljs-name,
.hljs-type,
.hljs-number,
.hljs-selector-id,
.hljs-quote,
.hljs-template-tag {
  color: #b75501;
}
.hljs-selector-class {
  color: #015692;
}
.hljs-string,
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr {
  color: #54790d;
}
.hljs-meta,
.hljs-selector-pseudo {
  color: #015692;
}
.hljs-built_in,
.hljs-title,
.hljs-literal {
  color: #b75501;
}
.hljs-bullet,
.hljs-code {
  color: #535a60;
}
.hljs-meta .hljs-string {
  color: #54790d;
}
.hljs-deletion {
  color: #c02d2e;
}
.hljs-addition {
  color: #2f6f44;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-formula,
.hljs-operator,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
}

/* src/styles.scss */
html,
body {
  font-size: 100%;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html *,
html *:before,
html *:after,
body *,
body *:before,
body *:after {
  box-sizing: inherit;
}
body {
  margin: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
  top: 0;
  bottom: 0;
  margin: 0;
  font-family: "Inter";
}
input {
  font-family: "Inter" !important;
}
.zoppy-container-main-page {
  margin: 1.5rem 4rem 1.5rem 4rem;
}
.pagination-records {
  margin-left: auto;
  color: var(--neutral-500);
}
.margin {
  margin: 1rem;
}
.light-bg {
  background-color: #fafbff !important;
}
.content {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  height: 100vh;
  overflow: auto;
}
.hidden {
  display: none !important;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.align-self-center {
  align-self: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row !important;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-grow-2 {
  flex-grow: 2;
}
.flex-grow-3 {
  flex-grow: 3;
}
.flex-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.justify-content-end {
  display: flex;
  justify-content: flex-end;
}
.justify-content-start {
  display: flex;
  justify-content: flex-start;
}
.align-items-end {
  display: flex;
  align-items: flex-end;
}
.inline-block {
  display: inline-block;
}
.space-between {
  display: flex;
  justify-content: space-between;
}
.text--center {
  text-align: center;
}
.text--end {
  text-align: end;
}
.line-height-none {
  line-height: unset;
}
.line-height-0 {
  line-height: 0 !important;
}
.line-height-1 {
  line-height: 0.5rem;
}
.line-height-2 {
  line-height: 1rem;
}
.line-height-3 {
  line-height: 1.5rem;
}
.icon-large {
  font-size: 1.5rem;
}
.wide {
  width: 100%;
}
.tall {
  height: 100%;
}
.w-fit-content {
  width: fit-content;
}
.h-fit-content {
  height: fit-content;
}
.round-50 {
  border-radius: 50%;
}
.round-1 {
  border-radius: 1rem;
}
.round {
  border-radius: 100%;
}
.flex-wrap {
  flex-wrap: wrap;
}
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rotate {
  transform: rotateY(180deg);
}
.rotate-up {
  transform: rotate(90deg);
}
.rotate-down {
  transform: rotate(270deg);
}
.no-wrap {
  white-space: nowrap;
}
.truncate {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.giftback-alert {
  border-radius: 0.75rem;
}
.giftback-alert--success {
  background-color: rgba(48, 225, 161, 0.1);
  border: 1px solid var(--success);
}
.bg-negative-100 {
  background-color: rgba(235, 0, 0, 0.1);
}
.bg-success-100 {
  background-color: rgba(48, 225, 161, 0.1);
}
.bg-warning-100 {
  background-color: rgba(255, 173, 78, 0.1);
}
.giftback-alert--error {
  background: rgba(235, 0, 0, 0.1);
  border: 1px solid var(--negative);
}
.giftback-alert--info {
  background-color: var(--primary-100);
  border: 1px solid var(--info);
}
.border--success {
  border: 2px solid var(--success) !important;
}
.border--alert {
  border: 2px solid var(--warning) !important;
}
.border--negative {
  border: 2px solid var(--negative) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
}
.justify {
  text-align: justify;
  text-justify: inter-word;
}
.text--underline {
  text-decoration: underline;
}
.gap-8px {
  gap: 0.5rem;
}
.grid-gap-1 {
  grid-gap: 1rem;
}
.grid-gap-2 {
  grid-gap: 1.5rem;
}
.grid-gap-3 {
  grid-gap: 2rem;
}
.border-none {
  border: none !important;
}
.box-shadow-1 {
  box-shadow: 0px 1rem 2.5rem -0.5px rgba(29, 29, 38, 0.08);
}
@media only screen and (max-width: 1300px) {
  .zoppy-container-main-page {
    margin: 1.5rem 4rem;
  }
}
@media only screen and (max-width: 576px) {
  ::-webkit-scrollbar {
    width: 0.25rem;
    height: 0.25rem;
  }
  ::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
    background: var(--neutral-400);
  }
  h1 {
    font-size: 2rem;
  }
  html,
  body {
    font-size: 100% !important;
  }
}
::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background: var(--ds-disabled);
}
.menu-content {
  position: relative;
}
.menu-content ul {
  margin-top: 1rem;
  box-shadow: 0px 1rem 2.5rem -0.5px rgba(29, 29, 38, 0.08);
  border-radius: 0.75rem;
  background-color: var(--neutral-100);
  position: absolute;
  z-index: 3;
}
.box-content {
  box-shadow: 0px 1rem 2.5rem -0.5px rgba(29, 29, 38, 0.08);
  border-radius: 0.75rem;
  background-color: var(--neutral-100);
}
.shadow-small {
  --shadow-small: 0px 4px 23.3px 0px rgba(226, 218, 228, 0.25);
  box-shadow: var(--shadow-small);
}
.giftback-tag-shadow {
  --giftback-tag-shadow: 0px 3px 10px 0px rgba(198, 188, 206, 0.25);
  box-shadow: var(--giftback-tag-shadow);
}
@media only screen and (min-width: 576px) {
  .sticky-header {
    position: sticky;
    top: 0;
    z-index: 2;
    overflow: hidden;
  }
}
.border {
  border: 1px solid var(--neutral-300);
  border-radius: 0.75rem;
}
.border-radius {
  border-radius: 0.75rem;
}
.border-secondary {
  border: 1px solid var(--secondary);
  border-radius: 0.75rem;
}
.margin-top-unset {
  margin-top: unset;
}
.margin-top-auto {
  margin-top: auto;
}
.width-50 {
  width: 50%;
}
.font-20 {
  font-size: 1.25rem;
}
.separator {
  height: 1px;
  width: 100%;
  background-color: var(--neutral-300);
}
.text-decoration-none {
  text-decoration: none;
}
.text-decoration-line-through {
  text-decoration: line-through;
}
.text-thin {
  font-weight: lighter !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.scroll {
  overflow: auto;
  min-height: 0;
}
.padding-top-0 {
  padding-top: 0 !important;
}
.status-circle {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 6.1875rem;
}
@media screen and (max-width: 1920px) {
  html,
  body {
    font-size: 90%;
  }
}
@media screen and (max-width: 1680px) {
  html,
  body {
    font-size: 80%;
  }
}
@media screen and (max-width: 1440px) {
  html,
  body {
    font-size: 75%;
  }
}
main {
  display: unset;
}
.go-back {
  align-items: center;
  text-decoration: none;
}
.go-back ps-icon {
  font-size: 1rem;
}
.disabled-link {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.link {
  font-weight: 600;
}
.text-32 {
  font-size: 2rem;
  line-height: 2.75rem;
}
.bg-light-blue {
  background-color: #eff1fe;
}
.bg-ds-surface-primary {
  background-color: var(--ds-surface-primary);
}

/* node_modules/@Zoppy-crm/icon/assets/icomoon/style.css */
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon-LUO3IQRT.eot?61bz0l");
  src:
    url("./media/icomoon-LUO3IQRT.eot?61bz0l#iefix") format("embedded-opentype"),
    url("./media/icomoon-VP6IODET.ttf?61bz0l") format("truetype"),
    url("./media/icomoon-3S4JF3LV.woff?61bz0l") format("woff"),
    url("./media/icomoon-YWGFLUJW.svg?61bz0l#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zoom-out-map:before {
  content: "\e977";
}
.icon-view_comfy:before {
  content: "\e976";
  color: #7b3dff;
}
.icon-tiktok:before {
  content: "\e975";
}
.icon-instagram:before {
  content: "\e974";
  color: #545454;
}
.icon-twitter:before {
  content: "\e978";
  color: #545454;
}
.icon-restore:before {
  content: "\e973";
}
.icon-looks_5:before {
  content: "\e96f";
  color: #727c8c;
}
.icon-looks_4:before {
  content: "\e970";
  color: #727c8c;
}
.icon-looks_3:before {
  content: "\e971";
  color: #727c8c;
}
.icon-looks_two:before {
  content: "\e972";
  color: #727c8c;
}
.icon-military_tech:before {
  content: "\e96e";
  color: #727c8c;
}
.icon-replay:before {
  content: "\e96c";
  color: #7b3dff;
}
.icon-arrow_circle_right:before {
  content: "\e96d";
  color: #002e73;
}
.icon-palette:before {
  content: "\e96b";
}
.icon-Vector-4:before {
  content: "\e96a";
}
.icon-save:before {
  content: "\e960";
  color: #a8afba;
}
.icon-data_thresholding:before {
  content: "\e961";
}
.icon-paid:before {
  content: "\e962";
}
.icon-quantity_limits:before {
  content: "\e963";
}
.icon-shopping_cart_checkout:before {
  content: "\e964";
}
.icon-zoppy_coin:before {
  content: "\e965";
}
.icon-saved_search:before {
  content: "\e966";
}
.icon-celebration:before {
  content: "\e968";
}
.icon-offline_pin:before {
  content: "\e969";
}
.icon-trending_down:before {
  content: "\e95e";
  color: #b91414;
}
.icon-trending_up:before {
  content: "\e95f";
  color: #2db081;
}
.icon-pop-up:before {
  content: "\e95d";
  color: #7b3dff;
}
.icon-pagination:before {
  content: "\e95c";
  color: #727c8c;
}
.icon-arrow_outward:before {
  content: "\e95b";
  color: #7b3dff;
}
.icon-clear_all:before {
  content: "\e95a";
  color: #727c8c;
}
.icon-arrow_forward_ios:before {
  content: "\e959";
  color: #727c8c;
}
.icon-keyboard_double_arrow_right:before {
  content: "\e958";
  color: #727c8c;
}
.icon-analytics:before {
  content: "\e957";
  color: #7b3dff;
}
.icon-gps-fixed:before {
  content: "\e956";
  color: #727c8c;
}
.icon-pause_circle:before {
  content: "\e954";
  color: #b91414;
}
.icon-stop_circle:before {
  content: "\e955";
  color: #b91414;
}
.icon-article:before {
  content: "\e952";
  color: #7b3dff;
}
.icon-calendar_today:before {
  content: "\e953";
  color: #1652ed;
}
.icon-group_add_small:before {
  content: "\e951";
  color: #727c8c;
}
.icon-hard_delete:before {
  content: "\e94c";
  color: #b91414;
}
.icon-user_off:before {
  content: "\e94d";
}
.icon-date_range:before {
  content: "\e94e";
}
.icon-list_numbered:before {
  content: "\e94f";
}
.icon-event_available:before {
  content: "\e950";
  color: #727c8c;
}
.icon-analog_clock:before {
  content: "\e945";
}
.icon-clock_history:before {
  content: "\e946";
}
.icon-clock_update:before {
  content: "\e947";
}
.icon-add_conclude_task:before {
  content: "\e948";
}
.icon-archive:before {
  content: "\e949";
}
.icon-check_fill_circle:before {
  content: "\e94a";
}
.icon-sad:before {
  content: "\e94b";
}
.icon-resized_assignment_turned_in:before {
  content: "\e944";
  color: #727c8c;
}
.icon-preview:before {
  content: "\e943";
  color: #727c8c;
}
.icon-send-resized:before {
  content: "\e941";
  color: #727c8c;
}
.icon-group-resized:before {
  content: "\e942";
  color: #727c8c;
}
.icon-rocket_launch:before {
  content: "\e93f";
  color: #7b3dff;
}
.icon-detailed_lightbulb:before {
  content: "\e940";
  color: #7b3dff;
}
.icon-rotate_right:before {
  content: "\e93e";
  color: #727c8c;
}
.icon-star_filled:before {
  content: "\e93d";
  color: #cf7f20;
}
.icon-send-thin:before {
  content: "\e93b";
  color: #7b3dff;
}
.icon-pointer-click:before {
  content: "\e93c";
  color: #7b3dff;
}
.icon-pix:before {
  content: "\e936";
  color: #2db081;
}
.icon-bank_slip:before {
  content: "\e93a";
  color: #727c8c;
}
.icon-ads_click:before {
  content: "\e937";
  color: #727c8c;
}
.icon-lightbulb:before {
  content: "\e938";
  color: #7b3dff;
}
.icon-science:before {
  content: "\e939";
  color: #fff;
}
.icon-add-circle-fill:before {
  content: "\e935";
}
.icon-timer:before {
  content: "\e92e";
  color: #b91414;
}
.icon-label:before {
  content: "\e92f";
}
.icon-how_to_reg:before {
  content: "\e930";
}
.icon-insert_invitation:before {
  content: "\e931";
}
.icon-fact_check:before {
  content: "\e932";
  color: #cf7f20;
}
.icon-merge_type:before {
  content: "\e933";
}
.icon-touch_app:before {
  content: "\e934";
  color: #727c8c;
}
.icon-boolean:before {
  content: "\e900";
}
.icon-number:before {
  content: "\e901";
}
.icon-percent:before {
  content: "\e902";
}
.icon-arrow:before {
  content: "\e903";
}
.icon-chevron:before {
  content: "\e904";
}
.icon-settings:before {
  content: "\e905";
}
.icon-envelope-solid:before {
  content: "\e906";
}
.icon-linkedin-in-brands:before {
  content: "\e907";
}
.icon-twitter-brands:before {
  content: "\e908";
}
.icon-facebook-brands:before {
  content: "\e909";
}
.icon-search:before {
  content: "\e90a";
}
.icon-success:before {
  content: "\e90b";
}
.icon-error:before {
  content: "\e90c";
}
.icon-check:before {
  content: "\e90d";
}
.icon-no_encryption:before {
  content: "\e90e";
}
.icon-lock:before {
  content: "\e90f";
}
.icon-alternate_email:before {
  content: "\e910";
}
.icon-chart:before {
  content: "\e911";
}
.icon-network:before {
  content: "\e912";
}
.icon-cancel_send:before {
  content: "\e913";
}
.icon-click:before {
  content: "\e914";
}
.icon-open-mail:before {
  content: "\e915";
}
.icon-message:before {
  content: "\e916";
}
.icon-tutorial:before {
  content: "\e917";
}
.icon-test:before {
  content: "\e918";
}
.icon-duplicate:before {
  content: "\e919";
}
.icon-shopping_basket:before {
  content: "\e91a";
}
.icon-remove_shopping_cart:before {
  content: "\e91b";
}
.icon-approval:before {
  content: "\e91c";
}
.icon-rate_review:before {
  content: "\e91d";
}
.icon-draw:before {
  content: "\e91e";
}
.icon-card_giftcard:before {
  content: "\e91f";
}
.icon-assignment:before {
  content: "\e920";
}
.icon-account_tree:before {
  content: "\e921";
}
.icon-settings_phone:before {
  content: "\e922";
}
.icon-whatsapp-wrong:before {
  content: "\e923";
}
.icon-whatsapp:before {
  content: "\e924";
}
.icon-mark_chat_unread:before {
  content: "\e926";
}
.icon-user-circle:before {
  content: "\e927";
}
.icon-user-slashed:before {
  content: "\e928";
}
.icon-restart:before {
  content: "\e929";
}
.icon-uniE92A:before {
  content: "\e92a";
}
.icon-uniE92B:before {
  content: "\e92b";
}
.icon-uniE92C:before {
  content: "\e92c";
}
.icon-uniE92D:before {
  content: "\e92d";
}
.icon-times:before {
  content: "\e967";
}
.icon-Polygon-1:before {
  content: "\eac5";
}
.icon-info:before {
  content: "\eac6";
}
.icon-visibility:before {
  content: "\eac7";
}
.icon-forum:before {
  content: "\eac8";
}
.icon-redeem:before {
  content: "\eac9";
}
.icon-location_away:before {
  content: "\eaca";
}
.icon-group:before {
  content: "\eacb";
}
.icon-shopping_cart:before {
  content: "\eacc";
}
.icon-inventory:before {
  content: "\eacd";
}
.icon-visibility_off:before {
  content: "\eace";
}
.icon-done_all:before {
  content: "\eacf";
}
.icon-visibility_off-1:before {
  content: "\ead0";
}
.icon-tune:before {
  content: "\ead1";
}
.icon-logout:before {
  content: "\ead2";
}
.icon-notifications:before {
  content: "\ead3";
}
.icon-chat_bubble:before {
  content: "\ead4";
}
.icon-edit_calendar:before {
  content: "\ead5";
}
.icon-content_copy:before {
  content: "\ead6";
}
.icon-copy:before {
  content: "\ead7";
}
.icon-home:before {
  content: "\ead8";
}
.icon-pencil:before {
  content: "\ead9";
}
.icon-view_list:before {
  content: "\eada";
}
.icon-menu:before {
  content: "\eadb";
}
.icon-wpp:before {
  content: "\eadc";
}
.icon-user:before {
  content: "\eadd";
}
.icon-support:before {
  content: "\eade";
}
.icon-sentiment_very_satisfied:before {
  content: "\eadf";
}
.icon-filter_alt:before {
  content: "\eae0";
}
.icon-group_add:before {
  content: "\eae1";
}
.icon-task_alt:before {
  content: "\eae2";
}
.icon-notification:before {
  content: "\eae3";
}
.icon-unpublished:before {
  content: "\eae4";
}
.icon-inventory_2:before {
  content: "\eae5";
}
.icon-arrow_forward:before {
  content: "\eae6";
}
.icon-arrow_back:before {
  content: "\eae7";
}
.icon-add:before {
  content: "\eae8";
}
.icon-tag:before {
  content: "\eae9";
}
.icon-send:before {
  content: "\eaea";
}
.icon-reply:before {
  content: "\eaeb";
}
.icon-person_add:before {
  content: "\eaec";
}
.icon-emergency_home:before {
  content: "\eaed";
}
.icon-edit_square:before {
  content: "\eaee";
}
.icon-block:before {
  content: "\eaef";
}
.icon-delete:before {
  content: "\eaf0";
}
.icon-thumb_up:before {
  content: "\eaf1";
}
.icon-store:before {
  content: "\eaf2";
}
.icon-female:before {
  content: "\eaf3";
}
.icon-location_on:before {
  content: "\eaf4";
}
.icon-cake:before {
  content: "\eaf5";
}
.icon-mail:before {
  content: "\eaf6";
}
.icon-call:before {
  content: "\eaf7";
}
.icon-calendar_month:before {
  content: "\eaf8";
}
.icon-hourglass_empty:before {
  content: "\eaf9";
}
.icon-monetization_on:before {
  content: "\eafa";
}
.icon-savings:before {
  content: "\eafb";
}
.icon-currency_exchange:before {
  content: "\eafc";
}
.icon-local_mall:before {
  content: "\eafd";
}
.icon-sentiment_neutral:before {
  content: "\eafe";
}
.icon-mood_bad:before {
  content: "\eaff";
}
.icon-mood:before {
  content: "\eb00";
}
.icon-navigate_backwards:before {
  content: "\eb01";
}
.icon-navigate_forward:before {
  content: "\eb02";
}
.icon-assignment_turned_in:before {
  content: "\eb03";
}
.icon-confirmation_number:before {
  content: "\eb04";
}
.icon-local_atm:before {
  content: "\eb05";
}
.icon-manage_search:before {
  content: "\eb06";
}
.icon-download:before {
  content: "\eb07";
}
.icon-draft:before {
  content: "\eb08";
}
.icon-mic:before {
  content: "\eb09";
}
.icon-attach_file:before {
  content: "\eb0a";
}
.icon-credit_card:before {
  content: "\eb0b";
}
.icon-corporate_fare:before {
  content: "\eb0c";
}
.icon-image:before {
  content: "\eb0d";
}
.icon-more_vert:before {
  content: "\eb0e";
}
.icon-swap_horiz:before {
  content: "\eb0f";
}
.icon-inbox_fill:before {
  content: "\eb10";
}
.icon-chat_fill:before {
  content: "\eb11";
}
.icon-upcoming_fill:before {
  content: "\eb12";
}
.icon-quickreply_fill:before {
  content: "\eb13";
}
.icon-draft_fill:before {
  content: "\eb14";
}
.icon-send_fill:before {
  content: "\eb15";
}
.icon-uniEB1C:before {
  content: "\eb1c";
}
.icon-uniEB1F:before {
  content: "\eb1f";
}
.icon-uniEB20:before {
  content: "\eb20";
}
.icon-manage_accounts:before {
  content: "\eb21";
}
.icon-assignment_ind:before {
  content: "\eb22";
}
.icon-star:before {
  content: "\eb23";
}
.icon-register_reports:before {
  content: "\eb24";
}
.icon-info-inverted:before {
  content: "\eb25";
}
.icon-add_shopping_cart:before {
  content: "\eb26";
}
.icon-follow:before {
  content: "\eb27";
}
.icon-giftback:before {
  content: "\eb28";
}
.icon-handshake:before {
  content: "\eb29";
}
.icon-mix_products:before {
  content: "\eb2a";
}
.icon-time_count:before {
  content: "\eb2b";
}
.icon-waiting-event:before {
  content: "\eb2c";
}
.icon-timer1:before {
  content: "\eb2d";
}
.icon-dot:before {
  content: "\eb2e";
}
.icon-groups:before {
  content: "\eb2f";
}
.icon-outbound:before {
  content: "\eb30";
}
.icon-more:before {
  content: "\eb31";
}
.icon-support_agent:before {
  content: "\eb32";
}
.icon-timer_fill:before {
  content: "\eb33";
}
.icon-waiting_event_fill:before {
  content: "\eb34";
}
.icon-face:before {
  content: "\eb35";
}
.icon-format_italic:before {
  content: "\eb36";
}
.icon-format_bold:before {
  content: "\eb37";
}
.icon-open_new:before {
  content: "\eb38";
}
.icon-format_strikethrough:before {
  content: "\eb39";
}
.icon-upload-doc:before {
  content: "\eb3a";
}
.icon-upload:before {
  content: "\eb3b";
}
.icon-video_library:before {
  content: "\eb3c";
}
.icon-image_library:before {
  content: "\eb3d";
}
.icon-settings-2:before {
  content: "\eb3e";
}
.icon-help_outline:before {
  content: "\eb3f";
}
.icon-check_circle_outline:before {
  content: "\eb40";
}
.icon-refresh:before {
  content: "\eb41";
}
.icon-highlight_off:before {
  content: "\eb42";
}
.icon-workflow:before {
  content: "\eb43";
}
.icon-segment:before {
  content: "\eb44";
}
.icon-filter:before {
  content: "\eb45";
}
.icon-tag-outline:before {
  content: "\eb46";
}
.icon-sports_score:before {
  content: "\eb47";
}
.icon-line_end:before {
  content: "\eb48";
}
.icon-remove:before {
  content: "\eb49";
}
.icon-warning_amber:before {
  content: "\eb4a";
}
.icon-picture_in_picture_center:before {
  content: "\eb4b";
}
.icon-arrow_down:before {
  content: "\eb4c";
}
.icon-fullscreen:before {
  content: "\eb4d";
}
.icon-play:before {
  content: "\eb4e";
}
.icon-attach_money:before {
  content: "\eb4f";
}
.icon-search_off:before {
  content: "\eb50";
}
.icon-flash_on:before {
  content: "\eb51";
}
.icon-status:before {
  content: "\eb52";
}
.icon-contacts:before {
  content: "\eb53";
}
.icon-integration:before {
  content: "\eb54";
}
.icon-campaign:before {
  content: "\eb55";
}
.icon-upload_file:before {
  content: "\eb56";
}
.icon-link:before {
  content: "\eb57";
}
.icon-sms:before {
  content: "\eb58";
}
.icon-code:before {
  content: "\eb59";
}
.icon-sell:before {
  content: "\eb5a";
}
.icon-groups_2:before {
  content: "\eb5b";
}
.icon-integration_instructions:before {
  content: "\eb5c";
}
.icon-home_2:before {
  content: "\eb5d";
}
.icon-webhooks:before {
  content: "\eb5e";
}
.icon-help:before {
  content: "\eb5f";
}
.icon-youtube:before {
  content: "\eb60";
}
.icon-route:before {
  content: "\eb61";
}
.icon-Meliuz:before {
  content: "\eb62";
}
.icon-Joy:before {
  content: "\eb63";
}
.icon-ellipsis:before {
  content: "\eb64";
}
.icon-circle_notifications:before {
  content: "\eb65";
}
.icon-notifications_off:before {
  content: "\eb66";
}
.icon-notifications-ringing:before {
  content: "\eb67";
}
.icon-zoppy_circle:before {
  content: "\eb68";
}
.icon-favico_shadow:before {
  content: "\eb69";
}
.icon-uniEB6A:before {
  content: "\eb6a";
}
.icon-uniEB6B:before {
  content: "\eb6b";
}
.icon-uniEB6C:before {
  content: "\eb6c";
}
.icon-uniEB6D:before {
  content: "\eb6d";
}
.icon-uniEB6E:before {
  content: "\eb6e";
}
.icon-joyz:before {
  content: "\eb6f";
}
.icon-circle-check:before {
  content: "\eb70";
}
.icon-circle-times:before {
  content: "\eb71";
}
.icon-drafts:before {
  content: "\eb72";
}
.icon-co_present:before {
  content: "\eb73";
}
.icon-shine-ai:before {
  content: "\eb74";
}
.icon-chip:before {
  content: "\eb75";
}
.icon-call_missed_outgoing:before {
  content: "\eb76";
}
.icon-wpp-clock:before {
  content: "\eb77";
}
.icon-file:before {
  content: "\eb78";
}
.icon-download-2:before {
  content: "\eb79";
}
.icon-document:before {
  content: "\eb7a";
}
.icon-add_circle_outline:before {
  content: "\eb7b";
}
.icon-idea:before {
  content: "\eb7c";
}
.icon-folder:before {
  content: "\eb7d";
}
.icon-map:before {
  content: "\eb7e";
}
.icon-question_mark:before {
  content: "\eb7f";
}
.icon-playlist_play:before {
  content: "\eb80";
}
.icon-book:before {
  content: "\eb81";
}
.icon-mobile_friendly:before {
  content: "\e925";
  color: #727c8c;
}
.icon-blogger2:before {
  content: "\eab8";
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles/colors.css */
:root {
  --ds-primary: #7B3DFF;
  --ds-secondary: #002E73;
  --ds-critical: #B91414;
  --ds-warning: #cf7f20;
  --ds-success: #2DB081;
  --ds-info: #1652ED;
  --ds-black: #2A3545;
  --ds-neutral: #727C8C;
  --ds-disabled: #A8AFBA;
  --ds-border: #DDE2E8;
  --ds-white: #FFFFFF;
  --ds-background-default: #F9F9FA;
  --ds-background-primary: #FAFBFF;
  --ds-background-overlay: rgba(42, 53, 69, 0.50);
  --ds-surface-default: #FDFDFD;
  --ds-surface-disabled: #EDF0F3;
  --ds-surface-neutral: #FAFBFF;
  --ds-surface-selected: #EFF1FE;
  --ds-surface-primary: #DCE2FF;
  --ds-surface-info: #E5EDFF;
  --ds-surface-warning: #FFF3E3;
  --ds-surface-critical: #FCE8E8;
  --ds-surface-success: #E3F6F0;
  --ds-hover: #F2F5F9;
  --ds-hover-selected: #DCDFF4;
  --ds-hover-dark: #44536A;
  --ds-hover-primary: #4400D3;
  --ds-hover-secondary: #001D48;
  --ds-hover-warning: #B66608;
  --ds-hover-critical: #9A0000;
  --ds-hover-success: #0C9564;
  --ds-hover-info: #0537B8;
  --ds-hover-disabled: #DCE0E4;
  --ds-border-default: #C9D0D9;
  --ds-action-disabled: #E6EBF1;
  --ds-action-info: #4D7EFF;
  --ds-decorative:
    linear-gradient(
      135deg,
      #00FFE6 14.56%,
      #7B3DFF 85.73%);
  --neutral-800: #363636;
  --neutral-700: #4b4b4b;
  --neutral-600: #727272;
  --neutral-550: #727C8C;
  --neutral-500: #9b9b9b;
  --neutral-400: #c6c6c6;
  --neutral-300: #dddddd;
  --neutral-200: #f3f3f3;
  --neutral-150: #f2f5f9;
  --neutral-125: #fdfdfd;
  --neutral-100: #ffffff;
  --negative: #eb0000;
  --warning: #ffad4e;
  --info: #4c7eff;
  --success: #30e1a1;
  --primary-800: #13357b;
  --primary-700: #2f4790;
  --primary-600: #4759a5;
  --primary-500: #5d6dbb;
  --primary-400: #7381d2;
  --primary-300: #a0aaff;
  --primary-200: #b6c0ff;
  --primary-100: #cdd6ff;
  --primary-50: #eff1fe;
  --secondary-800: #4e14d8;
  --secondary-700: #6a2eef;
  --secondary-600: #8344ff;
  --secondary-500: #9d5aff;
  --secondary-400: #b670ff;
  --secondary-300: #cf85ff;
  --secondary-200: #e79bff;
  --secondary-100: #ffb2ff;
  --tertiary-800: #004374;
  --tertiary-700: #00568e;
  --tertiary-600: #0069a4;
  --tertiary-500: #007dba;
  --tertiary-400: #0092d0;
  --tertiary-300: #00a7e7;
  --tertiary-200: #49d3ff;
  --tertiary-100: #68e9ff;
  --quaternary-800: #00493b;
  --quaternary-700: #005d4d;
  --quaternary-600: #007260;
  --quaternary-500: #008774;
  --quaternary-400: #009d88;
  --quaternary-300: #00b39d;
  --quaternary-200: #00cab3;
  --quaternary-100: #00e0c9;
  --primary-purple-900: #550FA2;
  --primary-purple-800: #5C21DA;
  --primary-purple-700: #7B3DFF;
  --primary-purple-600: #9F72FF;
  --primary-purple-500: #AC5FFF;
  --primary-purple-400: #CC90FF;
  --primary-purple-300: #DBA6FF;
  --primary-purple-200: #DBA6FF;
  --primary-purple-100: #EFCFFF;
  --primary-purple-50: #FDF5FF;
  --royal-blue-900: #00245A;
  --royal-blue-800: #002E73;
  --royal-blue-700: #0E489E;
  --royal-blue-600: #5D6DBB;
  --royal-blue-500: #7481D0;
  --royal-blue-400: #8C96E1;
  --royal-blue-300: #A6ACED;
  --royal-blue-200: #C0C3F6;
  --royal-blue-100: #D9DAFB;
  --royal-blue-50: #F3F3FE;
  --blue-900: #0B43C7;
  --blue-800: #2452E8;
  --blue-700: #3D61FF;
  --blue-600: #5870FF;
  --blue-500: #7783FF;
  --blue-400: #9497FF;
  --blue-300: #B4AFFF;
  --blue-200: #D1C9FF;
  --blue-100: #E9E3FF;
  --blue-50: #FFFFFF;
  --green-900: #003420;
  --green-800: #004C2F;
  --green-700: #00613F;
  --green-600: #00734C;
  --green-500: #04996C;
  --green-400: #09BA85;
  --green-300: #69C19B;
  --green-200: #93D4B6;
  --green-100: #BDE6D2;
  --green-50: #E9F7F0;
  --pink-900: #7D002A;
  --pink-800: #A30038;
  --pink-700: #C50047;
  --pink-600: #E30059;
  --pink-500: #F62567;
  --pink-400: #FF5A83;
  --pink-300: #FF7F9B;
  --pink-200: #FFA4B5;
  --pink-100: #FFC9D2;
  --pink-50: #FFEDF0;
  --mustard-900: #5A2E00;
  --mustard-800: #753D00;
  --mustard-700: #904D00;
  --mustard-600: #A96000;
  --mustard-500: #CF7F20;
  --mustard-400: #D68A38;
  --mustard-300: #E7A25C;
  --mustard-200: #F5BB86;
  --mustard-100: #FDD6B4;
  --mustard-50: #FFF1E5;
  --red-900: #74100B;
  --red-800: #971310;
  --red-700: #B91414;
  --red-600: #D43528;
  --red-500: #ED4F3C;
  --red-400: #FF6C55;
  --red-300: #FF8B73;
  --red-200: #FFAB96;
  --red-100: #FFCDBE;
  --red-50: #FFEEE9;
  --gray-900: #393939;
  --gray-800: #4B4B4B;
  --gray-700: #5E5E5E;
  --gray-600: #727272;
  --gray-500: #868686;
  --gray-400: #9B9B9B;
  --gray-300: #A8AFBA;
  --gray-200: #C6C6C6;
  --gray-100: #DDDDDD;
  --gray-50: #F3F3F3;
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles/typography.css */
.text-x-large {
  font-family: "Inter";
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.5rem;
}
.text-large {
  font-family: "Inter";
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}
.text-medium {
  font-family: "Inter";
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}
.text-small {
  font-family: "Inter";
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2rem;
}
.text-button-small {
  font-family: "Inter";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.text-button {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.text-button-large {
  font-family: "Inter";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.text-body-small {
  font-family: "Inter";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.text-body-small-highlight {
  font-family: "Inter";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
}
.text-body {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.text-body-highlight {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.text-body-large {
  font-family: "Inter";
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.text-body-large-highlight {
  font-family: "Inter";
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.text-subtitle {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.text-label {
  font-family: "Inter";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.text-caption {
  font-family: "Inter";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.125rem;
}
.text-caption-highlight {
  font-family: "Inter";
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.125rem;
}
.text-mini {
  font-family: "Inter";
  font-size: 0.5rem;
  font-weight: 600;
  line-height: 0.765rem;
}
.text-extra-mini {
  font-family: "Inter";
  font-size: 0.35rem;
  font-weight: 600;
  line-height: 0.765rem;
}
.text-link {
  font-family: "Inter";
  font-size: 1rem;
  font-weight: 600;
  text-decoration-line: underline;
  line-height: 1.25rem;
}
.text-2 {
  font-size: 0.125rem;
}
.text-4 {
  font-size: 0.25rem;
}
.text-6 {
  font-size: 0.375rem;
}
.text-8 {
  font-size: 0.5rem;
  line-height: 0.5rem;
}
.text-10 {
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.text-12 {
  font-size: 0.75rem;
  line-height: 1rem;
}
.text-14 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-16 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-18 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-20 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-24 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-28 {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
.text-48 {
  font-size: 3rem;
  line-height: 3.5rem;
}
h1 {
  font-size: 3.5rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
h2 {
  font-size: 3rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
h3 {
  font-size: 2.5rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
h4 {
  font-size: 2rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
h5 {
  font-size: 1.5rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
h6 {
  font-size: 1.25rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
.text--800 {
  font-family: "Inter";
  color: var(--neutral-800) !important;
}
.text--700 {
  font-family: "Inter";
  color: var(--neutral-700) !important;
}
.text--600 {
  font-family: "Inter";
  color: var(--neutral-600) !important;
}
.text--500 {
  font-family: "Inter";
  color: var(--neutral-500) !important;
}
.text--400 {
  font-family: "Inter";
  color: var(--neutral-400) !important;
}
.text--300 {
  font-family: "Inter";
  color: var(--neutral-300) !important;
}
.text--200 {
  font-family: "Inter";
  color: var(--neutral-200) !important;
}
.text--100 {
  font-family: "Inter";
  color: var(--neutral-100) !important;
}
.text--caption {
  font-size: 0.75rem;
  font-family: "Inter";
}
.text--small {
  font-size: 0.85rem;
  font-family: "Inter";
}
.text {
  font-size: 1rem;
  font-family: "Inter";
  color: var(--neutral-800);
}
.text--large {
  font-size: 1.15rem;
  font-family: "Inter";
}
.text--negative {
  font-family: "Inter";
  color: var(--negative) !important;
}
.text--warning {
  font-family: "Inter";
  color: var(--warning) !important;
}
.text--info {
  font-family: "Inter";
  color: var(--info) !important;
}
.text--success {
  font-family: "Inter";
  color: var(--success) !important;
}
.text--primary {
  font-family: "Inter";
  color: var(--primary) !important;
}
.text--secondary {
  font-family: "Inter";
  color: var(--secondary) !important;
}
.text--tertiary {
  font-family: "Inter";
  color: var(--tertiary) !important;
}
.text--quaternary {
  font-family: "Inter";
  color: var(--quaternary) !important;
}
.text--bold {
  font-weight: 900;
}
.text--italic {
  font-style: italic;
}
.text--strike-through {
  text-decoration: line-through;
}
.text--link {
  text-decoration: underline;
}
.text--link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.text--underline {
  text-decoration: underline;
}
.text--center {
  text-align: center;
}
@media only screen and (max-width: 576px) {
  h4,
  h3,
  h2,
  h1 {
    font-size: 1.5rem;
    font-family: "Inter";
    color: var(--neutral-800);
  }
  h5,
  h6 {
    font-size: 1rem;
    font-family: "Inter";
    color: var(--neutral-800);
  }
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles/utilities.css */
.shadow-0 {
  box-shadow: 0px 3px 10px 0px rgba(198, 193, 211, 0.25);
}
.shadow-1 {
  box-shadow: 0px 8px 24px 0px rgba(198, 193, 211, 0.25);
}
.shadow-2 {
  box-shadow: 0px 5px 48px 0px rgba(198, 193, 211, 0.25);
}
.shadow-3 {
  box-shadow: 0px 20px 64px 0px rgba(198, 193, 211, 0.25);
}
.padding-4px {
  padding: 0.25rem;
}
.padding-8px {
  padding: 0.5rem;
}
.padding-12px {
  padding: 0.75rem;
}
.padding-16px {
  padding: 1rem;
}
.padding-24px {
  padding: 1.5rem;
}
.padding-32px {
  padding: 2rem;
}
.padding-x-4px {
  padding: 0 0.25rem;
}
.padding-x-8px {
  padding: 0 0.5rem;
}
.padding-x-12px {
  padding: 0 0.75rem;
}
.padding-x-16px {
  padding: 0 1rem;
}
.padding-x-24px {
  padding: 0 1.5rem;
}
.padding-x-32px {
  padding: 0 2rem;
}
.padding-y-4px {
  padding: 0.25rem 0;
}
.padding-y-8px {
  padding: 0.5rem 0;
}
.padding-y-12px {
  padding: 0.75rem 0;
}
.padding-y-16px {
  padding: 1rem 0;
}
.padding-y-24px {
  padding: 1.5rem 0;
}
.padding-y-32px {
  padding: 2rem 0;
}
.border-radius-2px {
  border-radius: 0.125rem;
}
.border-radius-4px {
  border-radius: 0.25rem;
}
.border-radius-6px {
  border-radius: 0.375rem;
}
.border-radius-8px {
  border-radius: 0.5rem;
}
.border-radius-12px {
  border-radius: 0.75rem;
}
.border-radius-16px {
  border-radius: 1rem;
}
.border-radius-32px {
  border-radius: 2rem;
}
.margin-2px {
  margin: 0.125rem;
}
.margin-4px {
  margin: 0.25rem;
}
.margin-8px {
  margin: 0.5rem;
}
.margin-12px {
  margin: 0.75rem;
}
.margin-16px {
  margin: 1rem;
}
.margin-24px {
  margin: 1.5rem;
}
.margin-32px {
  margin: 2rem;
}
.margin-40px {
  margin: 2.5rem;
}
.margin-48px {
  margin: 3rem;
}
.margin-56px {
  margin: 3.5rem;
}
.margin-62px {
  margin: 4rem;
}
.margin-x-2px {
  margin: 0 0.125rem;
}
.margin-x-4px {
  margin: 0 0.25rem;
}
.margin-x-8px {
  margin: 0 0.5rem;
}
.margin-x-12px {
  margin: 0 0.75rem;
}
.margin-x-16px {
  margin: 0 1rem;
}
.margin-x-24px {
  margin: 0 1.5rem;
}
.margin-x-32px {
  margin: 0 2rem;
}
.margin-x-40px {
  margin: 0 2.5rem;
}
.margin-x-48px {
  margin: 0 3rem;
}
.margin-x-56px {
  margin: 0 3.5rem;
}
.margin-x-62px {
  margin: 0 4rem;
}
.margin-y-2px {
  margin: 0.125rem 0;
}
.margin-y-4px {
  margin: 0.25rem 0;
}
.margin-y-8px {
  margin: 0.5rem 0;
}
.margin-y-12px {
  margin: 0.75rem 0;
}
.margin-y-16px {
  margin: 1rem 0;
}
.margin-y-24px {
  margin: 1.5rem 0;
}
.margin-y-32px {
  margin: 2rem 0;
}
.margin-y-40px {
  margin: 2.5rem 0;
}
.margin-y-48px {
  margin: 3rem 0;
}
.margin-y-56px {
  margin: 3.5rem 0;
}
.margin-y-62px {
  margin: 4rem 0;
}
.margin-left-2px {
  margin-left: 0.125rem;
}
.margin-left-4px {
  margin-left: 0.25rem;
}
.margin-left-8px {
  margin-left: 0.5rem;
}
.margin-left-12px {
  margin-left: 0.75rem;
}
.margin-left-16px {
  margin-left: 1rem;
}
.margin-left-24px {
  margin-left: 1.5rem;
}
.margin-left-32px {
  margin-left: 2rem;
}
.margin-left-40px {
  margin-left: 2.5rem;
}
.margin-left-48px {
  margin-left: 3rem;
}
.margin-left-56px {
  margin-left: 3.5rem;
}
.margin-left-62px {
  margin-left: 4rem;
}
.margin-right-2px {
  margin-right: 0.125rem;
}
.margin-right-4px {
  margin-right: 0.25rem;
}
.margin-right-8px {
  margin-right: 0.5rem;
}
.margin-right-12px {
  margin-right: 0.75rem;
}
.margin-right-16px {
  margin-right: 1rem;
}
.margin-right-24px {
  margin-right: 1.5rem;
}
.margin-right-32px {
  margin-right: 2rem;
}
.margin-right-40px {
  margin-right: 2.5rem;
}
.margin-right-48px {
  margin-right: 3rem;
}
.margin-right-56px {
  margin-right: 3.5rem;
}
.margin-right-62px {
  margin-right: 4rem;
}
.margin-top-2px {
  margin-top: 0.125rem;
}
.margin-top-4px {
  margin-top: 0.25rem;
}
.margin-top-8px {
  margin-top: 0.5rem;
}
.margin-top-12px {
  margin-top: 0.75rem;
}
.margin-top-16px {
  margin-top: 1rem;
}
.margin-top-24px {
  margin-top: 1.5rem;
}
.margin-top-32px {
  margin-top: 2rem;
}
.margin-top-40px {
  margin-top: 2.5rem;
}
.margin-top-48px {
  margin-top: 3rem;
}
.margin-top-56px {
  margin-top: 3.5rem;
}
.margin-top-62px {
  margin-top: 4rem;
}
.margin-bottom-2px {
  margin-bottom: 0.125rem;
}
.margin-bottom-4px {
  margin-bottom: 0.25rem;
}
.margin-bottom-8px {
  margin-bottom: 0.5rem;
}
.margin-bottom-12px {
  margin-bottom: 0.75rem;
}
.margin-bottom-16px {
  margin-bottom: 1rem;
}
.margin-bottom-24px {
  margin-bottom: 1.5rem;
}
.margin-bottom-32px {
  margin-bottom: 2rem;
}
.margin-bottom-40px {
  margin-bottom: 2.5rem;
}
.margin-bottom-48px {
  margin-bottom: 3rem;
}
.margin-bottom-56px {
  margin-bottom: 3.5rem;
}
.margin-bottom-62px {
  margin-bottom: 4rem;
}
.padding-1 {
  padding: 0.5rem;
}
.padding-2 {
  padding: 1rem;
}
.padding-3 {
  padding: 2rem;
}
.padding-x-1 {
  padding: 0 0.5rem;
}
.padding-x-2 {
  padding: 0 1rem;
}
.padding-x-3 {
  padding: 0 2rem;
}
.padding-y-1 {
  padding: 0.5rem 0;
}
.padding-y-2 {
  padding: 1rem 0;
}
.padding-y-3 {
  padding: 2rem 0;
}
.padding-left-1 {
  padding-left: 0.5rem;
}
.padding-left-2 {
  padding-left: 1rem;
}
.padding-left-3 {
  padding-left: 2rem;
}
.padding-right-1 {
  padding-right: 0.5rem;
}
.padding-right-2 {
  padding-right: 1rem;
}
.padding-right-3 {
  padding-right: 2rem;
}
.padding-top-1 {
  padding-top: 0.5rem;
}
.padding-top-2 {
  padding-top: 1rem;
}
.padding-top-3 {
  padding-top: 2rem;
}
.padding-bottom-1 {
  padding-bottom: 0.5rem;
}
.padding-bottom-2 {
  padding-bottom: 1rem;
}
.padding-bottom-3 {
  padding-bottom: 2rem;
}
.margin-1 {
  margin: 0.5rem;
}
.margin-2 {
  margin: 1rem;
}
.margin-3 {
  margin: 2rem;
}
.margin-x-1 {
  margin: 0 0.5rem;
}
.margin-x-2 {
  margin: 0 1rem;
}
.margin-x-3 {
  margin: 0 2rem;
}
.margin-y-1 {
  margin: 0.5rem 0;
}
.margin-y-2 {
  margin: 1rem 0;
}
.margin-y-3 {
  margin: 2rem 0;
}
.margin-left-1 {
  margin-left: 0.5rem;
}
.margin-left-2 {
  margin-left: 1rem;
}
.margin-left-3 {
  margin-left: 2rem;
}
.margin-right-1 {
  margin-right: 0.5rem;
}
.margin-right-2 {
  margin-right: 1rem;
}
.margin-right-3 {
  margin-right: 2rem;
}
.margin-top-1 {
  margin-top: 0.5rem;
}
.margin-top-2 {
  margin-top: 1rem;
}
.margin-top-3 {
  margin-top: 2rem;
}
.margin-bottom-1 {
  margin-bottom: 0.5rem;
}
.margin-bottom-2 {
  margin-bottom: 1rem;
}
.margin-bottom-3 {
  margin-bottom: 2rem;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
@media only screen and (max-width: 576px) {
  .desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 576px) {
  .mobile {
    display: none !important;
  }
}
.wide {
  width: 100%;
}
.not-allowed {
  cursor: not-allowed !important;
}
.clickable {
  cursor: pointer !important;
}
ul {
  margin: unset;
  padding: unset;
  background-color: var(--neutral-100);
}
li {
  padding: 1rem;
  display: block;
  cursor: pointer;
}
li:hover {
  background-color: var(--neutral-200);
}
.flex {
  display: flex;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
.align-self-center {
  align-self: center;
}
.flex-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-content-end {
  display: flex;
  justify-content: flex-end;
}
.justify-content-start {
  display: flex;
  justify-content: flex-start;
}
.align-items-end {
  display: flex;
  align-items: flex-end;
}
.space-between {
  display: flex;
  justify-content: space-between;
}
.clickable {
  cursor: pointer;
}
.clickable-hover:hover {
  background-color: var(--neutral-200);
}
.wide {
  width: 100%;
}
.no-scroll {
  overflow: hidden;
}
.flex-grow {
  display: flex;
  flex-grow: 1;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.full-height {
  height: 100vh;
}
.full-width {
  width: 100vw;
}
.hidden {
  display: none !important;
}
.visible {
  display: block;
}
table {
  border-radius: 0.5rem;
}
table,
th,
td {
  text-align: start;
  border-collapse: collapse;
}
td {
  padding: 1.25rem;
  height: 100%;
  border: none;
}
thead {
  border-radius: 0.5rem;
}
th:first-child {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
th:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
tr {
  border-bottom: 1px solid var(--neutral-300);
}
th {
  padding: 1rem 1.25rem;
  border: none;
  background-color: #f2f5f9;
  text-transform: uppercase;
}
th > span {
  color: #727c8c;
  font-weight: 600;
}
.template-input-variable-box {
  border: 1px solid #dde2e8;
  box-shadow: 0px 2px 4px 0px #92929240 inset;
  background-color: #fdfdfd;
  padding: 1px 3px 4px 3px;
  border-radius: 0.25rem;
}
.border {
  border: 1px solid #dde2e8;
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles/variables.css */
:root {
  --phone-portrait-breakpoint: 576px;
  --phone-landscape-breakpoint: 768px;
  --tablet-breakpoint: 992px;
  --computer-breakpoint: 1200px;
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles/color-classes.css */
.ds-primary {
  color: var(--ds-primary);
}
.ds-secondary {
  color: var(--ds-secondary);
}
.ds-critical {
  color: var(--ds-critical);
}
.ds-warning {
  color: var(--ds-warning);
}
.ds-success {
  color: var(--ds-success);
}
.ds-info {
  color: var(--ds-info);
}
.ds-black {
  color: var(--ds-black);
}
.ds-neutral {
  color: var(--ds-neutral);
}
.ds-disabled {
  color: var(--ds-disabled);
}
.ds-border {
  color: var(--ds-border);
}
.ds-white {
  color: var(--ds-white);
}
.ds-background {
  color: var(--ds-background);
}
.ds-surface-default {
  color: var(--ds-surface-default);
}
.ds-surface-disabled {
  color: var(--ds-surface-disabled);
}
.ds-surface-neutral {
  color: var(--ds-surface-neutral);
}
.ds-surface-selected {
  color: var(--ds-surface-selected);
}
.ds-surface-primary {
  color: var(--ds-surface-primary);
}
.ds-surface-info {
  color: var(--ds-surface-info);
}
.ds-surface-warning {
  color: var(--ds-surface-warning);
}
.ds-surface-critical {
  color: var(--ds-surface-critical);
}
.ds-surface-success {
  color: var(--ds-surface-success);
}
.ds-hover-primary {
  color: var(--ds-hover-primary);
}
.ds-hover-warning {
  color: var(--ds-hover-warning);
}
.ds-hover-critical {
  color: var(--ds-hover-critical);
}
.ds-hover-success {
  color: var(--ds-hover-success);
}
.ds-hover {
  color: var(--ds-hover);
}
.ds-hover-disabled {
  color: var(--ds-hover-disabled);
}
.ds-overlay {
  color: var(--ds-overlay);
}
.action-primary {
  color: var(--ds-primary);
}
.action-secondary {
  color: var(--ds-secondary);
}
.action-disabled {
  color: var(--ds-action-disabled);
}
.action-on {
  color: var(--ds-white);
}
.action-critical {
  color: var(--ds-critical);
}
.action-success {
  color: var(--ds-success);
}
.action-warning {
  color: var(--ds-warning);
}
.action-info {
  color: var(--ds-action-info);
}
.action-dark {
  color: var(--ds-black);
}
.decorative {
  color: var(--ds-decorative);
}
.bg-ds-primary {
  background-color: var(--ds-primary);
}
.bg-ds-secondary {
  background-color: var(--ds-secondary);
}
.bg-ds-critical {
  background-color: var(--ds-critical);
}
.bg-ds-warning {
  background-color: var(--ds-warning);
}
.bg-ds-success {
  background-color: var(--ds-success);
}
.bg-ds-info {
  background-color: var(--ds-info);
}
.bg-ds-black {
  background-color: var(--ds-black);
}
.bg-ds-neutral {
  background-color: var(--ds-neutral);
}
.bg-ds-disabled {
  background-color: var(--ds-disabled);
}
.bg-ds-default {
  background-color: var(--ds-background-default);
}
.bg-ds-border {
  background-color: var(--ds-border);
}
.bg-ds-white {
  background-color: var(--ds-white);
}
.bg-ds-surface-default {
  background-color: var(--ds-surface-default);
}
.bg-ds-surface-neutral {
  background-color: var(--ds-surface-neutral);
}
.bg-ds-surface-selected {
  background-color: var(--ds-surface-selected);
}
.bg-ds-surface-primary {
  background-color: var(--ds-surface-primary);
}
.bg-ds-surface-info {
  background-color: var(--ds-surface-info);
}
.bg-ds-surface-warning {
  background-color: var(--ds-surface-warning);
}
.bg-ds-surface-critical {
  background-color: var(--ds-surface-critical);
}
.bg-ds-surface-success {
  background-color: var(--ds-surface-success);
}
.bg-ds-hover-primary {
  background-color: var(--ds-hover-primary);
}
.bg-ds-hover-warning {
  background-color: var(--ds-hover-warning);
}
.bg-ds-hover-critical {
  background-color: var(--ds-hover-critical);
}
.bg-ds-hover-success {
  background-color: var(--ds-hover-success);
}
.bg-ds-hover {
  background-color: var(--ds-hover);
}
.bg-ds-hover-disabled {
  background-color: var(--ds-hover-disabled);
}
.bg-ds-overlay {
  background-color: var(--ds-overlay);
}
.negative {
  color: var(--negative);
}
.warning {
  color: var(--warning);
}
.info {
  color: var(--info);
}
.success {
  color: var(--success);
}
.neutral-800 {
  color: var(--neutral-800);
}
.neutral-700 {
  color: var(--neutral-700);
}
.neutral-600 {
  color: var(--neutral-600);
}
.neutral-500 {
  color: var(--neutral-500);
}
.neutral-400 {
  color: var(--neutral-400);
}
.neutral-300 {
  color: var(--neutral-300);
}
.neutral-200 {
  color: var(--neutral-200);
}
.neutral-150 {
  color: var(--neutral-150);
}
.neutral-100 {
  color: var(--neutral-100);
}
.primary-800 {
  color: var(--primary-800);
}
.primary-700 {
  color: var(--primary-700);
}
.primary-600 {
  color: var(--primary-600);
}
.primary-500 {
  color: var(--primary-500);
}
.primary-400 {
  color: var(--primary-400);
}
.primary-300 {
  color: var(--primary-300);
}
.primary-200 {
  color: var(--primary-200);
}
.primary-100 {
  color: var(--primary-100);
}
.primary {
  color: var(--primary);
}
.secondary-800 {
  color: var(--secondary-800);
}
.secondary-700 {
  color: var(--secondary-700);
}
.secondary-600 {
  color: var(--secondary-600);
}
.secondary-500 {
  color: var(--secondary-500);
}
.secondary-400 {
  color: var(--secondary-400);
}
.secondary-300 {
  color: var(--secondary-300);
}
.secondary-200 {
  color: var(--secondary-200);
}
.secondary-100 {
  color: var(--secondary-100);
}
.secondary {
  color: var(--secondary);
}
.tertiary-800 {
  color: var(--tertiary-800);
}
.tertiary-700 {
  color: var(--tertiary-700);
}
.tertiary-600 {
  color: var(--tertiary-600);
}
.tertiary-500 {
  color: var(--tertiary-500);
}
.tertiary-400 {
  color: var(--tertiary-400);
}
.tertiary-300 {
  color: var(--tertiary-300);
}
.tertiary-200 {
  color: var(--tertiary-200);
}
.tertiary-100 {
  color: var(--tertiary-100);
}
.tertiary {
  color: var(--tertiary);
}
.quaternary-800 {
  color: var(--quaternary-800);
}
.quaternary-700 {
  color: var(--quaternary-700);
}
.quaternary-600 {
  color: var(--quaternary-600);
}
.quaternary-500 {
  color: var(--quaternary-500);
}
.quaternary-400 {
  color: var(--quaternary-400);
}
.quaternary-300 {
  color: var(--quaternary-300);
}
.quaternary-200 {
  color: var(--quaternary-200);
}
.quaternary-100 {
  color: var(--quaternary-100);
}
.quaternary {
  color: var(--quaternary);
}
.primary-purple-900 {
  color: var(--primary-purple-900);
}
.primary-purple-800 {
  color: var(--primary-purple-800);
}
.primary-purple-700 {
  color: var(--primary-purple-700);
}
.primary-purple-600 {
  color: var(--primary-purple-600);
}
.primary-purple-500 {
  color: var(--primary-purple-500);
}
.primary-purple-400 {
  color: var(--primary-purple-400);
}
.primary-purple-300 {
  color: var(--primary-purple-300);
}
.primary-purple-200 {
  color: var(--primary-purple-200);
}
.primary-purple-100 {
  color: var(--primary-purple-100);
}
.primary-purple-50 {
  color: var(--primary-purple-50);
}
.royal-blue-900 {
  color: var(--royal-blue-900);
}
.royal-blue-800 {
  color: var(--royal-blue-800);
}
.royal-blue-700 {
  color: var(--royal-blue-700);
}
.royal-blue-600 {
  color: var(--royal-blue-600);
}
.royal-blue-500 {
  color: var(--royal-blue-500);
}
.royal-blue-400 {
  color: var(--royal-blue-400);
}
.royal-blue-300 {
  color: var(--royal-blue-300);
}
.royal-blue-200 {
  color: var(--royal-blue-200);
}
.royal-blue-100 {
  color: var(--royal-blue-100);
}
.royal-blue-50 {
  color: var(--royal-blue-50);
}
.blue-900 {
  color: var(--blue-900);
}
.blue-800 {
  color: var(--blue-800);
}
.blue-700 {
  color: var(--blue-700);
}
.blue-600 {
  color: var(--blue-600);
}
.blue-500 {
  color: var(--blue-500);
}
.blue-400 {
  color: var(--blue-400);
}
.blue-300 {
  color: var(--blue-300);
}
.blue-200 {
  color: var(--blue-200);
}
.blue-100 {
  color: var(--blue-100);
}
.blue-50 {
  color: var(--blue-50);
}
.green-900 {
  color: var(--green-900);
}
.green-800 {
  color: var(--green-800);
}
.green-700 {
  color: var(--green-700);
}
.green-600 {
  color: var(--green-600);
}
.green-500 {
  color: var(--green-500);
}
.green-400 {
  color: var(--green-400);
}
.green-300 {
  color: var(--green-300);
}
.green-200 {
  color: var(--green-200);
}
.green-100 {
  color: var(--green-100);
}
.green-50 {
  color: var(--green-50);
}
.pink-900 {
  color: var(--pink-900);
}
.pink-800 {
  color: var(--pink-800);
}
.pink-700 {
  color: var(--pink-700);
}
.pink-600 {
  color: var(--pink-600);
}
.pink-500 {
  color: var(--pink-500);
}
.pink-400 {
  color: var(--pink-400);
}
.pink-300 {
  color: var(--pink-300);
}
.pink-200 {
  color: var(--pink-200);
}
.pink-100 {
  color: var(--pink-100);
}
.pink-50 {
  color: var(--pink-50);
}
.mustard-900 {
  color: var(--mustard-900);
}
.mustard-800 {
  color: var(--mustard-800);
}
.mustard-700 {
  color: var(--mustard-700);
}
.mustard-600 {
  color: var(--mustard-600);
}
.mustard-500 {
  color: var(--mustard-500);
}
.mustard-400 {
  color: var(--mustard-400);
}
.mustard-300 {
  color: var(--mustard-300);
}
.mustard-200 {
  color: var(--mustard-200);
}
.mustard-100 {
  color: var(--mustard-100);
}
.mustard-50 {
  color: var(--mustard-50);
}
.red-900 {
  color: var(--red-900);
}
.red-800 {
  color: var(--red-800);
}
.red-700 {
  color: var(--red-700);
}
.red-600 {
  color: var(--red-600);
}
.red-500 {
  color: var(--red-500);
}
.red-400 {
  color: var(--red-400);
}
.red-300 {
  color: var(--red-300);
}
.red-200 {
  color: var(--red-200);
}
.red-100 {
  color: var(--red-100);
}
.red-50 {
  color: var(--red-50);
}
.gray-900 {
  color: var(--gray-900);
}
.gray-800 {
  color: var(--gray-800);
}
.gray-700 {
  color: var(--gray-700);
}
.gray-600 {
  color: var(--gray-600);
}
.gray-500 {
  color: var(--gray-500);
}
.gray-400 {
  color: var(--gray-400);
}
.gray-300 {
  color: var(--gray-300);
}
.gray-200 {
  color: var(--gray-200);
}
.gray-100 {
  color: var(--gray-100);
}
.gray-50 {
  color: var(--gray-50);
}
.bg-negative {
  background-color: var(--negative);
}
.bg-warning {
  background-color: var(--warning);
}
.bg-info {
  background-color: var(--info);
}
.bg-success {
  background-color: var(--success);
}
.bg-neutral-800 {
  background-color: var(--neutral-800);
}
.bg-neutral-700 {
  background-color: var(--neutral-700);
}
.bg-neutral-600 {
  background-color: var(--neutral-600);
}
.bg-neutral-500 {
  background-color: var(--neutral-500);
}
.bg-neutral-400 {
  background-color: var(--neutral-400);
}
.bg-neutral-300 {
  background-color: var(--neutral-300);
}
.bg-neutral-200 {
  background-color: var(--neutral-200);
}
.bg-neutral-150 {
  background-color: var(--neutral-150);
}
.bg-neutral-100 {
  background-color: var(--neutral-100);
}
.bg-primary-800 {
  background-color: var(--primary-800);
}
.bg-primary-700 {
  background-color: var(--primary-700);
}
.bg-primary-600 {
  background-color: var(--primary-600);
}
.bg-primary-500 {
  background-color: var(--primary-500);
}
.bg-primary-400 {
  background-color: var(--primary-400);
}
.bg-primary-300 {
  background-color: var(--primary-300);
}
.bg-primary-200 {
  background-color: var(--primary-200);
}
.bg-primary-100 {
  background-color: var(--primary-100);
}
.bg-secondary-800 {
  background-color: var(--secondary-800);
}
.bg-secondary-700 {
  background-color: var(--secondary-700);
}
.bg-secondary-600 {
  background-color: var(--secondary-600);
}
.bg-secondary-500 {
  background-color: var(--secondary-500);
}
.bg-secondary-400 {
  background-color: var(--secondary-400);
}
.bg-secondary-300 {
  background-color: var(--secondary-300);
}
.bg-secondary-200 {
  background-color: var(--secondary-200);
}
.bg-secondary-100 {
  background-color: var(--secondary-100);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-tertiary-800 {
  background-color: var(--tertiary-800);
}
.bg-tertiary-700 {
  background-color: var(--tertiary-700);
}
.bg-tertiary-600 {
  background-color: var(--tertiary-600);
}
.bg-tertiary-500 {
  background-color: var(--tertiary-500);
}
.bg-tertiary-400 {
  background-color: var(--tertiary-400);
}
.bg-tertiary-300 {
  background-color: var(--tertiary-300);
}
.bg-tertiary-200 {
  background-color: var(--tertiary-200);
}
.bg-tertiary-100 {
  background-color: var(--tertiary-100);
}
.bg-tertiary {
  background-color: var(--tertiary);
}
.bg-quaternary-800 {
  background-color: var(--quaternary-800);
}
.bg-quaternary-700 {
  background-color: var(--quaternary-700);
}
.bg-quaternary-600 {
  background-color: var(--quaternary-600);
}
.bg-quaternary-500 {
  background-color: var(--quaternary-500);
}
.bg-quaternary-400 {
  background-color: var(--quaternary-400);
}
.bg-quaternary-300 {
  background-color: var(--quaternary-300);
}
.bg-quaternary-200 {
  background-color: var(--quaternary-200);
}
.bg-quaternary-100 {
  background-color: var(--quaternary-100);
}
.bg-quaternary {
  background-color: var(--quaternary);
}
.bg-primary-purple-900 {
  background-color: var(--primary-purple-900);
}
.bg-primary-purple-800 {
  background-color: var(--primary-purple-800);
}
.bg-primary-purple-700 {
  background-color: var(--primary-purple-700);
}
.bg-primary-purple-600 {
  background-color: var(--primary-purple-600);
}
.bg-primary-purple-500 {
  background-color: var(--primary-purple-500);
}
.bg-primary-purple-400 {
  background-color: var(--primary-purple-400);
}
.bg-primary-purple-300 {
  background-color: var(--primary-purple-300);
}
.bg-primary-purple-200 {
  background-color: var(--primary-purple-200);
}
.bg-primary-purple-100 {
  background-color: var(--primary-purple-100);
}
.bg-primary-purple-50 {
  background-color: var(--primary-purple-50);
}
.bg-royal-blue-900 {
  background-color: var(--royal-blue-900);
}
.bg-royal-blue-800 {
  background-color: var(--royal-blue-800);
}
.bg-royal-blue-700 {
  background-color: var(--royal-blue-700);
}
.bg-royal-blue-600 {
  background-color: var(--royal-blue-600);
}
.bg-royal-blue-500 {
  background-color: var(--royal-blue-500);
}
.bg-royal-blue-400 {
  background-color: var(--royal-blue-400);
}
.bg-royal-blue-300 {
  background-color: var(--royal-blue-300);
}
.bg-royal-blue-200 {
  background-color: var(--royal-blue-200);
}
.bg-royal-blue-100 {
  background-color: var(--royal-blue-100);
}
.bg-royal-blue-50 {
  background-color: var(--royal-blue-50);
}
.bg-blue-900 {
  background-color: var(--blue-900);
}
.bg-blue-800 {
  background-color: var(--blue-800);
}
.bg-blue-700 {
  background-color: var(--blue-700);
}
.bg-blue-600 {
  background-color: var(--blue-600);
}
.bg-blue-500 {
  background-color: var(--blue-500);
}
.bg-blue-400 {
  background-color: var(--blue-400);
}
.bg-blue-300 {
  background-color: var(--blue-300);
}
.bg-blue-200 {
  background-color: var(--blue-200);
}
.bg-blue-100 {
  background-color: var(--blue-100);
}
.bg-blue-50 {
  background-color: var(--blue-50);
}
.bg-green-900 {
  background-color: var(--green-900);
}
.bg-green-800 {
  background-color: var(--green-800);
}
.bg-green-700 {
  background-color: var(--green-700);
}
.bg-green-600 {
  background-color: var(--green-600);
}
.bg-green-500 {
  background-color: var(--green-500);
}
.bg-green-400 {
  background-color: var(--green-400);
}
.bg-green-300 {
  background-color: var(--green-300);
}
.bg-green-200 {
  background-color: var(--green-200);
}
.bg-green-100 {
  background-color: var(--green-100);
}
.bg-green-50 {
  background-color: var(--green-50);
}
.bg-pink-900 {
  background-color: var(--pink-900);
}
.bg-pink-800 {
  background-color: var(--pink-800);
}
.bg-pink-700 {
  background-color: var(--pink-700);
}
.bg-pink-600 {
  background-color: var(--pink-600);
}
.bg-pink-500 {
  background-color: var(--pink-500);
}
.bg-pink-400 {
  background-color: var(--pink-400);
}
.bg-pink-300 {
  background-color: var(--pink-300);
}
.bg-pink-200 {
  background-color: var(--pink-200);
}
.bg-pink-100 {
  background-color: var(--pink-100);
}
.bg-pink-50 {
  background-color: var(--pink-50);
}
.bg-mustard-900 {
  background-color: var(--mustard-900);
}
.bg-mustard-800 {
  background-color: var(--mustard-800);
}
.bg-mustard-700 {
  background-color: var(--mustard-700);
}
.bg-mustard-600 {
  background-color: var(--mustard-600);
}
.bg-mustard-500 {
  background-color: var(--mustard-500);
}
.bg-mustard-400 {
  background-color: var(--mustard-400);
}
.bg-mustard-300 {
  background-color: var(--mustard-300);
}
.bg-mustard-200 {
  background-color: var(--mustard-200);
}
.bg-mustard-100 {
  background-color: var(--mustard-100);
}
.bg-mustard-50 {
  background-color: var(--mustard-50);
}
.bg-red-900 {
  background-color: var(--red-900);
}
.bg-red-800 {
  background-color: var(--red-800);
}
.bg-red-700 {
  background-color: var(--red-700);
}
.bg-red-600 {
  background-color: var(--red-600);
}
.bg-red-500 {
  background-color: var(--red-500);
}
.bg-red-400 {
  background-color: var(--red-400);
}
.bg-red-300 {
  background-color: var(--red-300);
}
.bg-red-200 {
  background-color: var(--red-200);
}
.bg-red-100 {
  background-color: var(--red-100);
}
.bg-red-50 {
  background-color: var(--red-50);
}
.bg-gray-900 {
  background-color: var(--gray-900);
}
.bg-gray-800 {
  background-color: var(--gray-800);
}
.bg-gray-700 {
  background-color: var(--gray-700);
}
.bg-gray-600 {
  background-color: var(--gray-600);
}
.bg-gray-500 {
  background-color: var(--gray-500);
}
.bg-gray-400 {
  background-color: var(--gray-400);
}
.bg-gray-300 {
  background-color: var(--gray-300);
}
.bg-gray-200 {
  background-color: var(--gray-200);
}
.bg-gray-100 {
  background-color: var(--gray-100);
}
.bg-gray-50 {
  background-color: var(--gray-50);
}
.border-ds-primary {
  border: 1px solid var(--ds-primary);
  border-radius: 0.75rem;
}
.border-ds-secondary {
  border: 1px solid var(--ds-secondary);
  border-radius: 0.75rem;
}
.border-ds-critical {
  border: 1px solid var(--ds-critical);
  border-radius: 0.75rem;
}
.border-ds-warning {
  border: 1px solid var(--ds-warning);
  border-radius: 0.75rem;
}
.border-ds-success {
  border: 1px solid var(--ds-success);
  border-radius: 0.75rem;
}
.border-ds-info {
  border: 1px solid var(--ds-info);
  border-radius: 0.75rem;
}

/* node_modules/@Zoppy-crm/visual-identity/assets/fonts/helvetica/styles.css */
@font-face {
  font-family: "HelveticaNeue-Bold";
  src: url("./media/HelveticaNeue-Bold-65VZJPV6.ttf") format("ttf");
}
@font-face {
  font-family: "HelveticaNeue-Light";
  src:
    url("./media/HelveticaNeue-Light-UAZ7FAZ6.eot") format("eot"),
    url("./media/HelveticaNeue-Light-MJD65AEL.otf") format("otf"),
    url("./media/HelveticaNeue-Light-6SAAPRY3.ttf") format("ttf");
}
@font-face {
  font-family: "HelveticaNeue";
  src: url("./media/HelveticaNeue-TUBHK2Y2.ttf") format("ttf");
}

/* node_modules/@Zoppy-crm/visual-identity/assets/fonts/inter/styles.css */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("./media/Inter-Light-VX5F7XYG.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("./media/Inter-Regular-JRTEWNED.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("./media/Inter-Medium-KBYLY4AW.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("./media/Inter-SemiBold-ZDZFIVCU.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("./media/Inter-Bold-NV3SSUVP.otf") format("otf");
}

/* node_modules/@Zoppy-crm/visual-identity/assets/styles.css */

/* node_modules/@fontsource-variable/inter/index.css */
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-cyrillic-ext-wght-normal-IYF56FF6.woff2") format("woff2-variations");
  unicode-range:
    U+0460-052F,
    U+1C80-1C8A,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-cyrillic-wght-normal-JEOLYBOO.woff2") format("woff2-variations");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-greek-ext-wght-normal-EOVOK2B5.woff2") format("woff2-variations");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-greek-wght-normal-IRE366VL.woff2") format("woff2-variations");
  unicode-range:
    U+0370-0377,
    U+037A-037F,
    U+0384-038A,
    U+038C,
    U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-vietnamese-wght-normal-CE5GGD3W.woff2") format("woff2-variations");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+0300-0301,
    U+0303-0304,
    U+0308-0309,
    U+0323,
    U+0329,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-latin-ext-wght-normal-HA22NDSG.woff2") format("woff2-variations");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Inter Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./media/inter-latin-wght-normal-NRMW37G5.woff2") format("woff2-variations");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}

/* src/tailwind.css */
*,
::before,
::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(119 131 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(119 131 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #C6C6C6;
}
::before,
::after {
  --tw-content: "";
}
html,
:host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp,
pre {
  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9B9B9B;
}
button,
[role=button] {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
  display: none;
}
* {
  scrollbar-color: initial;
  scrollbar-width: initial;
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {
  .\!container {
    max-width: 640px !important;
  }
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .\!container {
    max-width: 768px !important;
  }
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .\!container {
    max-width: 1024px !important;
  }
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .\!container {
    max-width: 1280px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .\!container {
    max-width: 1536px !important;
  }
  .container {
    max-width: 1536px;
  }
}
.zoppy-page {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-right: 4rem;
  margin-left: 4rem;
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible !important;
}
.collapse {
  visibility: collapse !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: sticky !important;
}
.inset-0 {
  inset: 0px !important;
}
.-bottom-1 {
  bottom: -0.25rem !important;
}
.-bottom-3 {
  bottom: -0.75rem !important;
}
.-left-12 {
  left: -3rem !important;
}
.-left-2 {
  left: -0.5rem !important;
}
.-right-12 {
  right: -3rem !important;
}
.-right-2 {
  right: -0.5rem !important;
}
.-top-2 {
  top: -0.5rem !important;
}
.-top-4 {
  top: -1rem !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.bottom-16 {
  bottom: 4rem !important;
}
.bottom-2 {
  bottom: 0.5rem !important;
}
.bottom-24 {
  bottom: 6rem !important;
}
.bottom-28 {
  bottom: 7rem !important;
}
.bottom-3 {
  bottom: 0.75rem !important;
}
.bottom-4 {
  bottom: 1rem !important;
}
.bottom-8 {
  bottom: 2rem !important;
}
.bottom-\[-2px\] {
  bottom: -2px !important;
}
.bottom-\[64px\] {
  bottom: 64px !important;
}
.bottom-auto {
  bottom: auto !important;
}
.left-0 {
  left: 0px !important;
}
.left-1\/2 {
  left: 50% !important;
}
.left-3 {
  left: 0.75rem !important;
}
.left-4 {
  left: 1rem !important;
}
.left-80 {
  left: 20rem !important;
}
.left-\[3\.75rem\] {
  left: 3.75rem !important;
}
.left-\[9rem\] {
  left: 9rem !important;
}
.left-\[calc\(50\%-6rem\)\] {
  left: calc(50% - 6rem) !important;
}
.left-auto {
  left: auto !important;
}
.right-0 {
  right: 0px !important;
}
.right-12 {
  right: 3rem !important;
}
.right-2 {
  right: 0.5rem !important;
}
.right-20 {
  right: 5rem !important;
}
.right-3 {
  right: 0.75rem !important;
}
.right-32 {
  right: 8rem !important;
}
.right-4 {
  right: 1rem !important;
}
.right-6 {
  right: 1.5rem !important;
}
.right-8 {
  right: 2rem !important;
}
.top-0 {
  top: 0px !important;
}
.top-1\.5 {
  top: 0.375rem !important;
}
.top-1\/2 {
  top: 50% !important;
}
.top-10 {
  top: 2.5rem !important;
}
.top-11 {
  top: 2.75rem !important;
}
.top-16 {
  top: 4rem !important;
}
.top-2 {
  top: 0.5rem !important;
}
.top-2\.5 {
  top: 0.625rem !important;
}
.top-20 {
  top: 5rem !important;
}
.top-4 {
  top: 1rem !important;
}
.top-6 {
  top: 1.5rem !important;
}
.top-8 {
  top: 2rem !important;
}
.top-\[1\.5rem\] {
  top: 1.5rem !important;
}
.top-\[10px\] {
  top: 10px !important;
}
.top-\[2\.65rem\] {
  top: 2.65rem !important;
}
.top-\[2\.6rem\] {
  top: 2.6rem !important;
}
.top-\[3rem\] {
  top: 3rem !important;
}
.top-\[54\%\] {
  top: 54% !important;
}
.top-\[90\%\] {
  top: 90% !important;
}
.top-\[calc\(100\%\)\] {
  top: calc(100%) !important;
}
.top-auto {
  top: auto !important;
}
.isolate {
  isolation: isolate !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.z-40 {
  z-index: 40 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-\[1000\] {
  z-index: 1000 !important;
}
.z-\[1001\] {
  z-index: 1001 !important;
}
.z-\[100\] {
  z-index: 100 !important;
}
.z-\[1100\] {
  z-index: 1100 !important;
}
.z-\[1\] {
  z-index: 1 !important;
}
.z-\[2\] {
  z-index: 2 !important;
}
.z-\[3\] {
  z-index: 3 !important;
}
.z-\[9999\] {
  z-index: 9999 !important;
}
.z-\[9\] {
  z-index: 9 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.col-span-1 {
  grid-column: span 1 / span 1 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-span-3 {
  grid-column: span 3 / span 3 !important;
}
.col-span-4 {
  grid-column: span 4 / span 4 !important;
}
.col-span-5 {
  grid-column: span 5 / span 5 !important;
}
.col-span-6 {
  grid-column: span 6 / span 6 !important;
}
.row-span-1 {
  grid-row: span 1 / span 1 !important;
}
.m-0 {
  margin: 0px !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-6 {
  margin: 1.5rem !important;
}
.-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.-my-2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.-my-4 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-16 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.\!mb-6 {
  margin-bottom: 1.5rem !important;
}
.-ml-6 {
  margin-left: -1.5rem !important;
}
.-ml-\[6px\] {
  margin-left: -6px !important;
}
.-mr-\[0\.22rem\] {
  margin-right: -0.22rem !important;
}
.-mt-3 {
  margin-top: -0.75rem !important;
}
.-mt-5 {
  margin-top: -1.25rem !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-10 {
  margin-bottom: 2.5rem !important;
}
.mb-12 {
  margin-bottom: 3rem !important;
}
.mb-16 {
  margin-bottom: 4rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-28 {
  margin-bottom: 7rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mb-7 {
  margin-bottom: 1.75rem !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mb-\[20px\] {
  margin-bottom: 20px !important;
}
.mb-\[24px\] {
  margin-bottom: 24px !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.ml-12 {
  margin-left: 3rem !important;
}
.ml-16 {
  margin-left: 4rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.ml-7 {
  margin-left: 1.75rem !important;
}
.ml-8 {
  margin-left: 2rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-10 {
  margin-right: 2.5rem !important;
}
.mr-16 {
  margin-right: 4rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mr-60 {
  margin-right: 15rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-0\.5 {
  margin-top: 0.125rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-12 {
  margin-top: 3rem !important;
}
.mt-14 {
  margin-top: 3.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mt-9 {
  margin-top: 2.25rem !important;
}
.mt-\[-2rem\] {
  margin-top: -2rem !important;
}
.mt-\[1px\] {
  margin-top: 1px !important;
}
.mt-\[3\.5rem\] {
  margin-top: 3.5rem !important;
}
.mt-\[4\.5rem\] {
  margin-top: 4.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.box-border {
  box-sizing: border-box !important;
}
.box-content {
  box-sizing: content-box !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.table-cell {
  display: table-cell !important;
}
.grid {
  display: grid !important;
}
.contents {
  display: contents !important;
}
.hidden {
  display: none !important;
}
.size-10 {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.size-11 {
  width: 2.75rem !important;
  height: 2.75rem !important;
}
.size-12 {
  width: 3rem !important;
  height: 3rem !important;
}
.size-16 {
  width: 4rem !important;
  height: 4rem !important;
}
.size-2 {
  width: 0.5rem !important;
  height: 0.5rem !important;
}
.size-3 {
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.size-5 {
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.size-6 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.size-\[10px\] {
  width: 10px !important;
  height: 10px !important;
}
.\!h-fit {
  height: fit-content !important;
}
.h-0 {
  height: 0px !important;
}
.h-0\.5 {
  height: 0.125rem !important;
}
.h-1 {
  height: 0.25rem !important;
}
.h-1\.5 {
  height: 0.375rem !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-11 {
  height: 2.75rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-2\.5 {
  height: 0.625rem !important;
}
.h-24 {
  height: 6rem !important;
}
.h-28 {
  height: 7rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-32 {
  height: 8rem !important;
}
.h-36 {
  height: 9rem !important;
}
.h-4 {
  height: 1rem !important;
}
.h-40 {
  height: 10rem !important;
}
.h-48 {
  height: 12rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-52 {
  height: 13rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-60 {
  height: 15rem !important;
}
.h-64 {
  height: 16rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-72 {
  height: 18rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-80 {
  height: 20rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-96 {
  height: 24rem !important;
}
.h-\[0\.05rem\] {
  height: 0.05rem !important;
}
.h-\[0\.0625rem\] {
  height: 0.0625rem !important;
}
.h-\[0\.8rem\] {
  height: 0.8rem !important;
}
.h-\[1\.125rem\] {
  height: 1.125rem !important;
}
.h-\[1\.25rem\] {
  height: 1.25rem !important;
}
.h-\[13\.25rem\] {
  height: 13.25rem !important;
}
.h-\[14\.4rem\] {
  height: 14.4rem !important;
}
.h-\[17\.5rem\] {
  height: 17.5rem !important;
}
.h-\[18rem\] {
  height: 18rem !important;
}
.h-\[1px\] {
  height: 1px !important;
}
.h-\[2\.875rem\] {
  height: 2.875rem !important;
}
.h-\[22px\] {
  height: 22px !important;
}
.h-\[250px\] {
  height: 250px !important;
}
.h-\[25rem\] {
  height: 25rem !important;
}
.h-\[27\.5rem\] {
  height: 27.5rem !important;
}
.h-\[28\.125rem\] {
  height: 28.125rem !important;
}
.h-\[29\.25rem\] {
  height: 29.25rem !important;
}
.h-\[2rem\] {
  height: 2rem !important;
}
.h-\[3\.25rem\] {
  height: 3.25rem !important;
}
.h-\[30px\] {
  height: 30px !important;
}
.h-\[32rem\] {
  height: 32rem !important;
}
.h-\[37\.5rem\] {
  height: 37.5rem !important;
}
.h-\[4\.5rem\] {
  height: 4.5rem !important;
}
.h-\[40rem\] {
  height: 40rem !important;
}
.h-\[45rem\] {
  height: 45rem !important;
}
.h-\[460px\] {
  height: 460px !important;
}
.h-\[50vh\] {
  height: 50vh !important;
}
.h-\[54\.5rem\] {
  height: 54.5rem !important;
}
.h-\[66px\] {
  height: 66px !important;
}
.h-\[70rem\] {
  height: 70rem !important;
}
.h-\[9\.5rem\] {
  height: 9.5rem !important;
}
.h-\[calc\(100\%-4rem\)\] {
  height: calc(100% - 4rem) !important;
}
.h-\[calc\(100vh-48px\)\] {
  height: calc(100vh - 48px) !important;
}
.h-\[calc\(100vh-4rem\)\] {
  height: calc(100vh - 4rem) !important;
}
.h-auto {
  height: auto !important;
}
.h-dvh {
  height: 100dvh !important;
}
.h-fit {
  height: fit-content !important;
}
.h-full {
  height: 100% !important;
}
.h-max {
  height: max-content !important;
}
.h-px {
  height: 1px !important;
}
.h-screen {
  height: 100vh !important;
}
.max-h-0 {
  max-height: 0px !important;
}
.max-h-20 {
  max-height: 5rem !important;
}
.max-h-56 {
  max-height: 14rem !important;
}
.max-h-64 {
  max-height: 16rem !important;
}
.max-h-8 {
  max-height: 2rem !important;
}
.max-h-96 {
  max-height: 24rem !important;
}
.max-h-\[14rem\] {
  max-height: 14rem !important;
}
.max-h-\[20\.5rem\] {
  max-height: 20.5rem !important;
}
.max-h-\[23rem\] {
  max-height: 23rem !important;
}
.max-h-\[3\.25rem\] {
  max-height: 3.25rem !important;
}
.max-h-\[30rem\] {
  max-height: 30rem !important;
}
.max-h-\[35rem\] {
  max-height: 35rem !important;
}
.max-h-\[400px\] {
  max-height: 400px !important;
}
.max-h-\[47\.2rem\] {
  max-height: 47.2rem !important;
}
.max-h-\[500px\] {
  max-height: 500px !important;
}
.max-h-\[50dvh\] {
  max-height: 50dvh !important;
}
.max-h-\[600px\] {
  max-height: 600px !important;
}
.max-h-\[60dvh\] {
  max-height: 60dvh !important;
}
.max-h-\[7\.25rem\] {
  max-height: 7.25rem !important;
}
.max-h-\[800px\] {
  max-height: 800px !important;
}
.max-h-\[80vh\] {
  max-height: 80vh !important;
}
.max-h-\[85\%\] {
  max-height: 85% !important;
}
.max-h-\[90dvh\] {
  max-height: 90dvh !important;
}
.max-h-\[90vh\] {
  max-height: 90vh !important;
}
.max-h-\[91\%\] {
  max-height: 91% !important;
}
.max-h-\[92vh\] {
  max-height: 92vh !important;
}
.max-h-\[95vh\] {
  max-height: 95vh !important;
}
.max-h-\[calc\(100vh-12rem\)\] {
  max-height: calc(100vh - 12rem) !important;
}
.max-h-\[calc\(100vh-200px\)\] {
  max-height: calc(100vh - 200px) !important;
}
.max-h-\[calc\(60dvh-16rem\)\] {
  max-height: calc(60dvh - 16rem) !important;
}
.max-h-\[calc\(60dvh-8rem\)\] {
  max-height: calc(60dvh - 8rem) !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-h-screen {
  max-height: 100vh !important;
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-10 {
  min-height: 2.5rem !important;
}
.min-h-12 {
  min-height: 3rem !important;
}
.min-h-14 {
  min-height: 3.5rem !important;
}
.min-h-16 {
  min-height: 4rem !important;
}
.min-h-28 {
  min-height: 7rem !important;
}
.min-h-32 {
  min-height: 8rem !important;
}
.min-h-36 {
  min-height: 9rem !important;
}
.min-h-40 {
  min-height: 10rem !important;
}
.min-h-48 {
  min-height: 12rem !important;
}
.min-h-56 {
  min-height: 14rem !important;
}
.min-h-72 {
  min-height: 18rem !important;
}
.min-h-8 {
  min-height: 2rem !important;
}
.min-h-80 {
  min-height: 20rem !important;
}
.min-h-\[1\.75rem\] {
  min-height: 1.75rem !important;
}
.min-h-\[10rem\] {
  min-height: 10rem !important;
}
.min-h-\[120px\] {
  min-height: 120px !important;
}
.min-h-\[13\.5rem\] {
  min-height: 13.5rem !important;
}
.min-h-\[16rem\] {
  min-height: 16rem !important;
}
.min-h-\[200px\] {
  min-height: 200px !important;
}
.min-h-\[20rem\] {
  min-height: 20rem !important;
}
.min-h-\[3\.25rem\] {
  min-height: 3.25rem !important;
}
.min-h-\[300px\] {
  min-height: 300px !important;
}
.min-h-\[30rem\] {
  min-height: 30rem !important;
}
.min-h-\[39rem\] {
  min-height: 39rem !important;
}
.min-h-\[600px\] {
  min-height: 600px !important;
}
.min-h-\[60vh\] {
  min-height: 60vh !important;
}
.min-h-\[9\.5rem\] {
  min-height: 9.5rem !important;
}
.min-h-fit {
  min-height: fit-content !important;
}
.min-h-full {
  min-height: 100% !important;
}
.min-h-max {
  min-height: max-content !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
.w-1\.5 {
  width: 0.375rem !important;
}
.w-1\/2 {
  width: 50% !important;
}
.w-1\/3 {
  width: 33.333333% !important;
}
.w-1\/5 {
  width: 20% !important;
}
.w-1\/6 {
  width: 16.666667% !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-11 {
  width: 2.75rem !important;
}
.w-12 {
  width: 3rem !important;
}
.w-14 {
  width: 3.5rem !important;
}
.w-16 {
  width: 4rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-2\.5 {
  width: 0.625rem !important;
}
.w-2\/3 {
  width: 66.666667% !important;
}
.w-20 {
  width: 5rem !important;
}
.w-24 {
  width: 6rem !important;
}
.w-28 {
  width: 7rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-32 {
  width: 8rem !important;
}
.w-36 {
  width: 9rem !important;
}
.w-4 {
  width: 1rem !important;
}
.w-40 {
  width: 10rem !important;
}
.w-44 {
  width: 11rem !important;
}
.w-48 {
  width: 12rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-5\/6 {
  width: 83.333333% !important;
}
.w-52 {
  width: 13rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-7 {
  width: 1.75rem !important;
}
.w-72 {
  width: 18rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-80 {
  width: 20rem !important;
}
.w-9 {
  width: 2.25rem !important;
}
.w-96 {
  width: 24rem !important;
}
.w-\[0\.8rem\] {
  width: 0.8rem !important;
}
.w-\[1\%\] {
  width: 1% !important;
}
.w-\[16\.9rem\] {
  width: 16.9rem !important;
}
.w-\[17rem\] {
  width: 17rem !important;
}
.w-\[18rem\] {
  width: 18rem !important;
}
.w-\[20rem\] {
  width: 20rem !important;
}
.w-\[22\.5rem\] {
  width: 22.5rem !important;
}
.w-\[22rem\] {
  width: 22rem !important;
}
.w-\[25\%\] {
  width: 25% !important;
}
.w-\[25rem\] {
  width: 25rem !important;
}
.w-\[27\.5rem\] {
  width: 27.5rem !important;
}
.w-\[28\.875rem\] {
  width: 28.875rem !important;
}
.w-\[3\.25rem\] {
  width: 3.25rem !important;
}
.w-\[30rem\] {
  width: 30rem !important;
}
.w-\[31\.25rem\] {
  width: 31.25rem !important;
}
.w-\[31\.875rem\] {
  width: 31.875rem !important;
}
.w-\[32\.4375rem\] {
  width: 32.4375rem !important;
}
.w-\[32rem\] {
  width: 32rem !important;
}
.w-\[340px\] {
  width: 340px !important;
}
.w-\[352px\] {
  width: 352px !important;
}
.w-\[39rem\] {
  width: 39rem !important;
}
.w-\[4\.5rem\] {
  width: 4.5rem !important;
}
.w-\[40\%\] {
  width: 40% !important;
}
.w-\[40rem\] {
  width: 40rem !important;
}
.w-\[42\.063rem\] {
  width: 42.063rem !important;
}
.w-\[472px\] {
  width: 472px !important;
}
.w-\[480px\] {
  width: 480px !important;
}
.w-\[496px\] {
  width: 496px !important;
}
.w-\[50rem\] {
  width: 50rem !important;
}
.w-\[510px\] {
  width: 510px !important;
}
.w-\[52\.875rem\] {
  width: 52.875rem !important;
}
.w-\[52rem\] {
  width: 52rem !important;
}
.w-\[542px\] {
  width: 542px !important;
}
.w-\[560px\] {
  width: 560px !important;
}
.w-\[60\%\] {
  width: 60% !important;
}
.w-\[66px\] {
  width: 66px !important;
}
.w-\[69rem\] {
  width: 69rem !important;
}
.w-\[7\.875rem\] {
  width: 7.875rem !important;
}
.w-\[720px\] {
  width: 720px !important;
}
.w-\[75\%\] {
  width: 75% !important;
}
.w-\[800px\] {
  width: 800px !important;
}
.w-\[90vw\] {
  width: 90vw !important;
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem) !important;
}
.w-\[calc\(100vw-87vh\)\] {
  width: calc(100vw - 87vh) !important;
}
.w-\[calc\(33\.33\%-11rem\)\] {
  width: calc(33.33% - 11rem) !important;
}
.w-\[min\(24rem\,calc\(100vw-2rem\)\)\] {
  width: min(24rem, calc(100vw - 2rem)) !important;
}
.w-\[min\(28rem\,calc\(100vw-2rem\)\)\] {
  width: min(28rem, calc(100vw - 2rem)) !important;
}
.w-auto {
  width: auto !important;
}
.w-fit {
  width: fit-content !important;
}
.w-full {
  width: 100% !important;
}
.w-max {
  width: max-content !important;
}
.w-px {
  width: 1px !important;
}
.w-screen {
  width: 100vw !important;
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-10 {
  min-width: 2.5rem !important;
}
.min-w-12 {
  min-width: 3rem !important;
}
.min-w-20 {
  min-width: 5rem !important;
}
.min-w-32 {
  min-width: 8rem !important;
}
.min-w-48 {
  min-width: 12rem !important;
}
.min-w-5 {
  min-width: 1.25rem !important;
}
.min-w-64 {
  min-width: 16rem !important;
}
.min-w-72 {
  min-width: 18rem !important;
}
.min-w-8 {
  min-width: 2rem !important;
}
.min-w-80 {
  min-width: 20rem !important;
}
.min-w-96 {
  min-width: 24rem !important;
}
.min-w-\[10\%\] {
  min-width: 10% !important;
}
.min-w-\[12rem\] {
  min-width: 12rem !important;
}
.min-w-\[20rem\] {
  min-width: 20rem !important;
}
.min-w-\[21rem\] {
  min-width: 21rem !important;
}
.min-w-\[25\%\] {
  min-width: 25% !important;
}
.min-w-\[25rem\] {
  min-width: 25rem !important;
}
.min-w-\[26rem\] {
  min-width: 26rem !important;
}
.min-w-\[280px\] {
  min-width: 280px !important;
}
.min-w-\[30rem\] {
  min-width: 30rem !important;
}
.min-w-\[34rem\] {
  min-width: 34rem !important;
}
.min-w-\[352px\] {
  min-width: 352px !important;
}
.min-w-\[4\.5rem\] {
  min-width: 4.5rem !important;
}
.min-w-\[5\.75rem\] {
  min-width: 5.75rem !important;
}
.min-w-\[60rem\] {
  min-width: 60rem !important;
}
.min-w-fit {
  min-width: fit-content !important;
}
.min-w-full {
  min-width: 100% !important;
}
.min-w-max {
  min-width: max-content !important;
}
.max-w-0 {
  max-width: 0px !important;
}
.max-w-10 {
  max-width: 2.5rem !important;
}
.max-w-12 {
  max-width: 3rem !important;
}
.max-w-16 {
  max-width: 4rem !important;
}
.max-w-24 {
  max-width: 6rem !important;
}
.max-w-28 {
  max-width: 7rem !important;
}
.max-w-2xl {
  max-width: 42rem !important;
}
.max-w-32 {
  max-width: 8rem !important;
}
.max-w-36 {
  max-width: 9rem !important;
}
.max-w-3xl {
  max-width: 48rem !important;
}
.max-w-40 {
  max-width: 10rem !important;
}
.max-w-48 {
  max-width: 12rem !important;
}
.max-w-4xl {
  max-width: 56rem !important;
}
.max-w-56 {
  max-width: 14rem !important;
}
.max-w-5xl {
  max-width: 64rem !important;
}
.max-w-60 {
  max-width: 15rem !important;
}
.max-w-6xl {
  max-width: 72rem !important;
}
.max-w-72 {
  max-width: 18rem !important;
}
.max-w-7xl {
  max-width: 80rem !important;
}
.max-w-80 {
  max-width: 20rem !important;
}
.max-w-96 {
  max-width: 24rem !important;
}
.max-w-\[1160px\] {
  max-width: 1160px !important;
}
.max-w-\[12\.5rem\] {
  max-width: 12.5rem !important;
}
.max-w-\[18rem\] {
  max-width: 18rem !important;
}
.max-w-\[20rem\] {
  max-width: 20rem !important;
}
.max-w-\[21\.25rem\] {
  max-width: 21.25rem !important;
}
.max-w-\[21rem\] {
  max-width: 21rem !important;
}
.max-w-\[25rem\] {
  max-width: 25rem !important;
}
.max-w-\[28rem\] {
  max-width: 28rem !important;
}
.max-w-\[30rem\] {
  max-width: 30rem !important;
}
.max-w-\[34rem\] {
  max-width: 34rem !important;
}
.max-w-\[35rem\] {
  max-width: 35rem !important;
}
.max-w-\[40rem\] {
  max-width: 40rem !important;
}
.max-w-\[45rem\] {
  max-width: 45rem !important;
}
.max-w-\[50rem\] {
  max-width: 50rem !important;
}
.max-w-\[510px\] {
  max-width: 510px !important;
}
.max-w-\[593px\] {
  max-width: 593px !important;
}
.max-w-\[640px\] {
  max-width: 640px !important;
}
.max-w-\[65rem\] {
  max-width: 65rem !important;
}
.max-w-\[70\%\] {
  max-width: 70% !important;
}
.max-w-\[78\%\] {
  max-width: 78% !important;
}
.max-w-\[780px\] {
  max-width: 780px !important;
}
.max-w-\[80\%\] {
  max-width: 80% !important;
}
.max-w-\[85\%\] {
  max-width: 85% !important;
}
.max-w-\[90vw\] {
  max-width: 90vw !important;
}
.max-w-\[920px\] {
  max-width: 920px !important;
}
.max-w-\[92rem\] {
  max-width: 92rem !important;
}
.max-w-\[95\%\] {
  max-width: 95% !important;
}
.max-w-\[95vw\] {
  max-width: 95vw !important;
}
.max-w-\[976px\] {
  max-width: 976px !important;
}
.max-w-\[calc\(100vh-4rem\)\] {
  max-width: calc(100vh - 4rem) !important;
}
.max-w-fit {
  max-width: fit-content !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-lg {
  max-width: 32rem !important;
}
.max-w-md {
  max-width: 28rem !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.max-w-xl {
  max-width: 36rem !important;
}
.flex-1 {
  flex: 1 1 0% !important;
}
.flex-\[2\] {
  flex: 2 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1 !important;
}
.grow-0 {
  flex-grow: 0 !important;
}
.basis-1\/2 {
  flex-basis: 50% !important;
}
.table-auto {
  table-layout: auto !important;
}
.table-fixed {
  table-layout: fixed !important;
}
.border-collapse {
  border-collapse: collapse !important;
}
.border-separate {
  border-collapse: separate !important;
}
.border-spacing-0 {
  --tw-border-spacing-x: 0px !important;
  --tw-border-spacing-y: 0px !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.border-spacing-x-10 {
  --tw-border-spacing-x: 2.5rem !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.border-spacing-y-0 {
  --tw-border-spacing-y: 0px !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.border-spacing-y-2 {
  --tw-border-spacing-y: 0.5rem !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.border-spacing-y-4 {
  --tw-border-spacing-y: 1rem !important;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y) !important;
}
.origin-top {
  transform-origin: top !important;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-96 {
  --tw-translate-y: -24rem !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-full {
  --tw-translate-y: -100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-y-0 {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-rotate-90 {
  --tw-rotate: -90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-0 {
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-90 {
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-\[-90deg\] {
  --tw-rotate: -90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-\[270deg\] {
  --tw-rotate: 270deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-\[90deg\] {
  --tw-rotate: 90deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-105 {
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.scale-95 {
  --tw-scale-x: .95 !important;
  --tw-scale-y: .95 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite !important;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-6px);
  }
}
.animate-float {
  animation: float 4s ease-in-out infinite !important;
}
@keyframes pulse {
  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite !important;
}
@keyframes typing-bounce {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  30% {
    transform: translateY(-4px);
    opacity: 1;
  }
}
.animate-typing-bounce {
  animation: typing-bounce 1.2s ease-in-out infinite !important;
}
@keyframes wa-in {
  0% {
    opacity: 0;
    transform: translateY(6px) scale(0.96);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.animate-wa-in {
  animation: wa-in 0.28s cubic-bezier(0.2, 0.8, 0.3, 1.2) both !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.resize-none {
  resize: none !important;
}
.resize {
  resize: both !important;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness) !important;
}
.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory !important;
}
.snap-start {
  scroll-snap-align: start !important;
}
.list-disc {
  list-style-type: disc !important;
}
.appearance-none {
  appearance: none !important;
}
.columns-1 {
  columns: 1 !important;
}
.grid-flow-col {
  grid-auto-flow: column !important;
}
.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr) !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.grid-cols-\[2fr_2fr_3fr\] {
  grid-template-columns: 2fr 2fr 3fr !important;
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr !important;
}
.grid-rows-\[1fr\] {
  grid-template-rows: 1fr !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-col-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.place-items-center {
  place-items: center !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-normal {
  justify-content: normal !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.gap-0 {
  gap: 0px !important;
}
.gap-0\.5 {
  gap: 0.125rem !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-1\.5 {
  gap: 0.375rem !important;
}
.gap-10 {
  gap: 2.5rem !important;
}
.gap-12 {
  gap: 3rem !important;
}
.gap-14 {
  gap: 3.5rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-2\.5 {
  gap: 0.625rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-9 {
  gap: 2.25rem !important;
}
.gap-\[0\.625rem\] {
  gap: 0.625rem !important;
}
.gap-\[39px\] {
  gap: 39px !important;
}
.gap-\[8px\] {
  gap: 8px !important;
}
.gap-x-2 {
  column-gap: 0.5rem !important;
}
.gap-x-4 {
  column-gap: 1rem !important;
}
.gap-x-6 {
  column-gap: 1.5rem !important;
}
.gap-y-10 {
  row-gap: 2.5rem !important;
}
.gap-y-2 {
  row-gap: 0.5rem !important;
}
.gap-y-4 {
  row-gap: 1rem !important;
}
.gap-y-8 {
  row-gap: 2rem !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-x-\[1px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important;
}
.divide-border-default > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(201 208 217 / var(--tw-divide-opacity, 1)) !important;
}
.divide-surface-selected > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(239 241 254 / var(--tw-divide-opacity, 1)) !important;
}
.self-start {
  align-self: flex-start !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-center {
  align-self: center !important;
}
.self-stretch {
  align-self: stretch !important;
}
.justify-self-start {
  justify-self: start !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.scroll-smooth {
  scroll-behavior: smooth !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.text-ellipsis {
  text-overflow: ellipsis !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre-line {
  white-space: pre-line !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.text-wrap {
  text-wrap: wrap !important;
}
.\!text-nowrap {
  text-wrap: nowrap !important;
}
.text-nowrap {
  text-wrap: nowrap !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.break-all {
  word-break: break-all !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-2xl {
  border-radius: 1rem !important;
}
.rounded-3xl {
  border-radius: 1.5rem !important;
}
.rounded-\[0\.25rem\] {
  border-radius: 0.25rem !important;
}
.rounded-\[0\.4rem\] {
  border-radius: 0.4rem !important;
}
.rounded-\[10px\] {
  border-radius: 10px !important;
}
.rounded-\[14px\] {
  border-radius: 14px !important;
}
.rounded-\[15px\] {
  border-radius: 15px !important;
}
.rounded-\[2rem\] {
  border-radius: 2rem !important;
}
.rounded-\[34px\] {
  border-radius: 34px !important;
}
.rounded-\[44px\] {
  border-radius: 44px !important;
}
.rounded-\[4px\] {
  border-radius: 4px !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-md {
  border-radius: 0.375rem !important;
}
.rounded-none {
  border-radius: 0px !important;
}
.rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem !important;
  border-bottom-left-radius: 1.5rem !important;
}
.rounded-b-xl {
  border-bottom-right-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.rounded-e-2xl {
  border-start-end-radius: 1rem !important;
  border-end-end-radius: 1rem !important;
}
.rounded-l-2xl {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}
.rounded-r-2xl {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.rounded-s-2xl {
  border-start-start-radius: 1rem !important;
  border-end-start-radius: 1rem !important;
}
.rounded-t-2xl {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem !important;
  border-top-right-radius: 1.5rem !important;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-bl-2xl {
  border-bottom-left-radius: 1rem !important;
}
.rounded-bl-3xl {
  border-bottom-left-radius: 1.5rem !important;
}
.rounded-br-2xl {
  border-bottom-right-radius: 1rem !important;
}
.rounded-br-3xl {
  border-bottom-right-radius: 1.5rem !important;
}
.rounded-br-xl {
  border-bottom-right-radius: 0.75rem !important;
}
.rounded-tl-2xl {
  border-top-left-radius: 1rem !important;
}
.rounded-tl-3xl {
  border-top-left-radius: 1.5rem !important;
}
.rounded-tl-none {
  border-top-left-radius: 0px !important;
}
.rounded-tr-2xl {
  border-top-right-radius: 1rem !important;
}
.rounded-tr-3xl {
  border-top-right-radius: 1.5rem !important;
}
.rounded-tr-none {
  border-top-right-radius: 0px !important;
}
.border {
  border-width: 1px !important;
}
.border-0 {
  border-width: 0px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-\[0\.83px\] {
  border-width: 0.83px !important;
}
.border-\[3px\] {
  border-width: 3px !important;
}
.border-\[6px\] {
  border-width: 6px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-b-2 {
  border-bottom-width: 2px !important;
}
.border-r {
  border-right-width: 1px !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-t-8 {
  border-top-width: 8px !important;
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-none {
  border-style: none !important;
}
.border-\[\#00C95080\] {
  border-color: #00C95080 !important;
}
.border-\[\#00FFE6\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 255 230 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#2B7FFF80\] {
  border-color: #2B7FFF80 !important;
}
.border-\[\#dde2e8\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(221 226 232 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#eceef7\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(236 238 247 / var(--tw-border-opacity, 1)) !important;
}
.border-\[\#fafbff\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(250 251 255 / var(--tw-border-opacity, 1)) !important;
}
.border-\[var\(--border-default\,\#dde2e8\)\] {
  border-color: var(--border-default,#dde2e8) !important;
}
.border-action-disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(230 235 241 / var(--tw-border-opacity, 1)) !important;
}
.border-black {
  --tw-border-opacity: 1 !important;
  border-color: rgb(42 53 69 / var(--tw-border-opacity, 1)) !important;
}
.border-blue-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(180 175 255 / var(--tw-border-opacity, 1)) !important;
}
.border-border {
  --tw-border-opacity: 1 !important;
  border-color: rgb(221 226 232 / var(--tw-border-opacity, 1)) !important;
}
.border-border-default {
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 208 217 / var(--tw-border-opacity, 1)) !important;
}
.border-critical {
  --tw-border-opacity: 1 !important;
  border-color: rgb(185 20 20 / var(--tw-border-opacity, 1)) !important;
}
.border-critical\/30 {
  border-color: rgb(185 20 20 / 0.3) !important;
}
.border-default {
  --tw-border-opacity: 1 !important;
  border-color: rgb(42 53 69 / var(--tw-border-opacity, 1)) !important;
}
.border-default\/10 {
  border-color: rgb(42 53 69 / 0.1) !important;
}
.border-disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(168 175 186 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(198 198 198 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-critical {
  --tw-border-opacity: 1 !important;
  border-color: rgb(154 0 0 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 224 228 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-info {
  --tw-border-opacity: 1 !important;
  border-color: rgb(5 55 184 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(68 0 211 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-selected {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 223 244 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-success {
  --tw-border-opacity: 1 !important;
  border-color: rgb(12 149 100 / var(--tw-border-opacity, 1)) !important;
}
.border-hover-warning {
  --tw-border-opacity: 1 !important;
  border-color: rgb(182 102 8 / var(--tw-border-opacity, 1)) !important;
}
.border-info {
  --tw-border-opacity: 1 !important;
  border-color: rgb(22 82 237 / var(--tw-border-opacity, 1)) !important;
}
.border-neutral {
  --tw-border-opacity: 1 !important;
  border-color: rgb(114 124 140 / var(--tw-border-opacity, 1)) !important;
}
.border-nps-critical {
  --tw-border-opacity: 1 !important;
  border-color: rgb(186 37 36 / var(--tw-border-opacity, 1)) !important;
}
.border-nps-neutral {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 175 19 / var(--tw-border-opacity, 1)) !important;
}
.border-nps-success {
  --tw-border-opacity: 1 !important;
  border-color: rgb(111 183 75 / var(--tw-border-opacity, 1)) !important;
}
.border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
}
.border-secondary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 46 115 / var(--tw-border-opacity, 1)) !important;
}
.border-success {
  --tw-border-opacity: 1 !important;
  border-color: rgb(45 176 129 / var(--tw-border-opacity, 1)) !important;
}
.border-success\/20 {
  border-color: rgb(45 176 129 / 0.2) !important;
}
.border-surface-critical {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 232 232 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(237 240 243 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-info {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 237 255 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 226 255 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-selected {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 241 254 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-success {
  --tw-border-opacity: 1 !important;
  border-color: rgb(227 246 240 / var(--tw-border-opacity, 1)) !important;
}
.border-surface-warning {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 243 227 / var(--tw-border-opacity, 1)) !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-warning {
  --tw-border-opacity: 1 !important;
  border-color: rgb(207 127 32 / var(--tw-border-opacity, 1)) !important;
}
.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}
.border-white\/15 {
  border-color: rgb(255 255 255 / 0.15) !important;
}
.border-t-transparent {
  border-top-color: transparent !important;
}
.border-opacity-20 {
  --tw-border-opacity: 0.2 !important;
}
.border-opacity-30 {
  --tw-border-opacity: 0.3 !important;
}
.border-opacity-50 {
  --tw-border-opacity: 0.5 !important;
}
.bg-\[\#00C95033\] {
  background-color: #00C95033 !important;
}
.bg-\[\#00a884\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 168 132 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#06B6D4\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#075e54\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(7 94 84 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#451EB3\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(69 30 179 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#7c3aed\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#8696a0\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(134 150 160 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#DCE2FF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#E3FEC8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 254 200 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#E5EDFF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#EFF1FE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 241 254 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#F2F5F9\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 245 249 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#F3F3FE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 254 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#F8F6FF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 246 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#d9fdd3\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 253 211 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#dce2ff\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#e3fec8\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 254 200 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#e5ddd5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 221 213 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#ede9fe\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#f0f2f5\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 242 245 / var(--tw-bg-opacity, 1)) !important;
}
.bg-\[\#f4f5ff\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 245 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-action-disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(230 235 241 / var(--tw-bg-opacity, 1)) !important;
}
.bg-background-default {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 249 250 / var(--tw-bg-opacity, 1)) !important;
}
.bg-background-overlay {
  background-color: #2a354580 !important;
}
.bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(42 53 69 / var(--tw-bg-opacity, 1)) !important;
}
.bg-black\/10 {
  background-color: rgb(42 53 69 / 0.1) !important;
}
.bg-black\/20 {
  background-color: rgb(42 53 69 / 0.2) !important;
}
.bg-black\/30 {
  background-color: rgb(42 53 69 / 0.3) !important;
}
.bg-black\/40 {
  background-color: rgb(42 53 69 / 0.4) !important;
}
.bg-black\/5 {
  background-color: rgb(42 53 69 / 0.05) !important;
}
.bg-black\/50 {
  background-color: rgb(42 53 69 / 0.5) !important;
}
.bg-blue-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 227 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-blue-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 201 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-blue-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(148 151 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-blue-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(88 112 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-blue-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(61 97 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-border {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 226 232 / var(--tw-bg-opacity, 1)) !important;
}
.bg-border-default {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(201 208 217 / var(--tw-bg-opacity, 1)) !important;
}
.bg-critical {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 20 20 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(198 198 198 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(168 175 186 / var(--tw-bg-opacity, 1)) !important;
}
.bg-gray-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)) !important;
}
.bg-green-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(9 186 133 / var(--tw-bg-opacity, 1)) !important;
}
.bg-green-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(4 153 108 / var(--tw-bg-opacity, 1)) !important;
}
.bg-hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 245 249 / var(--tw-bg-opacity, 1)) !important;
}
.bg-hover-secondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 29 72 / var(--tw-bg-opacity, 1)) !important;
}
.bg-info {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 82 237 / var(--tw-bg-opacity, 1)) !important;
}
.bg-neutral {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(114 124 140 / var(--tw-bg-opacity, 1)) !important;
}
.bg-neutral\/35 {
  background-color: rgb(114 124 140 / 0.35) !important;
}
.bg-pink-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 164 181 / var(--tw-bg-opacity, 1)) !important;
}
.bg-pink-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 90 131 / var(--tw-bg-opacity, 1)) !important;
}
.bg-pink-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 37 103 / var(--tw-bg-opacity, 1)) !important;
}
.bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(123 61 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(204 144 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 245 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(172 95 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-purple-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(159 114 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(153 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-almost-hibernating {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(119 127 207 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-at-risk {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(210 132 252 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-cant-lose {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 179 253 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-hibernating {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(164 169 252 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-loyal {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(15 223 201 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-need-atention {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(186 110 251 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-new {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(83 209 253 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-possible-loyal {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(36 164 228 / var(--tw-bg-opacity, 1)) !important;
}
.bg-rfm-promissing {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(32 143 205 / var(--tw-bg-opacity, 1)) !important;
}
.bg-royalBlue-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 254 / var(--tw-bg-opacity, 1)) !important;
}
.bg-secondary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 46 115 / var(--tw-bg-opacity, 1)) !important;
}
.bg-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 176 129 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-critical {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 232 232 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-default {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 243 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-info {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-neutral {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 251 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-selected {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 241 254 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-success {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(227 246 240 / var(--tw-bg-opacity, 1)) !important;
}
.bg-surface-warning {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 243 227 / var(--tw-bg-opacity, 1)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-warning {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(207 127 32 / var(--tw-bg-opacity, 1)) !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.bg-white\/75 {
  background-color: rgb(255 255 255 / 0.75) !important;
}
.bg-opacity-15 {
  --tw-bg-opacity: 0.15 !important;
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2 !important;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3 !important;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5 !important;
}
.bg-\[linear-gradient\(135deg\,\#00ffe6_14\.56\%\,\#7b3dff_85\.73\%\)\] {
  background-image:
    linear-gradient(
      135deg,
      #00ffe6 14.56%,
      #7b3dff 85.73%) !important;
}
.bg-\[linear-gradient\(135deg\,\#2B7FFF_0\%\,\#9810FA_100\%\)\] {
  background-image:
    linear-gradient(
      135deg,
      #2B7FFF 0%,
      #9810FA 100%) !important;
}
.bg-\[linear-gradient\(135deg\,_\#00FFE6_14\.56\%\,_\#7B3DFF_85\.73\%\)\] {
  background-image:
    linear-gradient(
      135deg,
      #00FFE6 14.56%,
      #7B3DFF 85.73%) !important;
}
.bg-\[linear-gradient\(90deg\,\#00ffe6\,\#7b3dff\)\] {
  background-image:
    linear-gradient(
      90deg,
      #00ffe6,
      #7b3dff) !important;
}
.bg-\[url\(src\/assets\/imgs\/background-whatsapp\.jpg\)\] {
  background-image: url("./media/background-whatsapp-LOUSHEDJ.jpg") !important;
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
.from-\[\#00FFE6\] {
  --tw-gradient-from: #00FFE6 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 255 230 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#B72224\] {
  --tw-gradient-from: #B72224 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(183 34 36 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-\[\#DBEAFE\] {
  --tw-gradient-from: #DBEAFE var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-primary {
  --tw-gradient-from: #7B3DFF var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(123 61 255 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-rfm-champion {
  --tw-gradient-from: #13F6DF var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(19 246 223 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-10\% {
  --tw-gradient-from-position: 10% !important;
}
.via-\[\#EBDB0A\] {
  --tw-gradient-to: rgb(235 219 10 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #EBDB0A var(--tw-gradient-via-position),
    var(--tw-gradient-to) !important;
}
.to-\[\#00FFE6\] {
  --tw-gradient-to: #00FFE6 var(--tw-gradient-to-position) !important;
}
.to-\[\#66B44E\] {
  --tw-gradient-to: #66B44E var(--tw-gradient-to-position) !important;
}
.to-\[\#7B3DFF\] {
  --tw-gradient-to: #7B3DFF var(--tw-gradient-to-position) !important;
}
.to-\[\#F3E8FF\] {
  --tw-gradient-to: #F3E8FF var(--tw-gradient-to-position) !important;
}
.to-primary {
  --tw-gradient-to: #7B3DFF var(--tw-gradient-to-position) !important;
}
.to-90\% {
  --tw-gradient-to-position: 90% !important;
}
.bg-\[length\:150px_150px\] {
  background-size: 150px 150px !important;
}
.bg-\[length\:200\%_100\%\] {
  background-size: 200% 100% !important;
}
.bg-cover {
  background-size: cover !important;
}
.bg-clip-text {
  background-clip: text !important;
}
.bg-center {
  background-position: center !important;
}
.bg-left {
  background-position: left !important;
}
.bg-repeat {
  background-repeat: repeat !important;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.object-contain {
  object-fit: contain !important;
}
.object-cover {
  object-fit: cover !important;
}
.object-center {
  object-position: center !important;
}
.\!p-0 {
  padding: 0px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-0\.5 {
  padding: 0.125rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-1\.5 {
  padding: 0.375rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.p-12 {
  padding: 3rem !important;
}
.p-16 {
  padding: 4rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-2\.5 {
  padding: 0.625rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-3\.5 {
  padding: 0.875rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.p-9 {
  padding: 2.25rem !important;
}
.p-\[10px\] {
  padding: 10px !important;
}
.p-\[1px\] {
  padding: 1px !important;
}
.p-\[3px\] {
  padding: 3px !important;
}
.p-\[4\.8px\] {
  padding: 4.8px !important;
}
.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.px-11 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}
.px-14 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}
.px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.px-24 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-3\.5 {
  padding-left: 0.875rem !important;
  padding-right: 0.875rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.px-96 {
  padding-left: 24rem !important;
  padding-right: 24rem !important;
}
.px-\[0\.625rem\] {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.px-\[72px\] {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-2\.5 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.py-24 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-3\.5 {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.py-\[0\.125rem\] {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.py-\[0\.13rem\] {
  padding-top: 0.13rem !important;
  padding-bottom: 0.13rem !important;
}
.py-\[0\.15rem\] {
  padding-top: 0.15rem !important;
  padding-bottom: 0.15rem !important;
}
.py-\[0\.18rem\] {
  padding-top: 0.18rem !important;
  padding-bottom: 0.18rem !important;
}
.py-\[0\.1rem\] {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}
.py-\[0\.375rem\] {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-\[0\.625rem\] {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.py-\[0\.875rem\] {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}
.py-\[1px\] {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.py-\[72px\] {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.\!pl-0 {
  padding-left: 0px !important;
}
.\!pl-8 {
  padding-left: 2rem !important;
}
.\!pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pb-0\.5 {
  padding-bottom: 0.125rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pb-12 {
  padding-bottom: 3rem !important;
}
.pb-16 {
  padding-bottom: 4rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-2\.5 {
  padding-bottom: 0.625rem !important;
}
.pb-24 {
  padding-bottom: 6rem !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pb-40 {
  padding-bottom: 10rem !important;
}
.pb-6 {
  padding-bottom: 1.5rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pb-9 {
  padding-bottom: 2.25rem !important;
}
.pl-1\.5 {
  padding-left: 0.375rem !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.pl-16 {
  padding-left: 4rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pl-7 {
  padding-left: 1.75rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-3 {
  padding-right: 0.75rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pt-0 {
  padding-top: 0px !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-10 {
  padding-top: 2.5rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-20 {
  padding-top: 5rem !important;
}
.pt-3 {
  padding-top: 0.75rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pt-6 {
  padding-top: 1.5rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-\[0\.3rem\] {
  padding-top: 0.3rem !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.text-start {
  text-align: start !important;
}
.text-end {
  text-align: end !important;
}
.align-middle {
  vertical-align: middle !important;
}
.font-inter {
  font-family: Inter Variable, sans-serif !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}
.text-5xl {
  font-size: 3rem !important;
  line-height: 1 !important;
}
.text-6xl {
  font-size: 3.75rem !important;
  line-height: 1 !important;
}
.text-7xl {
  font-size: 4.5rem !important;
  line-height: 1 !important;
}
.text-8xl {
  font-size: 6rem !important;
  line-height: 1 !important;
}
.text-\[0\.5rem\] {
  font-size: 0.5rem !important;
}
.text-\[0\.625rem\] {
  font-size: 0.625rem !important;
}
.text-\[0\.65rem\] {
  font-size: 0.65rem !important;
}
.text-\[0\.8125rem\] {
  font-size: 0.8125rem !important;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem !important;
}
.text-\[1\.4rem\] {
  font-size: 1.4rem !important;
}
.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-\[4\.5rem\] {
  font-size: 4.5rem !important;
}
.text-\[5rem\] {
  font-size: 5rem !important;
}
.text-\[8px\] {
  font-size: 8px !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.font-black {
  font-weight: 900 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-light {
  font-weight: 300 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.lowercase {
  text-transform: lowercase !important;
}
.normal-case {
  text-transform: none !important;
}
.\!italic {
  font-style: italic !important;
}
.italic {
  font-style: italic !important;
}
.leading-3 {
  line-height: .75rem !important;
}
.leading-4 {
  line-height: 1rem !important;
}
.leading-5 {
  line-height: 1.25rem !important;
}
.leading-6 {
  line-height: 1.5rem !important;
}
.leading-7 {
  line-height: 1.75rem !important;
}
.leading-8 {
  line-height: 2rem !important;
}
.leading-\[0\.765rem\] {
  line-height: 0.765rem !important;
}
.leading-\[0px\] {
  line-height: 0px !important;
}
.leading-\[1\.125rem\] {
  line-height: 1.125rem !important;
}
.leading-\[1\.25rem\] {
  line-height: 1.25rem !important;
}
.leading-\[1\.5rem\] {
  line-height: 1.5rem !important;
}
.leading-\[14px\] {
  line-height: 14px !important;
}
.leading-\[15px\] {
  line-height: 15px !important;
}
.leading-\[18px\] {
  line-height: 18px !important;
}
.leading-\[19px\] {
  line-height: 19px !important;
}
.leading-\[2rem\] {
  line-height: 2rem !important;
}
.leading-\[3\.5rem\] {
  line-height: 3.5rem !important;
}
.leading-\[48px\] {
  line-height: 48px !important;
}
.leading-none {
  line-height: 1 !important;
}
.leading-tight {
  line-height: 1.25 !important;
}
.tracking-tight {
  letter-spacing: -0.025em !important;
}
.tracking-wide {
  letter-spacing: 0.025em !important;
}
.text-\[\#00C950\] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 201 80 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#05DF72\] {
  --tw-text-opacity: 1 !important;
  color: rgb(5 223 114 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#06B6D4\] {
  --tw-text-opacity: 1 !important;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#111b21\] {
  --tw-text-opacity: 1 !important;
  color: rgb(17 27 33 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#2563EB\] {
  --tw-text-opacity: 1 !important;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#2a3545\] {
  --tw-text-opacity: 1 !important;
  color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#374151\] {
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#4338ca\] {
  --tw-text-opacity: 1 !important;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#667781\] {
  --tw-text-opacity: 1 !important;
  color: rgb(102 119 129 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#79909b\] {
  --tw-text-opacity: 1 !important;
  color: rgb(121 144 155 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#7b3dff\] {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[var\(--secondary\)\] {
  color: var(--secondary) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(119 131 255 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(88 112 255 / var(--tw-text-opacity, 1)) !important;
}
.text-blue-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(61 97 255 / var(--tw-text-opacity, 1)) !important;
}
.text-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(185 20 20 / var(--tw-text-opacity, 1)) !important;
}
.text-default {
  --tw-text-opacity: 1 !important;
  color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
}
.text-disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(168 175 186 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(198 198 198 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(168 175 186 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(155 155 155 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(114 114 114 / var(--tw-text-opacity, 1)) !important;
}
.text-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(94 94 94 / var(--tw-text-opacity, 1)) !important;
}
.text-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(4 153 108 / var(--tw-text-opacity, 1)) !important;
}
.text-hover-disabled {
  --tw-text-opacity: 1 !important;
  color: rgb(220 224 228 / var(--tw-text-opacity, 1)) !important;
}
.text-info {
  --tw-text-opacity: 1 !important;
  color: rgb(22 82 237 / var(--tw-text-opacity, 1)) !important;
}
.text-neutral {
  --tw-text-opacity: 1 !important;
  color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
}
.text-nps-critical {
  --tw-text-opacity: 1 !important;
  color: rgb(186 37 36 / var(--tw-text-opacity, 1)) !important;
}
.text-nps-neutral {
  --tw-text-opacity: 1 !important;
  color: rgb(234 175 19 / var(--tw-text-opacity, 1)) !important;
}
.text-nps-success {
  --tw-text-opacity: 1 !important;
  color: rgb(111 183 75 / var(--tw-text-opacity, 1)) !important;
}
.text-pink-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 90 131 / var(--tw-text-opacity, 1)) !important;
}
.text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(153 0 0 / var(--tw-text-opacity, 1)) !important;
}
.text-secondary {
  --tw-text-opacity: 1 !important;
  color: rgb(0 46 115 / var(--tw-text-opacity, 1)) !important;
}
.text-success {
  --tw-text-opacity: 1 !important;
  color: rgb(45 176 129 / var(--tw-text-opacity, 1)) !important;
}
.text-surface-default {
  --tw-text-opacity: 1 !important;
  color: rgb(253 253 253 / var(--tw-text-opacity, 1)) !important;
}
.text-transparent {
  color: transparent !important;
}
.text-warning {
  --tw-text-opacity: 1 !important;
  color: rgb(207 127 32 / var(--tw-text-opacity, 1)) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-white\/70 {
  color: rgb(255 255 255 / 0.7) !important;
}
.text-white\/80 {
  color: rgb(255 255 255 / 0.8) !important;
}
.text-white\/85 {
  color: rgb(255 255 255 / 0.85) !important;
}
.underline {
  text-decoration-line: underline !important;
}
.line-through {
  text-decoration-line: line-through !important;
}
.no-underline {
  text-decoration-line: none !important;
}
.decoration-solid {
  text-decoration-style: solid !important;
}
.decoration-auto {
  text-decoration-thickness: auto !important;
}
.underline-offset-auto {
  text-underline-offset: auto !important;
}
.placeholder-neutral::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(114 124 140 / var(--tw-placeholder-opacity, 1)) !important;
}
.placeholder-primary::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-placeholder-opacity, 1)) !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-\[0_0_0_2px_\#1a1a1a\,0_24px_48px_-12px_rgba\(42\,53\,69\,0\.28\)\,0_12px_24px_-6px_rgba\(123\,61\,255\,0\.18\)\] {
  --tw-shadow:
    0 0 0 2px #1a1a1a,0 24px 48px -12px rgba(42,53,69,0.28),0 12px 24px -6px rgba(123,61,255,0.18) !important;
  --tw-shadow-colored:
    0 0 0 2px var(--tw-shadow-color),
    0 24px 48px -12px var(--tw-shadow-color),
    0 12px 24px -6px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-\[0_4px_8px_-2px_rgba\(9\,30\,66\,0\.25\)\,0_0_0_1px_rgba\(9\,30\,66\,0\.08\)\] {
  --tw-shadow: 0 4px 8px -2px rgba(9,30,66,0.25),0 0 0 1px rgba(9,30,66,0.08) !important;
  --tw-shadow-colored: 0 4px 8px -2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-\[0px_2px_8px_\#edeff2\] {
  --tw-shadow: 0px 2px 8px #edeff2 !important;
  --tw-shadow-colored: 0px 2px 8px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-\[0px_3px_10px_0px_rgba\(198\,193\,211\,0\.25\)\] {
  --tw-shadow: 0px 3px 10px 0px rgba(198,193,211,0.25) !important;
  --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-\[0px_8px_32px_0px_rgba\(20\,20\,41\,0\.18\)\] {
  --tw-shadow: 0px 8px 32px 0px rgba(20,20,41,0.18) !important;
  --tw-shadow-colored: 0px 8px 32px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-detail {
  --tw-shadow: 0px 3px 10px 0px rgba(198, 193, 211, 0.40) !important;
  --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-hard {
  --tw-shadow: 0px 8px 24px 0px rgba(198, 193, 211, 0.25) !important;
  --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-harder {
  --tw-shadow: 0px 8px 10px 0px rgba(198, 193, 211, 0.40) !important;
  --tw-shadow-colored: 0px 8px 10px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-light {
  --tw-shadow: 0px 20px 32px 0px rgba(198, 193, 211, 0.60) !important;
  --tw-shadow-colored: 0px 20px 32px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-medium {
  --tw-shadow: 0px 5px 48px 0px rgba(198, 193, 211, 0.25) !important;
  --tw-shadow-colored: 0px 5px 48px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-small {
  --tw-shadow: 0px 0px 16px 0px rgba(158, 150, 178, 0.25) !important;
  --tw-shadow-colored: 0px 0px 16px 0px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline {
  outline-style: solid !important;
}
.outline-1 {
  outline-width: 1px !important;
}
.outline-2 {
  outline-width: 2px !important;
}
.outline-\[1\.5px\] {
  outline-width: 1.5px !important;
}
.outline-offset-\[-1\.5px\] {
  outline-offset: -1.5px !important;
}
.outline-offset-\[-1px\] {
  outline-offset: -1px !important;
}
.outline-\[\#c4b5fd\] {
  outline-color: #c4b5fd !important;
}
.outline-border {
  outline-color: #DDE2E8 !important;
}
.outline-critical {
  outline-color: #B91414 !important;
}
.outline-info {
  outline-color: #1652ED !important;
}
.outline-primary {
  outline-color: #7B3DFF !important;
}
.outline-surface-primary {
  outline-color: #DCE2FF !important;
}
.ring-critical {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(185 20 20 / var(--tw-ring-opacity, 1)) !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  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) !important;
}
.grayscale {
  --tw-grayscale: grayscale(100%) !important;
  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) !important;
}
.\!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) !important;
}
.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) !important;
}
.backdrop-blur-lg {
  --tw-backdrop-blur: blur(16px) !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;
}
.transition {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    opacity,
    box-shadow,
    transform,
    filter,
    backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[background-position\] {
  transition-property: background-position !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[grid-template-rows\] {
  transition-property: grid-template-rows !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[height\] {
  transition-property: height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-\[max-height\] {
  transition-property: max-height !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-colors {
  transition-property:
    color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-opacity {
  transition-property: opacity !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.duration-100 {
  transition-duration: 100ms !important;
}
.duration-150 {
  transition-duration: 150ms !important;
}
.duration-200 {
  transition-duration: 200ms !important;
}
.duration-300 {
  transition-duration: 300ms !important;
}
.duration-500 {
  transition-duration: 500ms !important;
}
.duration-700 {
  transition-duration: 700ms !important;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-linear {
  transition-timing-function: linear !important;
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.will-change-transform {
  will-change: transform !important;
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter !important;
  animation-duration: 150ms !important;
  --tw-enter-opacity: initial !important;
  --tw-enter-scale: initial !important;
  --tw-enter-rotate: initial !important;
  --tw-enter-translate-x: initial !important;
  --tw-enter-translate-y: initial !important;
}
.animate-out {
  animation-name: exit !important;
  animation-duration: 150ms !important;
  --tw-exit-opacity: initial !important;
  --tw-exit-scale: initial !important;
  --tw-exit-rotate: initial !important;
  --tw-exit-translate-x: initial !important;
  --tw-exit-translate-y: initial !important;
}
.fade-in {
  --tw-enter-opacity: 0 !important;
}
.fade-out {
  --tw-exit-opacity: 0 !important;
}
.slide-in-from-bottom-4 {
  --tw-enter-translate-y: 1rem !important;
}
.slide-in-from-top-4 {
  --tw-enter-translate-y: -1rem !important;
}
.slide-out-to-bottom-4 {
  --tw-exit-translate-y: 1rem !important;
}
.duration-100 {
  animation-duration: 100ms !important;
}
.duration-150 {
  animation-duration: 150ms !important;
}
.duration-200 {
  animation-duration: 200ms !important;
}
.duration-300 {
  animation-duration: 300ms !important;
}
.duration-500 {
  animation-duration: 500ms !important;
}
.duration-700 {
  animation-duration: 700ms !important;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-linear {
  animation-timing-function: linear !important;
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.running {
  animation-play-state: running !important;
}
.scrollbar-thin::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track) !important;
  border-radius: var(--scrollbar-track-radius) !important;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb) !important;
  border-radius: var(--scrollbar-thumb-radius) !important;
}
.scrollbar-thin::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner) !important;
  border-radius: var(--scrollbar-corner-radius) !important;
}
.scrollbar-thin {
  scrollbar-width: thin !important;
  scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial) !important;
}
.scrollbar-thin::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
}
.scrollbar-none {
  scrollbar-width: none !important;
}
.scrollbar-none::-webkit-scrollbar {
  display: none !important;
}
.\[-ms-overflow-style\:none\] {
  -ms-overflow-style: none !important;
}
.\[animation-delay\:150ms\] {
  animation-delay: 150ms !important;
}
.\[animation-delay\:2s\] {
  animation-delay: 2s !important;
}
.\[animation-delay\:300ms\] {
  animation-delay: 300ms !important;
}
.\[scrollbar-width\:none\] {
  scrollbar-width: none !important;
}
.\[text-wrap\:balance\] {
  text-wrap: balance !important;
}
#robbu-whatsapp-button {
  z-index: 50;
}
.placeholder\:text-neutral::placeholder {
  --tw-text-opacity: 1 !important;
  color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
}
.before\:absolute::before {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.before\:-bottom-1::before {
  content: var(--tw-content) !important;
  bottom: -0.25rem !important;
}
.before\:-left-1::before {
  content: var(--tw-content) !important;
  left: -0.25rem !important;
}
.before\:-right-1::before {
  content: var(--tw-content) !important;
  right: -0.25rem !important;
}
.before\:-top-1::before {
  content: var(--tw-content) !important;
  top: -0.25rem !important;
}
.before\:-z-\[1\]::before {
  content: var(--tw-content) !important;
  z-index: -1 !important;
}
.before\:rounded::before {
  content: var(--tw-content) !important;
  border-radius: 0.25rem !important;
}
.before\:bg-\[linear-gradient\(90deg\,\#00ffe6\,\#7b3dff\)\]::before {
  content: var(--tw-content) !important;
  background-image:
    linear-gradient(
      90deg,
      #00ffe6,
      #7b3dff) !important;
}
.before\:opacity-50::before {
  content: var(--tw-content) !important;
  opacity: 0.5 !important;
}
.before\:blur-\[8px\]::before {
  content: var(--tw-content) !important;
  --tw-blur: blur(8px) !important;
  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) !important;
}
.before\:content-\[\"\"\]::before {
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.after\:absolute::after {
  content: var(--tw-content) !important;
  position: absolute !important;
}
.after\:-bottom-\[9px\]::after {
  content: var(--tw-content) !important;
  bottom: -9px !important;
}
.after\:bottom-1::after {
  content: var(--tw-content) !important;
  bottom: 0.25rem !important;
}
.after\:bottom-2::after {
  content: var(--tw-content) !important;
  bottom: 0.5rem !important;
}
.after\:bottom-4::after {
  content: var(--tw-content) !important;
  bottom: 1rem !important;
}
.after\:left-0::after {
  content: var(--tw-content) !important;
  left: 0px !important;
}
.after\:left-\[-8px\]::after {
  content: var(--tw-content) !important;
  left: -8px !important;
}
.after\:right-0::after {
  content: var(--tw-content) !important;
  right: 0px !important;
}
.after\:right-\[-8px\]::after {
  content: var(--tw-content) !important;
  right: -8px !important;
}
.after\:h-0::after {
  content: var(--tw-content) !important;
  height: 0px !important;
}
.after\:h-4::after {
  content: var(--tw-content) !important;
  height: 1rem !important;
}
.after\:h-\[1px\]::after {
  content: var(--tw-content) !important;
  height: 1px !important;
}
.after\:w-0::after {
  content: var(--tw-content) !important;
  width: 0px !important;
}
.after\:w-4::after {
  content: var(--tw-content) !important;
  width: 1rem !important;
}
.after\:translate-x-\[15px\]::after {
  content: var(--tw-content) !important;
  --tw-translate-x: 15px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.after\:translate-y-\[8px\]::after {
  content: var(--tw-content) !important;
  --tw-translate-y: 8px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.after\:border-l-\[25px\]::after {
  content: var(--tw-content) !important;
  border-left-width: 25px !important;
}
.after\:border-t-\[15px\]::after {
  content: var(--tw-content) !important;
  border-top-width: 15px !important;
}
.after\:border-l-\[\#DCE2FF\]::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(220 226 255 / var(--tw-border-opacity, 1)) !important;
}
.after\:border-l-\[\#E3FEC8\]::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(227 254 200 / var(--tw-border-opacity, 1)) !important;
}
.after\:border-l-\[\#dce2ff\]::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(220 226 255 / var(--tw-border-opacity, 1)) !important;
}
.after\:border-l-\[\#e3fec8\]::after {
  content: var(--tw-content) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(227 254 200 / var(--tw-border-opacity, 1)) !important;
}
.after\:border-t-transparent::after {
  content: var(--tw-content) !important;
  border-top-color: transparent !important;
}
.after\:bg-gray-100::after {
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1)) !important;
}
.after\:bg-gradient-to-bl::after {
  content: var(--tw-content) !important;
  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)) !important;
}
.after\:bg-gradient-to-br::after {
  content: var(--tw-content) !important;
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
.after\:from-transparent::after {
  content: var(--tw-content) !important;
  --tw-gradient-from: transparent var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.after\:from-50\%::after {
  content: var(--tw-content) !important;
  --tw-gradient-from-position: 50% !important;
}
.after\:to-\[\#e3fec8\]::after {
  content: var(--tw-content) !important;
  --tw-gradient-to: #e3fec8 var(--tw-gradient-to-position) !important;
}
.after\:to-50\%::after {
  content: var(--tw-content) !important;
  --tw-gradient-to-position: 50% !important;
}
.after\:content-\[\'\'\]::after {
  --tw-content: "" !important;
  content: var(--tw-content) !important;
}
.after\:content-\[\\\'\\\'\]::after {
  --tw-content: \'\' !important;
  content: var(--tw-content) !important;
}
.first\:rounded-l-2xl:first-child {
  border-top-left-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}
.first\:rounded-l-xl:first-child {
  border-top-left-radius: 0.75rem !important;
  border-bottom-left-radius: 0.75rem !important;
}
.first\:rounded-tl-2xl:first-child {
  border-top-left-radius: 1rem !important;
}
.last\:mb-24:last-child {
  margin-bottom: 6rem !important;
}
.last\:rounded-r-2xl:last-child {
  border-top-right-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}
.last\:rounded-r-xl:last-child {
  border-top-right-radius: 0.75rem !important;
  border-bottom-right-radius: 0.75rem !important;
}
.last\:rounded-tr-2xl:last-child {
  border-top-right-radius: 1rem !important;
}
.last\:border-b-0:last-child {
  border-bottom-width: 0px !important;
}
.checked\:border-primary:checked {
  --tw-border-opacity: 1 !important;
  border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
}
.checked\:bg-primary:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(123 61 255 / var(--tw-bg-opacity, 1)) !important;
}
.checked\:bg-\[radial-gradient\(circle\,white_35\%\,transparent_40\%\)\]:checked {
  background-image:
    radial-gradient(
      circle,
      white 35%,
      transparent 40%) !important;
}
.hover\:cursor-pointer:hover {
  cursor: pointer !important;
}
.hover\:rounded-lg:hover {
  border-radius: 0.5rem !important;
}
.hover\:rounded-md:hover {
  border-radius: 0.375rem !important;
}
.hover\:rounded-t-lg:hover {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.hover\:border:hover {
  border-width: 1px !important;
}
.hover\:border-\[\#7381d2\]:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(115 129 210 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-border-default:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(201 208 217 / var(--tw-border-opacity, 1)) !important;
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
}
.hover\:bg-black\/10:hover {
  background-color: rgb(42 53 69 / 0.1) !important;
}
.hover\:bg-black\/20:hover {
  background-color: rgb(42 53 69 / 0.2) !important;
}
.hover\:bg-black\/5:hover {
  background-color: rgb(42 53 69 / 0.05) !important;
}
.hover\:bg-black\/50:hover {
  background-color: rgb(42 53 69 / 0.5) !important;
}
.hover\:bg-blue-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 227 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 245 249 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-critical:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(154 0 0 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-primary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(68 0 211 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-secondary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 29 72 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-selected:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 223 244 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-success:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(12 149 100 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-hover-warning:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(182 102 8 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-default:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-disabled:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 243 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-info:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-primary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 226 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-selected:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 241 254 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-surface-selected\/50:hover {
  background-color: rgb(239 241 254 / 0.5) !important;
}
.hover\:bg-transparent:hover {
  background-color: transparent !important;
}
.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8 !important;
}
.hover\:text-black:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-critical:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(185 20 20 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-default:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-hover-critical:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(154 0 0 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-hover-primary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(68 0 211 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-hover-success:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(12 149 100 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-hover-warning:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(182 102 8 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-neutral\/50:hover {
  color: rgb(114 124 140 / 0.5) !important;
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-secondary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(0 46 115 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.hover\:text-opacity-30:hover {
  --tw-text-opacity: 0.3 !important;
}
.hover\:underline:hover {
  text-decoration-line: underline !important;
}
.hover\:opacity-90:hover {
  opacity: 0.9 !important;
}
.hover\:outline-border-default:hover {
  outline-color: #C9D0D9 !important;
}
.focus\:border-critical:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(185 20 20 / var(--tw-border-opacity, 1)) !important;
}
.focus\:border-primary:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
}
.focus\:text-neutral:focus {
  --tw-text-opacity: 1 !important;
  color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
}
.focus\:placeholder-opacity-0:focus::placeholder {
  --tw-placeholder-opacity: 0 !important;
}
.focus\:shadow-\[0_0_0\.375rem_0_rgba\(var\(--ds-primary\)\,0\.3\)\]:focus {
  --tw-shadow: 0 0 0.375rem 0 rgba(var(--ds-primary),0.3) !important;
  --tw-shadow-colored: 0 0 0.375rem 0 var(--tw-shadow-color) !important;
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000),
    var(--tw-shadow) !important;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.focus\:ring-critical:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(185 20 20 / var(--tw-ring-opacity, 1)) !important;
}
.active\:bg-black\/10:active {
  background-color: rgb(42 53 69 / 0.1) !important;
}
.active\:text-primary:active {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed !important;
}
.disabled\:border-disabled:disabled {
  --tw-border-opacity: 1 !important;
  border-color: rgb(168 175 186 / var(--tw-border-opacity, 1)) !important;
}
.disabled\:bg-surface-disabled:disabled {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(237 240 243 / var(--tw-bg-opacity, 1)) !important;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5 !important;
}
.group:hover .group-hover\:border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
}
.group\/loyal:hover .group-hover\/loyal\:bg-black\/5 {
  background-color: rgb(42 53 69 / 0.05) !important;
}
.group:hover .group-hover\:text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}
.group:hover .group-hover\:opacity-50 {
  opacity: 0.5 !important;
}
@media not all and (min-width: 768px) {
  .max-md\:sticky {
    position: sticky !important;
  }
  .max-md\:top-0 {
    top: 0px !important;
  }
  .max-md\:mb-4 {
    margin-bottom: 1rem !important;
  }
  .max-md\:mb-8 {
    margin-bottom: 2rem !important;
  }
  .max-md\:mt-6 {
    margin-top: 1.5rem !important;
  }
  .max-md\:hidden {
    display: none !important;
  }
  .max-md\:h-full {
    height: 100% !important;
  }
  .max-md\:h-screen {
    height: 100vh !important;
  }
  .max-md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .max-md\:justify-between {
    justify-content: space-between !important;
  }
  .max-md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .max-md\:bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .max-md\:p-4 {
    padding: 1rem !important;
  }
  .max-md\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .max-md\:shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
}
@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute !important;
  }
  .sm\:bottom-auto {
    bottom: auto !important;
  }
  .sm\:left-0 {
    left: 0px !important;
  }
  .sm\:right-0 {
    right: 0px !important;
  }
  .sm\:right-6 {
    right: 1.5rem !important;
  }
  .sm\:ml-6 {
    margin-left: 1.5rem !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:hidden {
    display: none !important;
  }
  .sm\:h-\[22rem\] {
    height: 22rem !important;
  }
  .sm\:h-\[300px\] {
    height: 300px !important;
  }
  .sm\:max-h-72 {
    max-height: 18rem !important;
  }
  .sm\:max-h-\[99vh\] {
    max-height: 99vh !important;
  }
  .sm\:w-\[42rem\] {
    width: 42rem !important;
  }
  .sm\:w-auto {
    width: auto !important;
  }
  .sm\:min-w-\[200px\] {
    min-width: 200px !important;
  }
  .sm\:min-w-max {
    min-width: max-content !important;
  }
  .sm\:max-w-\[99vw\] {
    max-width: 99vw !important;
  }
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-col {
    flex-direction: column !important;
  }
  .sm\:items-center {
    align-items: center !important;
  }
  .sm\:justify-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-between {
    justify-content: space-between !important;
  }
  .sm\:gap-2 {
    gap: 0.5rem !important;
  }
  .sm\:gap-3 {
    gap: 0.75rem !important;
  }
  .sm\:gap-4 {
    gap: 1rem !important;
  }
  .sm\:rounded-lg {
    border-radius: 0.5rem !important;
  }
  .sm\:p-3 {
    padding: 0.75rem !important;
  }
  .sm\:p-4 {
    padding: 1rem !important;
  }
  .sm\:px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm\:text-neutral {
    --tw-text-opacity: 1 !important;
    color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-critical:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(154 0 0 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-disabled:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(220 224 228 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-info:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(5 55 184 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-primary:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(68 0 211 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-selected:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(220 223 244 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-success:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(12 149 100 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:border-hover-warning:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(182 102 8 / var(--tw-border-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-critical:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(154 0 0 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-disabled:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(220 224 228 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-info:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(5 55 184 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-primary:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(68 0 211 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-selected:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(220 223 244 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-success:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(12 149 100 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-hover-warning:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(182 102 8 / var(--tw-bg-opacity, 1)) !important;
  }
  .sm\:hover\:bg-right:hover {
    background-position: right !important;
  }
  .sm\:hover\:text-disabled:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(168 175 186 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:text-hover-critical:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(154 0 0 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:text-hover-info:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(5 55 184 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:text-hover-primary:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(68 0 211 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:text-hover-success:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(12 149 100 / var(--tw-text-opacity, 1)) !important;
  }
  .sm\:hover\:text-hover-warning:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(182 102 8 / var(--tw-text-opacity, 1)) !important;
  }
}
@media (min-width: 768px) {
  .md\:static {
    position: static !important;
  }
  .md\:absolute {
    position: absolute !important;
  }
  .md\:relative {
    position: relative !important;
  }
  .md\:-top-9 {
    top: -2.25rem !important;
  }
  .md\:bottom-14 {
    bottom: 3.5rem !important;
  }
  .md\:bottom-6 {
    bottom: 1.5rem !important;
  }
  .md\:bottom-auto {
    bottom: auto !important;
  }
  .md\:bottom-full {
    bottom: 100% !important;
  }
  .md\:left-0 {
    left: 0px !important;
  }
  .md\:left-auto {
    left: auto !important;
  }
  .md\:right-0 {
    right: 0px !important;
  }
  .md\:right-6 {
    right: 1.5rem !important;
  }
  .md\:right-8 {
    right: 2rem !important;
  }
  .md\:right-auto {
    right: auto !important;
  }
  .md\:top-0 {
    top: 0px !important;
  }
  .md\:top-20 {
    top: 5rem !important;
  }
  .md\:top-\[4\.5rem\] {
    top: 4.5rem !important;
  }
  .md\:top-auto {
    top: auto !important;
  }
  .md\:top-full {
    top: 100% !important;
  }
  .md\:z-auto {
    z-index: auto !important;
  }
  .md\:order-1 {
    order: 1 !important;
  }
  .md\:order-2 {
    order: 2 !important;
  }
  .md\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }
  .md\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }
  .md\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }
  .md\:col-span-5 {
    grid-column: span 5 / span 5 !important;
  }
  .md\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }
  .md\:col-span-7 {
    grid-column: span 7 / span 7 !important;
  }
  .md\:row-start-1 {
    grid-row-start: 1 !important;
  }
  .md\:row-start-2 {
    grid-row-start: 2 !important;
  }
  .md\:row-start-3 {
    grid-row-start: 3 !important;
  }
  .md\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .md\:mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .md\:my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md\:-mt-20 {
    margin-top: -5rem !important;
  }
  .md\:mb-0 {
    margin-bottom: 0px !important;
  }
  .md\:mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .md\:mb-16 {
    margin-bottom: 4rem !important;
  }
  .md\:mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md\:mb-4 {
    margin-bottom: 1rem !important;
  }
  .md\:mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .md\:mb-8 {
    margin-bottom: 2rem !important;
  }
  .md\:ml-1 {
    margin-left: 0.25rem !important;
  }
  .md\:ml-16 {
    margin-left: 4rem !important;
  }
  .md\:ml-6 {
    margin-left: 1.5rem !important;
  }
  .md\:ml-8 {
    margin-left: 2rem !important;
  }
  .md\:ml-auto {
    margin-left: auto !important;
  }
  .md\:mr-16 {
    margin-right: 4rem !important;
  }
  .md\:mt-0 {
    margin-top: 0px !important;
  }
  .md\:mt-2 {
    margin-top: 0.5rem !important;
  }
  .md\:mt-4 {
    margin-top: 1rem !important;
  }
  .md\:mt-6 {
    margin-top: 1.5rem !important;
  }
  .md\:mt-8 {
    margin-top: 2rem !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:grid {
    display: grid !important;
  }
  .md\:hidden {
    display: none !important;
  }
  .md\:h-10 {
    height: 2.5rem !important;
  }
  .md\:h-14 {
    height: 3.5rem !important;
  }
  .md\:h-64 {
    height: 16rem !important;
  }
  .md\:h-72 {
    height: 18rem !important;
  }
  .md\:h-\[15rem\] {
    height: 15rem !important;
  }
  .md\:h-\[20rem\] {
    height: 20rem !important;
  }
  .md\:h-\[25rem\] {
    height: 25rem !important;
  }
  .md\:h-\[32rem\] {
    height: 32rem !important;
  }
  .md\:h-\[350px\] {
    height: 350px !important;
  }
  .md\:h-\[520px\] {
    height: 520px !important;
  }
  .md\:h-auto {
    height: auto !important;
  }
  .md\:h-fit {
    height: fit-content !important;
  }
  .md\:h-full {
    height: 100% !important;
  }
  .md\:h-screen {
    height: 100vh !important;
  }
  .md\:max-h-64 {
    max-height: 16rem !important;
  }
  .md\:max-h-80 {
    max-height: 20rem !important;
  }
  .md\:max-h-\[15rem\] {
    max-height: 15rem !important;
  }
  .md\:max-h-\[42rem\] {
    max-height: 42rem !important;
  }
  .md\:max-h-\[80vh\] {
    max-height: 80vh !important;
  }
  .md\:max-h-fit {
    max-height: fit-content !important;
  }
  .md\:min-h-0 {
    min-height: 0px !important;
  }
  .md\:min-h-\[17rem\] {
    min-height: 17rem !important;
  }
  .md\:min-h-\[30rem\] {
    min-height: 30rem !important;
  }
  .md\:min-h-\[42rem\] {
    min-height: 42rem !important;
  }
  .md\:min-h-\[60rem\] {
    min-height: 60rem !important;
  }
  .md\:w-1\/2 {
    width: 50% !important;
  }
  .md\:w-1\/3 {
    width: 33.333333% !important;
  }
  .md\:w-10 {
    width: 2.5rem !important;
  }
  .md\:w-14 {
    width: 3.5rem !important;
  }
  .md\:w-96 {
    width: 24rem !important;
  }
  .md\:w-\[26\.25rem\] {
    width: 26.25rem !important;
  }
  .md\:w-\[28rem\] {
    width: 28rem !important;
  }
  .md\:w-\[32\.75rem\] {
    width: 32.75rem !important;
  }
  .md\:w-\[32rem\] {
    width: 32rem !important;
  }
  .md\:w-\[40rem\] {
    width: 40rem !important;
  }
  .md\:w-\[48rem\] {
    width: 48rem !important;
  }
  .md\:w-\[55rem\] {
    width: 55rem !important;
  }
  .md\:w-\[705px\] {
    width: 705px !important;
  }
  .md\:w-\[88\%\] {
    width: 88% !important;
  }
  .md\:w-\[calc\(33\.333\%-0\.5rem\)\] {
    width: calc(33.333% - 0.5rem) !important;
  }
  .md\:w-\[calc\(50\%-0\.5rem\)\] {
    width: calc(50% - 0.5rem) !important;
  }
  .md\:w-\[calc\(50\%-12px\)\] {
    width: calc(50% - 12px) !important;
  }
  .md\:w-\[calc\(66\.666\%-0\.5rem\)\] {
    width: calc(66.666% - 0.5rem) !important;
  }
  .md\:w-auto {
    width: auto !important;
  }
  .md\:w-fit {
    width: fit-content !important;
  }
  .md\:w-full {
    width: 100% !important;
  }
  .md\:w-max {
    width: max-content !important;
  }
  .md\:min-w-\[20rem\] {
    min-width: 20rem !important;
  }
  .md\:min-w-\[26\.25rem\] {
    min-width: 26.25rem !important;
  }
  .md\:min-w-\[31rem\] {
    min-width: 31rem !important;
  }
  .md\:min-w-\[32rem\] {
    min-width: 32rem !important;
  }
  .md\:min-w-\[35rem\] {
    min-width: 35rem !important;
  }
  .md\:min-w-\[40\.188rem\] {
    min-width: 40.188rem !important;
  }
  .md\:min-w-\[40rem\] {
    min-width: 40rem !important;
  }
  .md\:min-w-\[510px\] {
    min-width: 510px !important;
  }
  .md\:min-w-\[626px\] {
    min-width: 626px !important;
  }
  .md\:min-w-\[900px\] {
    min-width: 900px !important;
  }
  .md\:min-w-fit {
    min-width: fit-content !important;
  }
  .md\:max-w-80 {
    max-width: 20rem !important;
  }
  .md\:max-w-\[26\.25rem\] {
    max-width: 26.25rem !important;
  }
  .md\:max-w-\[30rem\] {
    max-width: 30rem !important;
  }
  .md\:max-w-\[32rem\] {
    max-width: 32rem !important;
  }
  .md\:max-w-\[40\.188rem\] {
    max-width: 40.188rem !important;
  }
  .md\:max-w-\[40rem\] {
    max-width: 40rem !important;
  }
  .md\:max-w-\[45rem\] {
    max-width: 45rem !important;
  }
  .md\:max-w-\[48rem\] {
    max-width: 48rem !important;
  }
  .md\:max-w-\[50\%\] {
    max-width: 50% !important;
  }
  .md\:max-w-\[50vw\] {
    max-width: 50vw !important;
  }
  .md\:max-w-\[60rem\] {
    max-width: 60rem !important;
  }
  .md\:max-w-fit {
    max-width: fit-content !important;
  }
  .md\:max-w-screen-md {
    max-width: 768px !important;
  }
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-grow {
    flex-grow: 1 !important;
  }
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:grow {
    flex-grow: 1 !important;
  }
  .md\:translate-x-0 {
    --tw-translate-x: 0px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .md\:translate-y-0 {
    --tw-translate-y: 0px !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .md\:translate-y-\[0\.25rem\] {
    --tw-translate-y: 0.25rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .md\:auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr) !important;
  }
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
  }
  .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  }
  .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-col {
    flex-direction: column !important;
  }
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .md\:items-start {
    align-items: flex-start !important;
  }
  .md\:items-end {
    align-items: flex-end !important;
  }
  .md\:items-center {
    align-items: center !important;
  }
  .md\:items-stretch {
    align-items: stretch !important;
  }
  .md\:justify-normal {
    justify-content: normal !important;
  }
  .md\:justify-start {
    justify-content: flex-start !important;
  }
  .md\:justify-end {
    justify-content: flex-end !important;
  }
  .md\:justify-center {
    justify-content: center !important;
  }
  .md\:justify-between {
    justify-content: space-between !important;
  }
  .md\:gap-0 {
    gap: 0px !important;
  }
  .md\:gap-10 {
    gap: 2.5rem !important;
  }
  .md\:gap-2 {
    gap: 0.5rem !important;
  }
  .md\:gap-20 {
    gap: 5rem !important;
  }
  .md\:gap-24 {
    gap: 6rem !important;
  }
  .md\:gap-3 {
    gap: 0.75rem !important;
  }
  .md\:gap-4 {
    gap: 1rem !important;
  }
  .md\:gap-5 {
    gap: 1.25rem !important;
  }
  .md\:gap-6 {
    gap: 1.5rem !important;
  }
  .md\:gap-8 {
    gap: 2rem !important;
  }
  .md\:gap-x-4 {
    column-gap: 1rem !important;
  }
  .md\:gap-x-8 {
    column-gap: 2rem !important;
  }
  .md\:gap-y-2 {
    row-gap: 0.5rem !important;
  }
  .md\:gap-y-6 {
    row-gap: 1.5rem !important;
  }
  .md\:self-end {
    align-self: flex-end !important;
  }
  .md\:overflow-hidden {
    overflow: hidden !important;
  }
  .md\:overflow-y-auto {
    overflow-y: auto !important;
  }
  .md\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .md\:break-all {
    word-break: break-all !important;
  }
  .md\:rounded-2xl {
    border-radius: 1rem !important;
  }
  .md\:rounded-3xl {
    border-radius: 1.5rem !important;
  }
  .md\:rounded-md {
    border-radius: 0.375rem !important;
  }
  .md\:rounded-xl {
    border-radius: 0.75rem !important;
  }
  .md\:rounded-t-xl {
    border-top-left-radius: 0.75rem !important;
    border-top-right-radius: 0.75rem !important;
  }
  .md\:rounded-bl-2xl {
    border-bottom-left-radius: 1rem !important;
  }
  .md\:rounded-tl-2xl {
    border-top-left-radius: 1rem !important;
  }
  .md\:border {
    border-width: 1px !important;
  }
  .md\:border-none {
    border-style: none !important;
  }
  .md\:border-border {
    --tw-border-opacity: 1 !important;
    border-color: rgb(221 226 232 / var(--tw-border-opacity, 1)) !important;
  }
  .md\:border-surface-disabled {
    --tw-border-opacity: 1 !important;
    border-color: rgb(237 240 243 / var(--tw-border-opacity, 1)) !important;
  }
  .md\:border-b-transparent {
    border-bottom-color: transparent !important;
  }
  .md\:bg-surface-default {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1)) !important;
  }
  .md\:bg-surface-info {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 237 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .md\:bg-transparent {
    background-color: transparent !important;
  }
  .md\:bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .md\:bg-\[length\:200px_200px\] {
    background-size: 200px 200px !important;
  }
  .md\:p-0 {
    padding: 0px !important;
  }
  .md\:p-10 {
    padding: 2.5rem !important;
  }
  .md\:p-2 {
    padding: 0.5rem !important;
  }
  .md\:p-3 {
    padding: 0.75rem !important;
  }
  .md\:p-4 {
    padding: 1rem !important;
  }
  .md\:p-6 {
    padding: 1.5rem !important;
  }
  .md\:p-8 {
    padding: 2rem !important;
  }
  .md\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .md\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .md\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md\:px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .md\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .md\:py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md\:py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .md\:py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .md\:py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md\:py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .md\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md\:py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md\:pb-0 {
    padding-bottom: 0px !important;
  }
  .md\:pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .md\:pb-16 {
    padding-bottom: 4rem !important;
  }
  .md\:pb-24 {
    padding-bottom: 6rem !important;
  }
  .md\:pb-4 {
    padding-bottom: 1rem !important;
  }
  .md\:pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .md\:pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .md\:pb-8 {
    padding-bottom: 2rem !important;
  }
  .md\:pl-6 {
    padding-left: 1.5rem !important;
  }
  .md\:pl-7 {
    padding-left: 1.75rem !important;
  }
  .md\:pr-16 {
    padding-right: 4rem !important;
  }
  .md\:pt-0 {
    padding-top: 0px !important;
  }
  .md\:pt-12 {
    padding-top: 3rem !important;
  }
  .md\:pt-4 {
    padding-top: 1rem !important;
  }
  .md\:pt-6 {
    padding-top: 1.5rem !important;
  }
  .md\:pt-8 {
    padding-top: 2rem !important;
  }
  .md\:text-left {
    text-align: left !important;
  }
  .md\:text-center {
    text-align: center !important;
  }
  .md\:text-right {
    text-align: right !important;
  }
  .md\:text-justify {
    text-align: justify !important;
  }
  .md\:text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }
  .md\:text-\[0\.75rem\] {
    font-size: 0.75rem !important;
  }
  .md\:text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  .md\:text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
  }
  .md\:text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
  }
  .md\:leading-\[1\.125rem\] {
    line-height: 1.125rem !important;
  }
  .md\:text-default {
    --tw-text-opacity: 1 !important;
    color: rgb(42 53 69 / var(--tw-text-opacity, 1)) !important;
  }
  .md\:text-neutral {
    --tw-text-opacity: 1 !important;
    color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
  }
  .md\:text-primary {
    --tw-text-opacity: 1 !important;
    color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
  }
  .md\:shadow-detail {
    --tw-shadow: 0px 3px 10px 0px rgba(198, 193, 211, 0.40) !important;
    --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color) !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
  .md\:shadow-hard {
    --tw-shadow: 0px 8px 24px 0px rgba(198, 193, 211, 0.25) !important;
    --tw-shadow-colored: 0px 8px 24px 0px var(--tw-shadow-color) !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
  .md\:shadow-medium {
    --tw-shadow: 0px 5px 48px 0px rgba(198, 193, 211, 0.25) !important;
    --tw-shadow-colored: 0px 5px 48px 0px var(--tw-shadow-color) !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
  .md\:shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow:
      var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000),
      var(--tw-shadow) !important;
  }
  .md\:transition-all {
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
  }
  .md\:duration-300 {
    transition-duration: 300ms !important;
  }
  .md\:ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .md\:slide-in-from-top-4 {
    --tw-enter-translate-y: -1rem !important;
  }
  .md\:duration-300 {
    animation-duration: 300ms !important;
  }
  .md\:ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .md\:scrollbar-thin::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track) !important;
    border-radius: var(--scrollbar-track-radius) !important;
  }
  .md\:scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb) !important;
    border-radius: var(--scrollbar-thumb-radius) !important;
  }
  .md\:scrollbar-thin::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner) !important;
    border-radius: var(--scrollbar-corner-radius) !important;
  }
  .md\:scrollbar-thin {
    scrollbar-width: thin !important;
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial) !important;
  }
  .md\:scrollbar-thin::-webkit-scrollbar {
    display: block !important;
    width: 8px !important;
    height: 8px !important;
  }
  .md\:scrollbar-none {
    scrollbar-width: none !important;
  }
  .md\:scrollbar-none::-webkit-scrollbar {
    display: none !important;
  }
  .hover\:md\:translate-y-\[0\.25rem\]:hover {
    --tw-translate-y: 0.25rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .md\:hover\:border:hover {
    border-width: 1px !important;
  }
  .md\:hover\:border-primary:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(123 61 255 / var(--tw-border-opacity, 1)) !important;
  }
  .md\:hover\:bg-default\/10:hover {
    background-color: rgb(42 53 69 / 0.1) !important;
  }
  .md\:hover\:bg-surface-primary:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(220 226 255 / var(--tw-bg-opacity, 1)) !important;
  }
}
@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky !important;
  }
  .lg\:left-1\/2 {
    left: 50% !important;
  }
  .lg\:top-6 {
    top: 1.5rem !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:grid {
    display: grid !important;
  }
  .lg\:hidden {
    display: none !important;
  }
  .lg\:h-\[400px\] {
    height: 400px !important;
  }
  .lg\:w-3\/5 {
    width: 60% !important;
  }
  .lg\:w-52 {
    width: 13rem !important;
  }
  .lg\:w-\[calc\(33\.333\%-16px\)\] {
    width: calc(33.333% - 16px) !important;
  }
  .lg\:w-auto {
    width: auto !important;
  }
  .lg\:w-full {
    width: 100% !important;
  }
  .lg\:min-w-\[1000px\] {
    min-width: 1000px !important;
  }
  .lg\:max-w-\[1000px\] {
    max-width: 1000px !important;
  }
  .lg\:max-w-\[835px\] {
    max-width: 835px !important;
  }
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .lg\:grid-cols-\[2fr_1fr_1fr_auto_1fr\] {
    grid-template-columns: 2fr 1fr 1fr auto 1fr !important;
  }
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:gap-2 {
    gap: 0.5rem !important;
  }
  .lg\:self-start {
    align-self: flex-start !important;
  }
  .lg\:p-9 {
    padding: 2.25rem !important;
  }
  .lg\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg\:px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .lg\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1280px) {
  .xl\:mx-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:w-\[calc\(25\%-18px\)\] {
    width: calc(25% - 18px) !important;
  }
  .xl\:max-w-none {
    max-width: none !important;
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .xl\:justify-end {
    justify-content: flex-end !important;
  }
  .xl\:gap-6 {
    gap: 1.5rem !important;
  }
  .xl\:gap-9 {
    gap: 2.25rem !important;
  }
  .xl\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl\:py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
}
@media (min-width: 1536px) {
  .\32xl\:top-\[84\%\] {
    top: 84% !important;
  }
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
  display: none !important;
}
.\[\&_\.font-bold\]\:\!text-primary .font-bold {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_\.text-base\]\:\!text-primary .text-base {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_\.text-sm\]\:\!text-primary .text-sm {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_button\]\:\!border-green-500 button {
  --tw-border-opacity: 1 !important;
  border-color: rgb(4 153 108 / var(--tw-border-opacity, 1)) !important;
}
.\[\&_button\]\:\!bg-green-500 button {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(4 153 108 / var(--tw-bg-opacity, 1)) !important;
}
@media (min-width: 640px) {
  .\[\&_button\]\:sm\:hover\:\!border-green-600:hover button {
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 115 76 / var(--tw-border-opacity, 1)) !important;
  }
  .\[\&_button\]\:sm\:hover\:\!bg-green-600:hover button {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 115 76 / var(--tw-bg-opacity, 1)) !important;
  }
}
.\[\&_input\[type\=\'radio\'\]\:checked\]\:\!border-\[6px\] input[type=radio]:checked {
  border-width: 6px !important;
}
.\[\&_input\[type\=\'radio\'\]\:checked\]\:\!border-\[var\(--ds-primary\)\] input[type=radio]:checked {
  border-color: var(--ds-primary) !important;
}
.\[\&_input\[type\=\'radio\'\]\:checked\]\:\!bg-white input[type=radio]:checked {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.\[\&_input\[type\=\'radio\'\]\:checked\]\:\!bg-\[image\:none\] input[type=radio]:checked {
  background-image: none !important;
}
.\[\&_input\[type\=\'radio\'\]\]\:\!border-\[\#a8afba\] input[type=radio] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(168 175 186 / var(--tw-border-opacity, 1)) !important;
}
.\[\&_ps-icon\]\:\!text-primary ps-icon {
  --tw-text-opacity: 1 !important;
  color: rgb(123 61 255 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_span\]\:text-neutral span {
  --tw-text-opacity: 1 !important;
  color: rgb(114 124 140 / var(--tw-text-opacity, 1)) !important;
}
.\[\&_span\]\:underline span {
  text-decoration-line: underline !important;
}

/* angular:styles/global:styles */