:where([data-direct-chat]) .code-snippet-wrapper,
.code-snippet-wrapper:where([data-direct-chat]) {
  background: linear-gradient(145deg, #1a1f2e 0%, #0f1419 100%);
  border-radius: 12px;
  font-family:
    JetBrains Mono,
    Fira Code,
    Monaco,
    Consolas,
    monospace;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000004d;
}
:where([data-direct-chat]) .code-header,
.code-header:where([data-direct-chat]) {
  background: #ffffff0d;
  border-bottom: 1px solid #ffffff1a;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}
:where([data-direct-chat]) .code-dots,
.code-dots:where([data-direct-chat]) {
  gap: 6px;
  display: flex;
}
:where([data-direct-chat]) .dot,
.dot:where([data-direct-chat]) {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
:where([data-direct-chat]) .dot-red,
.dot-red:where([data-direct-chat]) {
  background: #ff5f56;
}
:where([data-direct-chat]) .dot-yellow,
.dot-yellow:where([data-direct-chat]) {
  background: #ffbd2e;
}
:where([data-direct-chat]) .dot-green,
.dot-green:where([data-direct-chat]) {
  background: #27ca40;
}
:where([data-direct-chat]) .code-title,
.code-title:where([data-direct-chat]) {
  color: #fff9;
  font-size: 12px;
}
:where([data-direct-chat]) .code-copy-button,
.code-copy-button:where([data-direct-chat]) {
  color: #ffffffd1;
  min-width: 4.5rem;
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  border: 1px solid #ffffff38;
  border-radius: 0.375rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0.3rem 0.65rem;
  font-size: 0.75rem;
  line-height: 1;
  display: inline-flex;
}
:where([data-direct-chat]) .code-copy-button:hover,
.code-copy-button:hover:where([data-direct-chat]) {
  color: #fff;
  border-color: #ffffff73;
}
:where([data-direct-chat]) .code-copy-button:focus-visible,
.code-copy-button:focus-visible:where([data-direct-chat]) {
  outline-offset: 2px;
  outline: 2px solid #fb923c;
}
:where([data-direct-chat]) .code-container,
.code-container:where([data-direct-chat]) {
  padding: 20px;
  overflow-x: auto;
}
:where([data-direct-chat]) .code-pre,
.code-pre:where([data-direct-chat]) {
  background: 0 0;
  margin: 0;
  padding: 0;
}
:where([data-direct-chat]) .code-content,
.code-content:where([data-direct-chat]) {
  color: #e4e4e7;
  white-space: pre;
  font-size: 13px;
  line-height: 1.6;
  display: block;
}
:where([data-direct-chat]) .code-key,
.code-key:where([data-direct-chat]) {
  color: #f472b6;
}
:where([data-direct-chat]) .code-string,
.code-string:where([data-direct-chat]) {
  color: #4ade80;
}
:where([data-direct-chat]) .code-number,
.code-number:where([data-direct-chat]) {
  color: #fbbf24;
}
:where([data-direct-chat]) .code-null,
.code-null:where([data-direct-chat]) {
  color: #818cf8;
}
:where([data-direct-chat]) .code-command,
.code-command:where([data-direct-chat]) {
  color: #60a5fa;
  font-weight: 600;
}
:where([data-direct-chat]) .code-flag,
.code-flag:where([data-direct-chat]) {
  color: #c084fc;
}
:where([data-direct-chat]) .code-url,
.code-url:where([data-direct-chat]) {
  color: #22d3ee;
}
:where([data-direct-chat]) .code-variable,
.code-variable:where([data-direct-chat]) {
  color: #fb923c;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar,
.code-container:where([data-direct-chat])::-webkit-scrollbar {
  height: 6px;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-track,
.code-container:where([data-direct-chat])::-webkit-scrollbar-track {
  background: #ffffff0d;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-thumb,
.code-container:where([data-direct-chat])::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 3px;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-thumb:hover,
.code-container:where([data-direct-chat])::-webkit-scrollbar-thumb:hover {
  background: #ffffff4d;
}
:where([data-direct-chat]) .code-snippet-wrapper,
.code-snippet-wrapper:where([data-direct-chat]) {
  background: linear-gradient(145deg, #1a1f2e 0%, #0f1419 100%);
  border-radius: 12px;
  font-family:
    JetBrains Mono,
    Fira Code,
    Monaco,
    Consolas,
    monospace;
  overflow: hidden;
  box-shadow: 0 20px 40px #0000004d;
}
:where([data-direct-chat]) .code-header,
.code-header:where([data-direct-chat]) {
  background: #ffffff0d;
  border-bottom: 1px solid #ffffff1a;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}
:where([data-direct-chat]) .code-dots,
.code-dots:where([data-direct-chat]) {
  gap: 6px;
  display: flex;
}
:where([data-direct-chat]) .dot,
.dot:where([data-direct-chat]) {
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
:where([data-direct-chat]) .dot-red,
.dot-red:where([data-direct-chat]) {
  background: #ff5f56;
}
:where([data-direct-chat]) .dot-yellow,
.dot-yellow:where([data-direct-chat]) {
  background: #ffbd2e;
}
:where([data-direct-chat]) .dot-green,
.dot-green:where([data-direct-chat]) {
  background: #27ca40;
}
:where([data-direct-chat]) .code-title,
.code-title:where([data-direct-chat]) {
  color: #fff9;
  font-size: 12px;
}
:where([data-direct-chat]) .code-container,
.code-container:where([data-direct-chat]) {
  padding: 20px;
  overflow-x: auto;
}
:where([data-direct-chat]) .code-pre,
.code-pre:where([data-direct-chat]) {
  background: 0 0;
  margin: 0;
  padding: 0;
}
:where([data-direct-chat]) .code-content,
.code-content:where([data-direct-chat]) {
  color: #e4e4e7;
  white-space: pre;
  font-size: 13px;
  line-height: 1.6;
  display: block;
}
:where([data-direct-chat]) .code-key,
.code-key:where([data-direct-chat]) {
  color: #f472b6;
}
:where([data-direct-chat]) .code-string,
.code-string:where([data-direct-chat]) {
  color: #4ade80;
}
:where([data-direct-chat]) .code-number,
.code-number:where([data-direct-chat]) {
  color: #fbbf24;
}
:where([data-direct-chat]) .code-null,
.code-null:where([data-direct-chat]) {
  color: #818cf8;
}
:where([data-direct-chat]) .code-command,
.code-command:where([data-direct-chat]) {
  color: #60a5fa;
  font-weight: 600;
}
:where([data-direct-chat]) .code-flag,
.code-flag:where([data-direct-chat]) {
  color: #c084fc;
}
:where([data-direct-chat]) .code-url,
.code-url:where([data-direct-chat]) {
  color: #22d3ee;
}
:where([data-direct-chat]) .code-variable,
.code-variable:where([data-direct-chat]) {
  color: #fb923c;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar,
.code-container:where([data-direct-chat])::-webkit-scrollbar {
  height: 6px;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-track,
.code-container:where([data-direct-chat])::-webkit-scrollbar-track {
  background: #ffffff0d;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-thumb,
.code-container:where([data-direct-chat])::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 3px;
}
:where([data-direct-chat]) .code-container::-webkit-scrollbar-thumb:hover,
.code-container:where([data-direct-chat])::-webkit-scrollbar-thumb:hover {
  background: #ffffff4d;
}
:where([data-direct-chat]) .feature-description,
.feature-description:where([data-direct-chat]) {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.5rem;
  display: -webkit-box;
  overflow: hidden;
}
:where([data-direct-chat]) .home-figma,
.home-figma:where([data-direct-chat]) {
  --home-ink: #040404;
  --home-copy: #444;
  --home-orange: #ff6b35;
  color: var(--home-copy);
  font-family: var(--font-primary), Inter, sans-serif;
  background: #fff;
  overflow: clip;
}
:where([data-direct-chat]) .home-figma .home-container,
.home-figma .home-container:where([data-direct-chat]) {
  width: min(1280px, 100% - 64px);
  margin-inline: auto;
  padding: 0;
}
:where([data-direct-chat]) .home-figma :is(h1, h2, h3),
.home-figma :is(h1, h2, h3):where([data-direct-chat]) {
  font-family: var(--font-primary), Inter, sans-serif;
  color: var(--home-ink);
  font-weight: 700;
}
:where([data-direct-chat]) .home-figma h2,
.home-figma h2:where([data-direct-chat]) {
  letter-spacing: -0.18px;
  font-size: 36px;
  line-height: 1.25;
}
:where([data-direct-chat]) .home-figma p,
.home-figma p:where([data-direct-chat]) {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
:where([data-direct-chat]) .home-figma .btn,
.home-figma .btn:where([data-direct-chat]) {
  border-radius: 8px;
  min-height: 44px;
  padding: 9px 21px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition:
    background-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
:where([data-direct-chat]) .home-figma .btn.bg-primary,
.home-figma .btn.bg-primary:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > header .btn.bg-primary,
body:has(.home-figma) > header .btn.bg-primary:where([data-direct-chat]) {
  color: #fff;
  background: #ff6b35;
}
:where([data-direct-chat]) .home-figma .btn:hover,
.home-figma .btn:hover:where([data-direct-chat]) {
  transform: translateY(-2px);
  box-shadow: 0 5px 14px #01152f12;
}
:where([data-direct-chat]) .home-figma .btn:active,
.home-figma .btn:active:where([data-direct-chat]) {
  transform: translateY(0);
}
:where([data-direct-chat]) .home-figma :focus-visible,
.home-figma :focus-visible:where([data-direct-chat]) {
  outline-offset: 5px;
  outline: 2px solid #be3b10;
}
:where([data-direct-chat]) body:has(.home-figma) > header .container,
body:has(.home-figma) > header .container:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > footer .container,
body:has(.home-figma) > footer .container:where([data-direct-chat]) {
  max-width: 1344px;
}
:where([data-direct-chat]) body:has(.home-figma) > header .navbar,
body:has(.home-figma) > header .navbar:where([data-direct-chat]) {
  min-height: 72px;
  padding-block: 14px;
}
:where([data-direct-chat]) body:has(.home-figma) > header .navbar-brand img,
body:has(.home-figma) > header .navbar-brand img:where([data-direct-chat]) {
  width: 120px;
  height: auto;
}
:where([data-direct-chat]) body:has(.home-figma) > header .btn,
body:has(.home-figma) > header .btn:where([data-direct-chat]) {
  border-radius: 8px;
  min-height: 44px;
  padding: 9px 20px;
  font-size: 14px;
  line-height: 20px;
}
:where([data-direct-chat]) body:has(.home-figma) > header .nav-link,
body:has(.home-figma) > header .nav-link:where([data-direct-chat]) {
  font-size: 15px;
}
:where([data-direct-chat]) .home-hero,
.home-hero:where([data-direct-chat]) {
  isolation: isolate;
  height: 1009px;
  padding: 98px 0 0;
  position: relative;
  overflow: hidden;
}
:where([data-direct-chat]) .home-hero:before,
.home-hero:where([data-direct-chat]):before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: url(/images/home-experiment-12/imgGroup8.svg)
    top/max(100%, 1952px) 1080px no-repeat;
  position: absolute;
  inset: -191px -16px 0;
}
:where([data-direct-chat]) .home-hero:after,
.home-hero:where([data-direct-chat]):after {
  content: "";
  z-index: 12;
  pointer-events: none;
  background: linear-gradient(#0000, #fff 85%);
  height: 340px;
  position: absolute;
  inset: auto 0 0;
}
:where([data-direct-chat]) .home-hero .row,
.home-hero .row:where([data-direct-chat]) {
  margin: 0;
}
:where([data-direct-chat]) .home-hero .row > div,
.home-hero .row > div:where([data-direct-chat]) {
  grid-template-columns: 31.25% 1fr;
  gap: 12%;
  margin: 0;
  padding: 0;
  display: grid;
}
:where([data-direct-chat]) .home-hero #main-banner,
.home-hero #main-banner:where([data-direct-chat]) {
  z-index: 13;
  align-items: flex-start;
  position: relative;
}
:where([data-direct-chat]) .home-hero #main-banner > p:first-child,
.home-hero #main-banner > p:first-child:where([data-direct-chat]) {
  color: var(--home-orange);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
:where([data-direct-chat]) .home-hero h1,
.home-hero h1:where([data-direct-chat]) {
  letter-spacing: -0.265px;
  margin: 0 0 24px;
  font-size: 53px;
  line-height: 62px;
}
:where([data-direct-chat]) .home-hero-title-line,
.home-hero-title-line:where([data-direct-chat]) {
  display: block;
}
:where([data-direct-chat]) .home-hero #main-banner > p:not(:first-child),
.home-hero #main-banner > p:not(:first-child):where([data-direct-chat]) {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 26px;
}
:where([data-direct-chat]) .home-hero #main-banner > div,
.home-hero #main-banner > div:where([data-direct-chat]) {
  flex-direction: row;
  gap: 8px;
  width: auto;
  margin: 0;
  display: flex;
}
:where([data-direct-chat]) .home-hero #main-banner .btn,
.home-hero #main-banner .btn:where([data-direct-chat]) {
  white-space: nowrap;
  padding-inline: 24px;
}
:where([data-direct-chat]) .home-hero-visual,
.home-hero-visual:where([data-direct-chat]) {
  width: 929.28px;
  min-width: 0;
  padding-top: 108px;
  position: relative;
}
:where([data-direct-chat]) .home-hero-visual > img,
.home-hero-visual > img:where([data-direct-chat]) {
  border: 1px solid #f1f1f1;
  border-radius: 12px;
  width: 100%;
  max-width: none;
  height: auto;
  box-shadow: 0 4px 10px #0000001a;
}
:where([data-direct-chat]) .home-hero-code,
.home-hero-code:where([data-direct-chat]) {
  z-index: 3;
  width: 311px;
  position: absolute;
  top: 18px;
  left: 44.7%;
}
:where([data-direct-chat]) .home-hero-code .code-content,
.home-hero-code .code-content:where([data-direct-chat]) {
  font-size: 10.86px;
  line-height: 17.38px;
}
:where([data-direct-chat]) .home-hero-code .code-header,
.home-hero-code .code-header:where([data-direct-chat]) {
  gap: 10px;
  padding: 10px 13px;
}
:where([data-direct-chat]) .home-hero-code .code-title,
.home-hero-code .code-title:where([data-direct-chat]) {
  font-size: 10px;
}
:where([data-direct-chat]) .home-hero-code .dot,
.home-hero-code .dot:where([data-direct-chat]) {
  width: 10px;
  height: 10px;
}
:where([data-direct-chat]) .home-hero-code .code-container,
.home-hero-code .code-container:where([data-direct-chat]) {
  padding: 16px;
}
:where([data-direct-chat]) .home-hero-grid-hover,
.home-hero-grid-hover:where([data-direct-chat]) {
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  mask-image: radial-gradient(
    130px at var(--grid-x, -500px) var(--grid-y, -500px),
    #000,
    transparent
  );
  background-color: #0000;
  background-image:
    linear-gradient(#ff6b353d 1px, #0000 1px),
    linear-gradient(90deg, #ff6b353d 1px, #0000 1px);
  background-position:
    0 0,
    0 0;
  background-repeat: repeat, repeat;
  background-size: 50px 50px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  transition: opacity 0.25s;
  position: absolute;
  inset: 0;
}
:where([data-direct-chat]) .home-trust,
.home-trust:where([data-direct-chat]) {
  padding: 0 0 var(--home-gap);
}
:where([data-direct-chat]) .home-trust-row,
.home-trust-row:where([data-direct-chat]) {
  grid-template-columns: 314px minmax(0, 1fr);
  align-items: center;
  gap: 25px;
  min-height: 126px;
  display: grid;
}
:where([data-direct-chat]) .home-trust h2,
.home-trust h2:where([data-direct-chat]) {
  letter-spacing: -0.14px;
  font-size: 28px;
  line-height: 35px;
}
:where([data-direct-chat]) .home-trust p,
.home-trust p:where([data-direct-chat]) {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
:where([data-direct-chat]) .home-trust img,
.home-trust img:where([data-direct-chat]) {
  filter: none;
  object-fit: contain;
  width: auto;
  max-width: 192px;
  height: 36px;
}
:where([data-direct-chat]) .home-trust .animate-marquee,
.home-trust .animate-marquee:where([data-direct-chat]) {
  animation-duration: 180s;
}
:where([data-direct-chat]) .home-trust .overflow-hidden:hover .animate-marquee,
.home-trust .overflow-hidden:hover .animate-marquee:where([data-direct-chat]) {
  animation-play-state: paused;
}
:where([data-direct-chat]) .home-products,
.home-products:where([data-direct-chat]) {
  padding: 32px 0 var(--home-gap);
}
:where([data-direct-chat]) .home-products > .home-container > .row,
.home-products > .home-container > .row:where([data-direct-chat]) {
  margin: 0;
  display: block;
}
:where([data-direct-chat]) .home-products .row > .text-center,
.home-products .row > .text-center:where([data-direct-chat]) {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 56px;
  padding: 0;
}
:where([data-direct-chat]) .home-products .text-center > p:first-child,
.home-products .text-center > p:first-child:where([data-direct-chat]),
:where([data-direct-chat]) .home-why .text-center > p:first-child,
.home-why .text-center > p:first-child:where([data-direct-chat]) {
  color: var(--home-orange);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
:where([data-direct-chat]) .home-products h2,
.home-products h2:where([data-direct-chat]) {
  letter-spacing: -0.2px;
  font-size: 40px;
  line-height: 41.5px;
}
:where([data-direct-chat]) .home-products .text-center > p:last-child,
.home-products .text-center > p:last-child:where([data-direct-chat]) {
  letter-spacing: 0.4px;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
:where([data-direct-chat]) .home-products .text-center a,
.home-products .text-center a:where([data-direct-chat]) {
  color: #1e3a5f;
  text-underline-offset: 3px;
}
:where([data-direct-chat]) .home-product-grid,
.home-product-grid:where([data-direct-chat]) {
  grid-template-columns: repeat(128, minmax(0, 1fr));
  gap: 20px 0;
  width: 100%;
  display: grid;
}
:where([data-direct-chat]) .home-product-grid > a,
.home-product-grid > a:where([data-direct-chat]) {
  box-shadow: none;
  background: #fcfcfc;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  grid-column: span 51;
  min-width: 0;
  margin-right: 10px;
  transition:
    transform 0.3s,
    box-shadow 0.3s,
    border-color 0.3s;
}
:where([data-direct-chat]) .home-product-grid > a:nth-child(2),
.home-product-grid > a:nth-child(2):where([data-direct-chat]) {
  box-shadow: none;
  grid-column: span 77;
  margin-left: 10px;
  margin-right: 0;
}
:where([data-direct-chat]) .home-product-grid > a:nth-child(3),
.home-product-grid > a:nth-child(3):where([data-direct-chat]) {
  grid-column: span 75;
}
:where([data-direct-chat]) .home-product-grid > a:nth-child(4),
.home-product-grid > a:nth-child(4):where([data-direct-chat]) {
  grid-column: span 53;
  margin-left: 10px;
  margin-right: 0;
}
:where([data-direct-chat]) .home-figma .home-product-grid > a:hover,
.home-figma .home-product-grid > a:hover:where([data-direct-chat]) {
  border-color: #cfd4dc;
  transform: translateY(-4px);
  box-shadow: 0 12px 28px #01152f0d;
}
:where([data-direct-chat]) .home-product-art,
.home-product-art:where([data-direct-chat]) {
  isolation: isolate;
  height: 393px;
  position: relative;
  overflow: hidden;
}
:where([data-direct-chat]) .home-product-art:after,
.home-product-art:where([data-direct-chat]):after {
  content: "";
  z-index: 4;
  pointer-events: none;
  background: linear-gradient(#0000, #fcfcfc);
  height: 160px;
  position: absolute;
  inset: auto 0 0;
}
:where([data-direct-chat]) .home-product-art img,
.home-product-art img:where([data-direct-chat]) {
  object-fit: contain;
  max-width: none;
  transition: transform 1.2s cubic-bezier(0.2, 0.7, 0.3, 1);
  position: absolute;
}
:where([data-direct-chat]) .home-product-grid > a:hover .home-product-art img,
.home-product-grid > a:hover .home-product-art img:where([data-direct-chat]) {
  transform: scale(1.03);
}
:where([data-direct-chat]) .home-art-send .home-art-paper,
.home-art-send .home-art-paper:where([data-direct-chat]) {
  background: #fff;
  border-radius: 20px;
  position: absolute;
  inset: 43px 18px -100px;
  box-shadow: 0 2px 12px #00000006;
}
:where([data-direct-chat]) .home-art-send img,
.home-art-send img:where([data-direct-chat]) {
  width: 87.4%;
  height: auto;
  top: 66px;
  left: 6.3%;
}
:where([data-direct-chat]) .home-checkout-mobile,
.home-checkout-mobile:where([data-direct-chat]) {
  z-index: 1;
  width: 251px;
  height: auto;
  top: 26px;
  left: 6.55%;
}
:where([data-direct-chat]) .home-checkout-desktop,
.home-checkout-desktop:where([data-direct-chat]) {
  z-index: 2;
  width: 664px;
  height: auto;
  top: 82px;
  left: 33.8%;
}
:where([data-direct-chat]) .home-art-receive img,
.home-art-receive img:where([data-direct-chat]) {
  width: 80%;
  height: auto;
  top: 4px;
  left: 10%;
}
:where([data-direct-chat]) .home-art-accounts img,
.home-art-accounts img:where([data-direct-chat]) {
  width: 94.6%;
  height: auto;
  top: 0;
  left: 2.7%;
}
:where([data-direct-chat]) .home-product-grid > a > div:last-child,
.home-product-grid > a > div:last-child:where([data-direct-chat]) {
  gap: 8px;
  min-height: 137px;
  padding: 32px 24px;
}
:where([data-direct-chat]) .home-product-grid h3,
.home-product-grid h3:where([data-direct-chat]) {
  letter-spacing: -0.1px;
  font-size: 20px;
  line-height: 25px;
}
:where([data-direct-chat]) .home-product-grid .feature-description,
.home-product-grid .feature-description:where([data-direct-chat]) {
  min-height: 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  overflow: visible;
}
:where([data-direct-chat]) .home-why,
.home-why:where([data-direct-chat]) {
  padding: 0 0 var(--home-gap);
}
:where([data-direct-chat]) .home-why > .home-container > .row,
.home-why > .home-container > .row:where([data-direct-chat]) {
  margin: 0;
  display: block;
}
:where([data-direct-chat]) .home-why .row > .text-center,
.home-why .row > .text-center:where([data-direct-chat]) {
  text-align: left;
  margin-bottom: 47px;
  padding: 0;
}
:where([data-direct-chat]) .home-why .text-center > p:first-child,
.home-why .text-center > p:first-child:where([data-direct-chat]) {
  margin-bottom: 8px;
}
:where([data-direct-chat]) .home-why .text-center > p:last-child,
.home-why .text-center > p:last-child:where([data-direct-chat]) {
  max-width: none;
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-reasons .row,
.home-reasons .row:where([data-direct-chat]) {
  margin: 0;
}
:where([data-direct-chat]) .home-reasons .col-12,
.home-reasons .col-12:where([data-direct-chat]) {
  gap: 16px;
  padding: 0;
}
:where([data-direct-chat]) .home-reasons .marketing-card,
.home-reasons .marketing-card:where([data-direct-chat]) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 12px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 8px 32px;
  padding: 24px;
  transition: background 0.25s;
  display: grid;
  transform: none;
}
:where([data-direct-chat]) .home-reasons .marketing-card:hover,
.home-reasons .marketing-card:hover:where([data-direct-chat]) {
  box-shadow: none;
  background: #f8f9fa;
  transform: none;
}
:where([data-direct-chat]) .home-reasons .marketing-card > div,
.home-reasons .marketing-card > div:where([data-direct-chat]) {
  width: 40px;
  height: 40px;
  color: var(--home-orange);
  background: 0 0;
  border-radius: 0;
  grid-row: 1/3;
}
:where([data-direct-chat]) .home-reasons .marketing-card > p,
.home-reasons .marketing-card > p:where([data-direct-chat]) {
  grid-column: 2;
  margin: 0;
}
:where([data-direct-chat]) .home-reasons .marketing-card > p:first-of-type,
.home-reasons .marketing-card > p:first-of-type:where([data-direct-chat]) {
  color: #040404;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
:where([data-direct-chat]) .home-reasons .marketing-card > p:last-child,
.home-reasons .marketing-card > p:last-child:where([data-direct-chat]) {
  font-size: 14px;
  line-height: 20px;
}
:where([data-direct-chat]) .home-metrics-intro,
.home-metrics-intro:where([data-direct-chat]) {
  margin-top: var(--home-gap);
  text-align: center;
  padding-top: 32px;
}
:where([data-direct-chat]) .home-metrics-intro h2,
.home-metrics-intro h2:where([data-direct-chat]) {
  font-size: 36px;
  line-height: 44px;
}
:where([data-direct-chat]) .home-metrics-intro p,
.home-metrics-intro p:where([data-direct-chat]) {
  margin-top: 16px;
}
:where([data-direct-chat]) .home-metrics,
.home-metrics:where([data-direct-chat]) {
  box-shadow: none;
  background: 0 0;
  border: 0;
  border-radius: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 32px 0 0;
  padding: 0 0 32px;
  display: grid;
}
:where([data-direct-chat]) .home-metrics > div,
.home-metrics > div:where([data-direct-chat]) {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  min-height: 169px;
  padding: 8px 16px;
}
:where([data-direct-chat]) .home-metric-icon,
.home-metric-icon:where([data-direct-chat]) {
  width: 32px;
  height: 32px;
  color: var(--home-orange);
  margin: 4px 0 12px;
}
:where([data-direct-chat]) .home-metrics h3,
.home-metrics h3:where([data-direct-chat]) {
  letter-spacing: -0.5px;
  color: #040404;
  font-size: 64px;
  line-height: 60px;
}
:where([data-direct-chat]) .home-metrics p,
.home-metrics p:where([data-direct-chat]) {
  color: #040404;
  white-space: normal;
  font-size: 14px;
  line-height: 21px;
}
:where([data-direct-chat]) .home-developer-zone,
.home-developer-zone:where([data-direct-chat]) {
  color: #f0f0f0;
  background: linear-gradient(127deg, #04091f 25%, #04174d 86%);
  padding: 120px 0;
}
:where([data-direct-chat]) .home-developer,
.home-developer:where([data-direct-chat]) {
  background: 0 0;
  padding: 0;
}
:where([data-direct-chat]) .home-developer .row,
.home-developer .row:where([data-direct-chat]) {
  grid-template-columns: 414px minmax(0, 1fr);
  align-items: start;
  gap: 48px;
  margin: 0;
  display: grid;
}
:where([data-direct-chat]) .home-developer .row > .text-center,
.home-developer .row > .text-center:where([data-direct-chat]) {
  text-align: left;
  margin: 0;
  padding: 0;
}
:where([data-direct-chat]) .home-developer .text-center > p:first-child,
.home-developer .text-center > p:first-child:where([data-direct-chat]) {
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #ff6f52;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
:where([data-direct-chat]) .home-developer h2,
.home-developer h2:where([data-direct-chat]) {
  color: #f0f0f0;
  margin: 0 0 12px;
  font-size: 32px;
  line-height: 40px;
}
:where([data-direct-chat]) .home-developer .text-center > p:last-child,
.home-developer .text-center > p:last-child:where([data-direct-chat]) {
  color: #f0f0f0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-developer .col-12,
.home-developer .col-12:where([data-direct-chat]) {
  justify-content: flex-end;
  min-width: 0;
  padding: 0;
}
:where([data-direct-chat]) .home-developer-card,
.home-developer-card:where([data-direct-chat]) {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 20px;
  width: 100%;
  max-width: 684px;
  padding: 16px;
  display: grid;
  box-shadow: 0 20px 32px #00000014;
}
:where([data-direct-chat]) .home-terminal,
.home-terminal:where([data-direct-chat]) {
  grid-column: 1/-1;
  min-width: 0;
  margin-bottom: 24px;
}
:where([data-direct-chat]) .home-terminal .code-snippet-wrapper,
.home-terminal .code-snippet-wrapper:where([data-direct-chat]) {
  box-shadow: 0 4px 20px #00000014;
}
:where([data-direct-chat]) .home-terminal .code-container,
.home-terminal .code-container:where([data-direct-chat]) {
  padding: 20px;
}
:where([data-direct-chat]) .home-terminal .code-content,
.home-terminal .code-content:where([data-direct-chat]) {
  font-size: 13px;
  line-height: 20.8px;
}
:where([data-direct-chat]) .home-developer-card h3,
.home-developer-card h3:where([data-direct-chat]) {
  color: #040404;
  grid-column: 1;
  margin: 0;
  font-size: 24px;
  line-height: 30px;
}
:where([data-direct-chat]) .home-developer-card > p,
.home-developer-card > p:where([data-direct-chat]) {
  color: #333;
  grid-column: 1;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-developer-card > div:last-child,
.home-developer-card > div:last-child:where([data-direct-chat]) {
  flex-direction: column;
  grid-area: 2/2/4;
  align-self: end;
  gap: 8px;
  display: flex;
}
:where([data-direct-chat])
  .home-developer-card
  > div:last-child
  .btn:not(.bg-primary),
.home-developer-card
  > div:last-child
  .btn:not(.bg-primary):where([data-direct-chat]) {
  color: #1e3a5f;
  background: #fff;
  border-color: #d6d6d6;
}
:where([data-direct-chat]) .home-developer-zone :focus-visible,
.home-developer-zone :focus-visible:where([data-direct-chat]) {
  outline-color: #ff9a76;
}
:where([data-direct-chat]) .home-mcp,
.home-mcp:where([data-direct-chat]) {
  margin-top: 120px;
}
:where([data-direct-chat]) .home-mcp > section,
.home-mcp > section:where([data-direct-chat]) {
  background: 0 0;
  padding: 0;
  overflow: visible;
}
:where([data-direct-chat]) .home-mcp .container,
.home-mcp .container:where([data-direct-chat]) {
  width: calc(100% - 64px);
  max-width: 1280px;
  padding: 0;
}
:where([data-direct-chat]) .home-mcp .grid,
.home-mcp .grid:where([data-direct-chat]) {
  flex-direction: column;
  gap: 40px;
  display: flex;
}
:where([data-direct-chat]) .home-mcp .grid > div,
.home-mcp .grid > div:where([data-direct-chat]) {
  text-align: center;
  color: #f0f0f0;
  order: 0;
  max-width: 560px;
}
:where([data-direct-chat]) .home-mcp h2,
.home-mcp h2:where([data-direct-chat]) {
  color: #f0f0f0;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 40px;
}
:where([data-direct-chat]) .home-mcp p,
.home-mcp p:where([data-direct-chat]) {
  color: #f0f0f0;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-mcp .grid > button,
.home-mcp .grid > button:where([data-direct-chat]) {
  aspect-ratio: 740/426;
  background: 0 0;
  border: 0;
  border-radius: 20px;
  order: 1;
  width: min(740px, 100%);
  padding: 0;
  transition:
    box-shadow 0.3s,
    transform 0.3s;
  box-shadow: 0 20px 32px #00000014;
}
:where([data-direct-chat]) .home-mcp .grid > button:hover,
.home-mcp .grid > button:hover:where([data-direct-chat]) {
  transform: translateY(-3px);
  box-shadow: 0 24px 40px #00000030;
}
:where([data-direct-chat]) .home-mcp .grid > div > .flex,
.home-mcp .grid > div > .flex:where([data-direct-chat]) {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 16px;
}
:where([data-direct-chat]) .home-mcp .grid > div > .flex .btn,
.home-mcp .grid > div > .flex .btn:where([data-direct-chat]) {
  color: #fff;
  min-height: 44px;
  box-shadow: none;
  background: 0 0;
  border: 1px solid #ffffff80;
  border-radius: 8px;
  margin: 0;
  padding: 11px 18px;
  font-size: 13px;
  text-decoration: none;
}
:where([data-direct-chat]) .home-mcp .grid > div > .flex .btn.bg-primary,
.home-mcp .grid > div > .flex .btn.bg-primary:where([data-direct-chat]) {
  background: #ff6b35;
  border-color: #ff6b35;
}
:where([data-direct-chat]) .home-mcp .grid > div > .flex .btn:hover,
.home-mcp .grid > div > .flex .btn:hover:where([data-direct-chat]) {
  background: #ffffff14;
  border-color: #fff;
}
:where([data-direct-chat]) .home-mcp .grid > div > .flex .btn.bg-primary:hover,
.home-mcp .grid > div > .flex .btn.bg-primary:hover:where([data-direct-chat]) {
  background: #ed5925;
  border-color: #ed5925;
}
:where([data-direct-chat]) .home-mcp-details,
.home-mcp-details:where([data-direct-chat]) {
  margin-top: 12px;
  font-size: 13px;
}
:where([data-direct-chat]) .home-mcp-details summary,
.home-mcp-details summary:where([data-direct-chat]) {
  cursor: pointer;
  align-items: center;
  min-height: 44px;
  padding: 8px;
  display: inline-flex;
}
:where([data-direct-chat]) .home-mcp-details ul,
.home-mcp-details ul:where([data-direct-chat]) {
  text-align: left;
  margin: 16px 0;
}
:where([data-direct-chat]) .home-mcp-details li,
.home-mcp-details li:where([data-direct-chat]) {
  font-size: 14px;
}
:where([data-direct-chat]) .home-stories,
.home-stories:where([data-direct-chat]) {
  background: linear-gradient(#f9f9f9, #fff);
  padding: 60px 0 80px;
}
:where([data-direct-chat]) .home-stories [data-customer-stories],
.home-stories [data-customer-stories]:where([data-direct-chat]) {
  display: block;
}
:where([data-direct-chat])
  .home-stories
  [data-customer-stories]
  > div:first-child,
.home-stories
  [data-customer-stories]
  > div:first-child:where([data-direct-chat]) {
  grid-template-columns: 44.3% 1fr;
  align-items: start;
  gap: 12px;
  margin: 0 0 32px;
  display: grid;
}
:where([data-direct-chat])
  .home-stories
  [data-customer-stories]
  > div:first-child
  > p:first-child,
.home-stories
  [data-customer-stories]
  > div:first-child
  > p:first-child:where([data-direct-chat]) {
  color: var(--home-orange);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  grid-column: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
:where([data-direct-chat]) .home-stories h2,
.home-stories h2:where([data-direct-chat]) {
  grid-area: 2/1/4;
  max-width: 550px;
  margin: 0;
  font-size: 36px;
  line-height: 45px;
}
:where([data-direct-chat])
  .home-stories
  [data-customer-stories]
  > div:first-child
  > p:not(:first-child),
.home-stories
  [data-customer-stories]
  > div:first-child
  > p:not(:first-child):where([data-direct-chat]) {
  color: #222;
  grid-area: 1/2/3;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-stories-link,
.home-stories-link:where([data-direct-chat]) {
  grid-area: 3/2;
  place-self: end;
}
:where([data-direct-chat])
  .home-stories
  [data-customer-stories]
  > div:first-child
  > div,
.home-stories
  [data-customer-stories]
  > div:first-child
  > div:where([data-direct-chat]) {
  display: none;
}
:where([data-direct-chat]) .home-stories [data-story-track],
.home-stories [data-story-track]:where([data-direct-chat]) {
  margin-left: calc(-1 * var(--story-gutter, 0px));
  width: 100vw;
  padding: 8px var(--story-gutter, 0px) 16px;
  scroll-padding-inline: var(--story-gutter, 0px);
  gap: 20px;
  position: relative;
}
:where([data-direct-chat]) .home-stories [data-story-track]:after,
.home-stories [data-story-track]:where([data-direct-chat]):after {
  content: "";
  flex: 0 0
    max(
      0px,
      calc(
        100vw - 2 * var(--story-gutter, 0px) - var(--story-card-width, 560px) -
          20px
      )
    );
}
:where([data-direct-chat]) .home-stories [data-story-slide],
.home-stories [data-story-slide]:where([data-direct-chat]) {
  width: 560px;
  box-shadow: none;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  gap: 24px;
  padding: 40px;
  transition: border-color 0.25s;
}
:where([data-direct-chat]) .home-stories [data-story-slide]:hover,
.home-stories [data-story-slide]:hover:where([data-direct-chat]) {
  border-color: #cfd4dc;
}
:where([data-direct-chat]) .home-story-person,
.home-story-person:where([data-direct-chat]) {
  order: 2;
  display: block;
}
:where([data-direct-chat]) .home-story-avatar,
.home-story-avatar:where([data-direct-chat]) {
  display: none;
}
:where([data-direct-chat]) .home-stories .home-story-name,
.home-stories .home-story-name:where([data-direct-chat]) {
  font-family: "DM Sans", var(--font-primary), sans-serif;
  color: #040404;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
:where([data-direct-chat]) .home-stories .home-story-role,
.home-stories .home-story-role:where([data-direct-chat]) {
  font-family: "DM Sans", var(--font-primary), sans-serif;
  color: #040404;
  font-size: 14px;
  line-height: 26px;
}
:where([data-direct-chat]) .home-stories [data-story-slide] > p,
.home-stories [data-story-slide] > p:where([data-direct-chat]) {
  color: #040404;
  flex-grow: 1;
  margin: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 36px;
}
:where([data-direct-chat]) .home-stories [data-story-slide] > p:before,
.home-stories [data-story-slide] > p:where([data-direct-chat]):before {
  content: "“";
}
:where([data-direct-chat]) .home-stories [data-story-slide] > p:after,
.home-stories [data-story-slide] > p:where([data-direct-chat]):after {
  content: "”";
}
:where([data-direct-chat]) .home-stories [data-story-direction]:hover,
.home-stories [data-story-direction]:hover:where([data-direct-chat]) {
  background: #fff;
  transform: translateY(-2px);
}
:where([data-direct-chat]) .home-final-cta,
.home-final-cta:where([data-direct-chat]) {
  background: #fff;
  padding: 0 0 60px;
}
:where([data-direct-chat]) .home-final-cta > section,
.home-final-cta > section:where([data-direct-chat]) {
  background: 0 0;
  padding: 0;
}
:where([data-direct-chat]) .home-final-cta .container,
.home-final-cta .container:where([data-direct-chat]) {
  width: min(1280px, 100% - 64px);
  max-width: none;
  padding: 0;
}
:where([data-direct-chat]) .home-final-cta .row,
.home-final-cta .row:where([data-direct-chat]) {
  margin: 0;
}
:where([data-direct-chat]) .home-final-cta .col-12,
.home-final-cta .col-12:where([data-direct-chat]) {
  text-align: left;
  background: #05143f;
  border-radius: 20px;
  grid-template-columns: 368px minmax(0, 590px);
  justify-content: space-between;
  align-items: center;
  gap: 24px 48px;
  min-height: 260px;
  padding: 64px 40px;
  display: grid;
  box-shadow: 0 12px 24px #00000014;
}
:where([data-direct-chat]) .home-final-cta h2,
.home-final-cta h2:where([data-direct-chat]) {
  color: #fff;
  grid-area: 1/1/3;
  margin: 0;
  font-size: 40px;
  line-height: 49px;
}
:where([data-direct-chat]) .home-final-cta p,
.home-final-cta p:where([data-direct-chat]) {
  color: #fff;
  grid-column: 2;
  max-width: none;
  margin: 0;
  font-size: 15px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-final-cta .col-12 > div,
.home-final-cta .col-12 > div:where([data-direct-chat]) {
  grid-column: 2;
  justify-content: flex-start;
  gap: 12px;
  margin: 0;
}
:where([data-direct-chat]) .home-final-cta .btn:not(.bg-primary),
.home-final-cta .btn:not(.bg-primary):where([data-direct-chat]) {
  color: #fff;
  background: 0 0;
  border-color: #d1d5dc;
}
:where([data-direct-chat]) .home-final-cta :focus-visible,
.home-final-cta :focus-visible:where([data-direct-chat]) {
  outline-color: #ff9a76;
}
:where([data-direct-chat]) .home-figma .home-reveal,
.home-figma .home-reveal:where([data-direct-chat]) {
  opacity: 0;
  transition:
    opacity 0.65s,
    transform 0.65s cubic-bezier(0.2, 0.7, 0.3, 1);
  transform: translateY(14px);
}
:where([data-direct-chat]) .home-figma .home-reveal.is-visible,
.home-figma .home-reveal.is-visible:where([data-direct-chat]) {
  opacity: 1;
  transform: none;
}
@media (width>=768px) and (width<=1500px) {
  :where([data-direct-chat]) .home-hero,
  .home-hero:where([data-direct-chat]) {
    height: max(760px, 100svh - 72px);
    max-height: 1009px;
    padding-top: 72px;
  }
  :where([data-direct-chat]) .home-hero-visual,
  .home-hero-visual:where([data-direct-chat]) {
    width: 72.6vw;
    max-width: 929px;
    padding-top: 108px;
  }
  :where([data-direct-chat]) .home-hero h1,
  .home-hero h1:where([data-direct-chat]) {
    font-size: clamp(40px, 3.75vw, 53px);
    line-height: 1.17;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:not(:first-child),
  .home-hero #main-banner > p:not(:first-child):where([data-direct-chat]) {
    font-size: 16px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-hero #main-banner .btn,
  .home-hero #main-banner .btn:where([data-direct-chat]) {
    padding-inline: 16px;
  }
  :where([data-direct-chat]) .home-product-art,
  .home-product-art:where([data-direct-chat]) {
    height: clamp(300px, 28vw, 393px);
  }
  :where([data-direct-chat]) .home-checkout-mobile,
  .home-checkout-mobile:where([data-direct-chat]) {
    width: 34%;
  }
  :where([data-direct-chat]) .home-checkout-desktop,
  .home-checkout-desktop:where([data-direct-chat]) {
    width: 89%;
  }
  :where([data-direct-chat]) .home-developer .row,
  .home-developer .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr);
    gap: 48px;
  }
  :where([data-direct-chat]) .home-reasons .marketing-card,
  .home-reasons .marketing-card:where([data-direct-chat]) {
    column-gap: 20px;
    padding: 20px 12px;
  }
  :where([data-direct-chat]) .home-metrics h3,
  .home-metrics h3:where([data-direct-chat]) {
    font-size: 56px;
  }
}
@media (width<=1000px) {
  :where([data-direct-chat]) .home-hero #main-banner > p:first-child,
  .home-hero #main-banner > p:first-child:where([data-direct-chat]) {
    font-size: 13px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-hero .row > div,
  .home-hero .row > div:where([data-direct-chat]) {
    grid-template-columns: 40% 1fr;
    gap: 6%;
  }
  :where([data-direct-chat]) .home-hero-code,
  .home-hero-code:where([data-direct-chat]) {
    width: 260px;
    left: 36%;
  }
  :where([data-direct-chat]) .home-hero #main-banner > div,
  .home-hero #main-banner > div:where([data-direct-chat]) {
    flex-wrap: wrap;
  }
  :where([data-direct-chat]) .home-trust-row,
  .home-trust-row:where([data-direct-chat]) {
    grid-template-columns: 240px minmax(0, 1fr);
  }
  :where([data-direct-chat]) .home-trust h2,
  .home-trust h2:where([data-direct-chat]) {
    font-size: 24px;
    line-height: 30px;
  }
  :where([data-direct-chat]) .home-developer-card,
  .home-developer-card:where([data-direct-chat]) {
    display: block;
  }
  :where([data-direct-chat]) .home-developer-card > div:last-child,
  .home-developer-card > div:last-child:where([data-direct-chat]) {
    flex-flow: wrap;
    margin-top: 20px;
  }
  :where([data-direct-chat]) .home-developer-card h3,
  .home-developer-card h3:where([data-direct-chat]) {
    margin-bottom: 8px;
  }
  :where([data-direct-chat]) .home-reasons .col-12,
  .home-reasons .col-12:where([data-direct-chat]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where([data-direct-chat]) .home-product-art,
  .home-product-art:where([data-direct-chat]) {
    height: 300px;
  }
  :where([data-direct-chat]) .home-art-send img,
  .home-art-send img:where([data-direct-chat]) {
    top: 45px;
  }
  :where([data-direct-chat]) .home-metrics h3,
  .home-metrics h3:where([data-direct-chat]) {
    font-size: 44px;
    line-height: 50px;
  }
  :where([data-direct-chat]) .home-final-cta .col-12,
  .home-final-cta .col-12:where([data-direct-chat]) {
    grid-template-columns: 1fr 1.3fr;
    gap: 24px;
    padding: 40px 32px;
  }
  :where([data-direct-chat]) .home-final-cta h2,
  .home-final-cta h2:where([data-direct-chat]) {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-container,
  .home-figma .home-container:where([data-direct-chat]) {
    width: calc(100% - 40px);
  }
  :where([data-direct-chat]) .home-figma h2,
  .home-figma h2:where([data-direct-chat]) {
    font-size: 28px;
    line-height: 35px;
  }
  :where([data-direct-chat]) .home-hero,
  .home-hero:where([data-direct-chat]) {
    height: auto;
    min-height: 0;
    padding: 48px 0 0;
  }
  :where([data-direct-chat]) .home-hero:before,
  .home-hero:where([data-direct-chat]):before {
    opacity: 0.7;
    background-size: auto 850px;
  }
  :where([data-direct-chat]) .home-hero .row > div,
  .home-hero .row > div:where([data-direct-chat]) {
    flex-direction: column;
    gap: 36px;
    display: flex;
  }
  :where([data-direct-chat]) .home-hero h1,
  .home-hero h1:where([data-direct-chat]) {
    letter-spacing: -0.3px;
    font-size: 40px;
    line-height: 46px;
  }
  :where([data-direct-chat]) .home-hero #main-banner,
  .home-hero #main-banner:where([data-direct-chat]) {
    width: 100%;
    max-width: 430px;
    margin-inline: auto;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:first-child,
  .home-hero #main-banner > p:first-child:where([data-direct-chat]) {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:not(:first-child),
  .home-hero #main-banner > p:not(:first-child):where([data-direct-chat]) {
    font-size: 16px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-hero #main-banner > div,
  .home-hero #main-banner > div:where([data-direct-chat]) {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  :where([data-direct-chat]) .home-hero #main-banner .btn,
  .home-hero #main-banner .btn:where([data-direct-chat]) {
    padding-inline: 18px;
  }
  :where([data-direct-chat]) .home-hero-visual,
  .home-hero-visual:where([data-direct-chat]) {
    width: 100%;
    height: auto;
    min-height: 320px;
    margin: 0 auto;
    padding-top: 62px;
  }
  :where([data-direct-chat]) .home-hero-visual > img,
  .home-hero-visual > img:where([data-direct-chat]) {
    width: 110%;
    max-width: 660px;
    min-height: 0;
  }
  :where([data-direct-chat]) .home-hero-code,
  .home-hero-code:where([data-direct-chat]) {
    width: 200px;
    top: 0;
    left: auto;
    right: 0;
  }
  :where([data-direct-chat]) .home-hero-code .code-content,
  .home-hero-code .code-content:where([data-direct-chat]) {
    font-size: 8px;
    line-height: 12px;
  }
  :where([data-direct-chat]) .home-hero-code .code-header,
  .home-hero-code .code-header:where([data-direct-chat]) {
    padding: 8px 10px;
  }
  :where([data-direct-chat]) .home-hero-code .code-container,
  .home-hero-code .code-container:where([data-direct-chat]) {
    padding: 12px;
  }
  :where([data-direct-chat]) .home-hero:after,
  .home-hero:where([data-direct-chat]):after {
    background: linear-gradient(#0000, #fff 92%);
    height: 140px;
  }
  :where([data-direct-chat]) .home-trust,
  .home-trust:where([data-direct-chat]) {
    padding-top: 48px;
  }
  :where([data-direct-chat]) .home-trust-row,
  .home-trust-row:where([data-direct-chat]) {
    text-align: center;
    display: block;
  }
  :where([data-direct-chat]) .home-trust-copy,
  .home-trust-copy:where([data-direct-chat]) {
    max-width: 320px;
    margin: 0 auto 24px;
  }
  :where([data-direct-chat]) .home-trust img,
  .home-trust img:where([data-direct-chat]) {
    height: 28px;
  }
  :where([data-direct-chat]) .home-products,
  .home-products:where([data-direct-chat]) {
    padding-top: 0;
  }
  :where([data-direct-chat]) .home-products h2,
  .home-products h2:where([data-direct-chat]) {
    font-size: 30px;
    line-height: 36px;
  }
  :where([data-direct-chat]) .home-products .text-center > p:first-child,
  .home-products .text-center > p:first-child:where([data-direct-chat]),
  :where([data-direct-chat]) .home-why .text-center > p:first-child,
  .home-why .text-center > p:first-child:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-products .row > .text-center,
  .home-products .row > .text-center:where([data-direct-chat]) {
    margin-bottom: 32px;
  }
  :where([data-direct-chat]) .home-products .text-center > p:last-child,
  .home-products .text-center > p:last-child:where([data-direct-chat]) {
    letter-spacing: 0;
    margin-top: 20px;
  }
  :where([data-direct-chat]) .home-product-grid,
  .home-product-grid:where([data-direct-chat]) {
    flex-direction: column;
    gap: 20px;
    display: flex;
  }
  :where([data-direct-chat]) .home-product-grid > a,
  .home-product-grid > a:where([data-direct-chat]),
  :where([data-direct-chat]) .home-product-grid > a:nth-child(n),
  .home-product-grid > a:nth-child(n):where([data-direct-chat]) {
    margin: 0;
  }
  :where([data-direct-chat]) .home-product-art,
  .home-product-art:where([data-direct-chat]) {
    height: 300px;
  }
  :where([data-direct-chat]) .home-product-grid > a > div:last-child,
  .home-product-grid > a > div:last-child:where([data-direct-chat]) {
    min-height: 120px;
    padding: 24px 20px;
  }
  :where([data-direct-chat]) .home-product-grid h3,
  .home-product-grid h3:where([data-direct-chat]) {
    font-size: 18px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-art-send img,
  .home-art-send img:where([data-direct-chat]) {
    width: 85%;
    top: 36px;
    left: 7.5%;
  }
  :where([data-direct-chat]) .home-art-send .home-art-paper,
  .home-art-send .home-art-paper:where([data-direct-chat]) {
    top: 24px;
  }
  :where([data-direct-chat]) .home-checkout-mobile,
  .home-checkout-mobile:where([data-direct-chat]) {
    width: 45%;
    top: 24px;
    left: 6%;
  }
  :where([data-direct-chat]) .home-checkout-desktop,
  .home-checkout-desktop:where([data-direct-chat]) {
    width: 95%;
    top: 70px;
    left: 38%;
  }
  :where([data-direct-chat]) .home-art-receive img,
  .home-art-receive img:where([data-direct-chat]) {
    width: 94%;
    top: 20px;
    left: 3%;
  }
  :where([data-direct-chat]) .home-art-accounts img,
  .home-art-accounts img:where([data-direct-chat]) {
    width: 90%;
    top: 8px;
    left: 5%;
  }
  :where([data-direct-chat]) .home-why .row > .text-center,
  .home-why .row > .text-center:where([data-direct-chat]) {
    margin-bottom: 24px;
  }
  :where([data-direct-chat]) .home-reasons .col-12,
  .home-reasons .col-12:where([data-direct-chat]) {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  :where([data-direct-chat]) .home-reasons .marketing-card,
  .home-reasons .marketing-card:where([data-direct-chat]) {
    column-gap: 20px;
    padding: 16px 0;
  }
  :where([data-direct-chat]) .home-reasons .marketing-card:hover,
  .home-reasons .marketing-card:hover:where([data-direct-chat]) {
    background: 0 0;
  }
  :where([data-direct-chat]) .home-metrics-intro,
  .home-metrics-intro:where([data-direct-chat]) {
    padding-top: 0;
  }
  :where([data-direct-chat]) .home-metrics,
  .home-metrics:where([data-direct-chat]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 12px;
    padding: 0;
  }
  :where([data-direct-chat]) .home-metrics > div,
  .home-metrics > div:where([data-direct-chat]) {
    min-height: 0;
    padding: 0;
  }
  :where([data-direct-chat]) .home-metrics h3,
  .home-metrics h3:where([data-direct-chat]) {
    font-size: 38px;
    line-height: 44px;
  }
  :where([data-direct-chat]) .home-metrics p,
  .home-metrics p:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 18px;
  }
  :where([data-direct-chat]) .home-metric-icon,
  .home-metric-icon:where([data-direct-chat]) {
    margin-bottom: 4px;
  }
  :where([data-direct-chat]) .home-developer-zone,
  .home-developer-zone:where([data-direct-chat]) {
    padding: 64px 0;
  }
  :where([data-direct-chat]) .home-developer .row,
  .home-developer .row:where([data-direct-chat]) {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  :where([data-direct-chat]) .home-developer .text-center > p:first-child,
  .home-developer .text-center > p:first-child:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-developer h2,
  .home-developer h2:where([data-direct-chat]),
  :where([data-direct-chat]) .home-mcp h2,
  .home-mcp h2:where([data-direct-chat]) {
    font-size: 28px;
    line-height: 35px;
  }
  :where([data-direct-chat]) .home-developer-card,
  .home-developer-card:where([data-direct-chat]) {
    border-radius: 16px;
    padding: 12px;
  }
  :where([data-direct-chat]) .home-developer-card h3,
  .home-developer-card h3:where([data-direct-chat]) {
    font-size: 20px;
    line-height: 26px;
  }
  :where([data-direct-chat]) .home-developer-card > div:last-child,
  .home-developer-card > div:last-child:where([data-direct-chat]) {
    justify-content: center;
  }
  :where([data-direct-chat]) .home-terminal,
  .home-terminal:where([data-direct-chat]) {
    margin-bottom: 24px;
  }
  :where([data-direct-chat]) .home-terminal .code-content,
  .home-terminal .code-content:where([data-direct-chat]) {
    font-size: 11px;
    line-height: 18px;
  }
  :where([data-direct-chat]) .home-terminal .code-container,
  .home-terminal .code-container:where([data-direct-chat]) {
    padding: 16px;
  }
  :where([data-direct-chat]) .home-mcp,
  .home-mcp:where([data-direct-chat]) {
    margin-top: 80px;
  }
  :where([data-direct-chat]) .home-mcp .container,
  .home-mcp .container:where([data-direct-chat]) {
    width: calc(100% - 40px);
  }
  :where([data-direct-chat]) .home-mcp .grid,
  .home-mcp .grid:where([data-direct-chat]) {
    gap: 32px;
  }
  :where([data-direct-chat]) .home-mcp .grid > button,
  .home-mcp .grid > button:where([data-direct-chat]) {
    border-radius: 12px;
  }
  :where([data-direct-chat]) .home-stories,
  .home-stories:where([data-direct-chat]) {
    padding: 48px 0 64px;
  }
  :where([data-direct-chat])
    .home-stories
    [data-customer-stories]
    > div:first-child,
  .home-stories
    [data-customer-stories]
    > div:first-child:where([data-direct-chat]) {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    display: flex;
  }
  :where([data-direct-chat])
    .home-stories
    [data-customer-stories]
    > div:first-child
    > p:first-child,
  .home-stories
    [data-customer-stories]
    > div:first-child
    > p:first-child:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-stories h2,
  .home-stories h2:where([data-direct-chat]) {
    font-size: 28px;
    line-height: 35px;
  }
  :where([data-direct-chat]) .home-stories-link,
  .home-stories-link:where([data-direct-chat]) {
    align-self: flex-start;
  }
  :where([data-direct-chat]) .home-stories [data-story-slide],
  .home-stories [data-story-slide]:where([data-direct-chat]) {
    border-radius: 16px;
    gap: 24px;
    width: calc(100vw - 40px);
    padding: 24px;
  }
  :where([data-direct-chat]) .home-stories [data-story-slide] > p,
  .home-stories [data-story-slide] > p:where([data-direct-chat]) {
    font-size: 18px;
    line-height: 28px;
  }
  :where([data-direct-chat])
    .home-stories
    [data-customer-stories]
    > div:last-child
    > div:last-child
    > div:first-child,
  .home-stories
    [data-customer-stories]
    > div:last-child
    > div:last-child
    > div:first-child:where([data-direct-chat]) {
    gap: 0;
    display: flex;
  }
  :where([data-direct-chat]) .home-stories [data-story-direction],
  .home-stories [data-story-direction]:where([data-direct-chat]) {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  :where([data-direct-chat]) .home-final-cta,
  .home-final-cta:where([data-direct-chat]) {
    padding-bottom: 32px;
  }
  :where([data-direct-chat]) .home-final-cta .container,
  .home-final-cta .container:where([data-direct-chat]) {
    width: calc(100% - 40px);
  }
  :where([data-direct-chat]) .home-final-cta .col-12,
  .home-final-cta .col-12:where([data-direct-chat]) {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 32px 24px;
    display: flex;
  }
  :where([data-direct-chat]) .home-final-cta h2,
  .home-final-cta h2:where([data-direct-chat]) {
    font-size: 30px;
    line-height: 38px;
  }
  :where([data-direct-chat]) .home-final-cta .col-12 > div,
  .home-final-cta .col-12 > div:where([data-direct-chat]) {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-figma *,
  .home-figma *:where([data-direct-chat]),
  :where([data-direct-chat]) .home-figma :before,
  .home-figma :where([data-direct-chat]):before,
  :where([data-direct-chat]) .home-figma :after,
  .home-figma :where([data-direct-chat]):after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
  :where([data-direct-chat]) .home-figma .home-reveal,
  .home-figma .home-reveal:where([data-direct-chat]) {
    opacity: 1;
    transform: none;
  }
  :where([data-direct-chat]) .home-hero-grid-hover,
  .home-hero-grid-hover:where([data-direct-chat]) {
    display: none;
  }
}
:where([data-direct-chat]) body:has(.home-figma) > header.header,
body:has(.home-figma) > header.header:where([data-direct-chat]) {
  padding-block: 0;
}
:where([data-direct-chat]) .home-developer .row > div,
.home-developer .row > div:where([data-direct-chat]) {
  grid-column: auto;
  width: 100%;
  min-width: 0;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-figma [class*="animate-fade"],
  .home-figma [class*="animate-fade"]:where([data-direct-chat]) {
    opacity: 1 !important;
    transform: none !important;
  }
}
:where([data-direct-chat]) .home-hero,
.home-hero:where([data-direct-chat]) {
  align-items: center;
  height: auto;
  min-height: calc(100svh - 72px);
  max-height: none;
  padding: clamp(32px, 5svh, 72px) 0;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-hero > .home-container,
.home-figma .home-hero > .home-container:where([data-direct-chat]) {
  width: 100%;
  max-width: 1280px;
  padding-inline: 32px;
}
:where([data-direct-chat]) .home-hero:before,
.home-hero:where([data-direct-chat]):before {
  opacity: 0.55;
  background-image:
    linear-gradient(#dfe5eb 1px, #0000 1px),
    linear-gradient(90deg, #dfe5eb 1px, #0000 1px);
  background-repeat: repeat;
  background-size: 44px 44px;
  inset: 0;
  mask-image:
    radial-gradient(30% 40% at 0 72%, #000 5%, #0000 100%),
    radial-gradient(38% 48% at 100% 22%, #000 10%, #0000 100%),
    radial-gradient(16% 22% at 12% 0, #0006, #0000 100%);
}
:where([data-direct-chat]) .home-hero h1,
.home-hero h1:where([data-direct-chat]) {
  letter-spacing: -1px;
  max-width: 520px;
  margin-bottom: 20px;
  font-weight: 600;
}
:where([data-direct-chat]) .home-hero #main-banner > p:first-child,
.home-hero #main-banner > p:first-child:where([data-direct-chat]) {
  margin-bottom: 8px;
}
:where([data-direct-chat]) .home-hero-grid-hover,
.home-hero-grid-hover:where([data-direct-chat]) {
  z-index: -1;
  background-image:
    linear-gradient(#ff6b35 1px, transparent 1px),
    linear-gradient(90deg, #ff6b35 1px, transparent 1px),
    radial-gradient(
      circle 150px at var(--grid-x, -300px) var(--grid-y, -300px),
      #ff6b3566,
      transparent 100%
    );
  mask-image: radial-gradient(
    circle 150px at var(--grid-x, -300px) var(--grid-y, -300px),
    black,
    transparent 100%
  );
  background-size:
    44px 44px,
    44px 44px,
    100% 100%;
  transition: opacity 0.22s;
}
:where([data-direct-chat]) .home-hero-grid-hover.is-active,
.home-hero-grid-hover.is-active:where([data-direct-chat]) {
  opacity: 0.24;
}
:where([data-direct-chat]) .home-hero-code,
.home-hero-code:where([data-direct-chat]) {
  box-shadow: 0 12px 32px #0000001f;
}
@media (width>=768px) {
  :where([data-direct-chat]) .home-hero,
  .home-hero:where([data-direct-chat]) {
    height: max(680px, 100svh - 72px);
    padding: clamp(48px, 8svh, 100px) 0 0;
    display: block;
  }
  :where([data-direct-chat]) .home-hero > .home-container,
  .home-hero > .home-container:where([data-direct-chat]),
  :where([data-direct-chat]) .home-hero .row,
  .home-hero .row:where([data-direct-chat]),
  :where([data-direct-chat]) .home-hero .row > div,
  .home-hero .row > div:where([data-direct-chat]) {
    height: 100%;
  }
  :where([data-direct-chat]) .home-hero > .home-container,
  .home-hero > .home-container:where([data-direct-chat]) {
    z-index: auto;
  }
  :where([data-direct-chat]) .home-hero .row > div,
  .home-hero .row > div:where([data-direct-chat]) {
    display: block;
    position: relative;
  }
  :where([data-direct-chat]) .home-hero #main-banner,
  .home-hero #main-banner:where([data-direct-chat]) {
    width: 32%;
    min-width: 300px;
    max-width: 400px;
    margin: 0;
  }
  :where([data-direct-chat]) .home-hero h1,
  .home-hero h1:where([data-direct-chat]) {
    font-size: clamp(38px, 3.3vw, 48px);
    line-height: 1.1;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:not(:first-child),
  .home-hero #main-banner > p:not(:first-child):where([data-direct-chat]) {
    max-width: 380px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
  }
  :where([data-direct-chat]) .home-hero #main-banner > div,
  .home-hero #main-banner > div:where([data-direct-chat]) {
    flex-wrap: wrap;
    gap: 8px;
  }
  :where([data-direct-chat]) .home-hero #main-banner .btn,
  .home-hero #main-banner .btn:where([data-direct-chat]) {
    padding-inline: 16px;
  }
  :where([data-direct-chat]) .home-hero-visual,
  .home-hero-visual:where([data-direct-chat]) {
    width: min(64vw, 840px);
    max-width: none;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: clamp(180px, 28svh, 340px);
    left: 38%;
  }
  :where([data-direct-chat]) .home-hero-visual > img,
  .home-hero-visual > img:where([data-direct-chat]) {
    border-radius: 18px;
    width: 100%;
    max-width: none;
  }
  :where([data-direct-chat]) .home-hero-code,
  .home-hero-code:where([data-direct-chat]) {
    width: clamp(200px, 18vw, 270px);
    top: -100px;
    left: 48%;
    right: auto;
  }
  :where([data-direct-chat]) .home-hero-code .code-content,
  .home-hero-code .code-content:where([data-direct-chat]) {
    font-size: 9px;
    line-height: 14px;
  }
  :where([data-direct-chat]) .home-hero:after,
  .home-hero:where([data-direct-chat]):after {
    background: linear-gradient(#0000, #ffffffb8 65%, #fff);
    height: 34%;
  }
}
@media (width>=768px) and (width<=1599px) {
  :where([data-direct-chat]) .home-figma .home-hero > .home-container,
  .home-figma .home-hero > .home-container:where([data-direct-chat]) {
    max-width: 1120px;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:first-child,
  .home-hero #main-banner > p:first-child:where([data-direct-chat]) {
    letter-spacing: 0.4px;
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-hero-code .code-container,
  .home-hero-code .code-container:where([data-direct-chat]) {
    padding: 14px;
  }
  :where([data-direct-chat]) .home-hero-code .code-header,
  .home-hero-code .code-header:where([data-direct-chat]) {
    padding: 9px 12px;
  }
}
@media (width>=768px) and (width<=1023px) {
  :where([data-direct-chat]) .home-hero #main-banner,
  .home-hero #main-banner:where([data-direct-chat]) {
    width: 40%;
    min-width: 280px;
  }
  :where([data-direct-chat]) .home-hero h1,
  .home-hero h1:where([data-direct-chat]) {
    font-size: 38px;
  }
  :where([data-direct-chat]) .home-hero-visual,
  .home-hero-visual:where([data-direct-chat]) {
    width: 72vw;
    top: 290px;
    left: 44%;
  }
  :where([data-direct-chat]) .home-hero-code,
  .home-hero-code:where([data-direct-chat]) {
    left: 36%;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-hero,
  .home-hero:where([data-direct-chat]) {
    padding-block: 32px;
  }
  :where([data-direct-chat]) .home-figma .home-hero > .home-container,
  .home-figma .home-hero > .home-container:where([data-direct-chat]) {
    padding-inline: 24px;
  }
  :where([data-direct-chat]) .home-hero .row > div,
  .home-hero .row > div:where([data-direct-chat]) {
    align-items: stretch;
    gap: 32px;
  }
  :where([data-direct-chat]) .home-hero #main-banner,
  .home-hero #main-banner:where([data-direct-chat]) {
    max-width: none;
  }
  :where([data-direct-chat]) .home-hero h1,
  .home-hero h1:where([data-direct-chat]) {
    max-width: 440px;
    font-size: clamp(34px, 9.5vw, 42px);
    line-height: 1.12;
  }
  :where([data-direct-chat]) .home-hero #main-banner > p:not(:first-child),
  .home-hero #main-banner > p:not(:first-child):where([data-direct-chat]) {
    font-size: 15px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-hero #main-banner > div,
  .home-hero #main-banner > div:where([data-direct-chat]) {
    flex-wrap: nowrap;
    align-items: center;
  }
  :where([data-direct-chat]) .home-hero #main-banner .btn,
  .home-hero #main-banner .btn:where([data-direct-chat]) {
    flex: 1;
    padding: 10px 16px;
  }
  :where([data-direct-chat]) .home-hero-visual,
  .home-hero-visual:where([data-direct-chat]) {
    width: 100%;
    height: 360px;
    min-height: 0;
    margin-top: 40px;
    padding-top: 72px;
  }
  :where([data-direct-chat]) .home-hero-visual > img,
  .home-hero-visual > img:where([data-direct-chat]) {
    width: 480px;
    max-width: none;
  }
  :where([data-direct-chat]) .home-hero-code,
  .home-hero-code:where([data-direct-chat]) {
    width: 200px;
    top: 0;
    left: auto;
    right: 0;
  }
  :where([data-direct-chat]) .home-hero-code .code-content,
  .home-hero-code .code-content:where([data-direct-chat]) {
    font-size: 8.5px;
    line-height: 13px;
  }
  :where([data-direct-chat]) .home-hero:after,
  .home-hero:where([data-direct-chat]):after {
    background: linear-gradient(#0000, #fff 90%);
    height: 160px;
  }
}
@media (width>=768px) {
  :where([data-direct-chat])
    .home-figma
    .home-container:not(.home-hero > .home-container),
  .home-figma
    .home-container:not(.home-hero > .home-container):where([data-direct-chat]),
  :where([data-direct-chat]) .home-mcp .container,
  .home-mcp .container:where([data-direct-chat]),
  :where([data-direct-chat]) .home-final-cta .container,
  .home-final-cta .container:where([data-direct-chat]) {
    width: min(980px, 100% - 64px);
    max-width: 980px;
    padding-inline: 0;
  }
  :where([data-direct-chat]) .home-trust-row,
  .home-trust-row:where([data-direct-chat]) {
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
    min-height: 104px;
  }
  :where([data-direct-chat]) .home-trust h2,
  .home-trust h2:where([data-direct-chat]) {
    font-size: 24px;
    line-height: 30px;
  }
  :where([data-direct-chat]) .home-trust img,
  .home-trust img:where([data-direct-chat]) {
    height: 30px;
  }
  :where([data-direct-chat]) .home-products,
  .home-products:where([data-direct-chat]) {
    padding-top: 24px;
  }
  :where([data-direct-chat]) .home-products .row > .text-center,
  .home-products .row > .text-center:where([data-direct-chat]) {
    max-width: 720px;
    margin-bottom: 40px;
  }
  :where([data-direct-chat]) .home-products h2,
  .home-products h2:where([data-direct-chat]) {
    font-size: 32px;
    line-height: 38px;
  }
  :where([data-direct-chat]) .home-products .text-center > p:first-child,
  .home-products .text-center > p:first-child:where([data-direct-chat]),
  :where([data-direct-chat]) .home-why .text-center > p:first-child,
  .home-why .text-center > p:first-child:where([data-direct-chat]),
  :where([data-direct-chat]) .home-developer .text-center > p:first-child,
  .home-developer .text-center > p:first-child:where([data-direct-chat]),
  :where([data-direct-chat])
    .home-stories
    [data-customer-stories]
    > div:first-child
    > p:first-child,
  .home-stories
    [data-customer-stories]
    > div:first-child
    > p:first-child:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 20px;
  }
  :where([data-direct-chat]) .home-products .text-center > p:last-child,
  .home-products .text-center > p:last-child:where([data-direct-chat]) {
    letter-spacing: 0;
    margin-top: 20px;
  }
  :where([data-direct-chat]) .home-product-art,
  .home-product-art:where([data-direct-chat]) {
    height: 300px;
  }
  :where([data-direct-chat]) .home-art-send img,
  .home-art-send img:where([data-direct-chat]) {
    top: 40px;
  }
  :where([data-direct-chat]) .home-art-send .home-art-paper,
  .home-art-send .home-art-paper:where([data-direct-chat]) {
    top: 24px;
  }
  :where([data-direct-chat]) .home-checkout-mobile,
  .home-checkout-mobile:where([data-direct-chat]) {
    top: 20px;
  }
  :where([data-direct-chat]) .home-checkout-desktop,
  .home-checkout-desktop:where([data-direct-chat]) {
    top: 62px;
  }
  :where([data-direct-chat]) .home-product-grid > a > div:last-child,
  .home-product-grid > a > div:last-child:where([data-direct-chat]) {
    min-height: 116px;
    padding: 24px 20px;
  }
  :where([data-direct-chat]) .home-product-grid h3,
  .home-product-grid h3:where([data-direct-chat]) {
    font-size: 18px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-product-grid > a,
  .home-product-grid > a:where([data-direct-chat]) {
    border-radius: 16px;
  }
  :where([data-direct-chat]) .home-why h2,
  .home-why h2:where([data-direct-chat]),
  :where([data-direct-chat]) .home-metrics-intro h2,
  .home-metrics-intro h2:where([data-direct-chat]) {
    font-size: 30px;
    line-height: 38px;
  }
  :where([data-direct-chat]) .home-why .row > .text-center,
  .home-why .row > .text-center:where([data-direct-chat]) {
    margin-bottom: 32px;
  }
  :where([data-direct-chat]) .home-reasons .marketing-card,
  .home-reasons .marketing-card:where([data-direct-chat]) {
    column-gap: 16px;
    padding: 16px 8px;
  }
  :where([data-direct-chat]) .home-reasons .marketing-card > p:first-of-type,
  .home-reasons .marketing-card > p:first-of-type:where([data-direct-chat]) {
    font-size: 15px;
    line-height: 22px;
  }
  :where([data-direct-chat]) .home-metrics-intro,
  .home-metrics-intro:where([data-direct-chat]) {
    padding-top: 0;
  }
  :where([data-direct-chat]) .home-metrics,
  .home-metrics:where([data-direct-chat]) {
    margin-top: 28px;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) .home-metrics > div,
  .home-metrics > div:where([data-direct-chat]) {
    min-height: 145px;
    padding-inline: 8px;
  }
  :where([data-direct-chat]) .home-metrics h3,
  .home-metrics h3:where([data-direct-chat]) {
    font-size: 44px;
    line-height: 50px;
  }
  :where([data-direct-chat]) .home-metric-icon,
  .home-metric-icon:where([data-direct-chat]) {
    width: 28px;
    height: 28px;
    margin-bottom: 4px;
  }
  :where([data-direct-chat]) .home-developer-zone,
  .home-developer-zone:where([data-direct-chat]) {
    padding: 88px 0;
  }
  :where([data-direct-chat]) .home-developer .row,
  .home-developer .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr);
    gap: 48px;
  }
  :where([data-direct-chat]) .home-developer h2,
  .home-developer h2:where([data-direct-chat]),
  :where([data-direct-chat]) .home-mcp h2,
  .home-mcp h2:where([data-direct-chat]) {
    font-size: 28px;
    line-height: 35px;
  }
  :where([data-direct-chat]) .home-developer-card,
  .home-developer-card:where([data-direct-chat]) {
    padding: 14px;
    display: block;
  }
  :where([data-direct-chat]) .home-developer-card h3,
  .home-developer-card h3:where([data-direct-chat]) {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 26px;
  }
  :where([data-direct-chat]) .home-developer-card > div:last-child,
  .home-developer-card > div:last-child:where([data-direct-chat]) {
    flex-flow: wrap;
    margin-top: 16px;
  }
  :where([data-direct-chat]) .home-terminal,
  .home-terminal:where([data-direct-chat]) {
    margin-bottom: 20px;
  }
  :where([data-direct-chat]) .home-terminal .code-content,
  .home-terminal .code-content:where([data-direct-chat]) {
    font-size: 12px;
    line-height: 19px;
  }
  :where([data-direct-chat]) .home-terminal .code-container,
  .home-terminal .code-container:where([data-direct-chat]) {
    padding: 16px;
  }
  :where([data-direct-chat]) .home-mcp,
  .home-mcp:where([data-direct-chat]) {
    margin-top: 88px;
  }
  :where([data-direct-chat]) .home-mcp .grid > div,
  .home-mcp .grid > div:where([data-direct-chat]) {
    max-width: 520px;
  }
  :where([data-direct-chat]) .home-mcp .grid > button,
  .home-mcp .grid > button:where([data-direct-chat]) {
    border-radius: 16px;
    width: min(640px, 100%);
  }
  :where([data-direct-chat]) .home-stories,
  .home-stories:where([data-direct-chat]) {
    padding: 56px 0 64px;
  }
  :where([data-direct-chat]) .home-stories h2,
  .home-stories h2:where([data-direct-chat]) {
    max-width: 420px;
    font-size: 30px;
    line-height: 38px;
  }
  :where([data-direct-chat])
    .home-stories
    [data-customer-stories]
    > div:first-child,
  .home-stories
    [data-customer-stories]
    > div:first-child:where([data-direct-chat]) {
    column-gap: 32px;
  }
  :where([data-direct-chat]) .home-stories [data-story-slide],
  .home-stories [data-story-slide]:where([data-direct-chat]) {
    border-radius: 16px;
    width: 440px;
    padding: 28px;
  }
  :where([data-direct-chat]) .home-stories [data-story-slide] > p,
  .home-stories [data-story-slide] > p:where([data-direct-chat]) {
    font-size: 18px;
    line-height: 28px;
  }
  :where([data-direct-chat]) .home-stories .home-story-name,
  .home-stories .home-story-name:where([data-direct-chat]) {
    font-size: 16px;
    line-height: 24px;
  }
  :where([data-direct-chat]) .home-final-cta .col-12,
  .home-final-cta .col-12:where([data-direct-chat]) {
    border-radius: 16px;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px 64px;
    min-height: 220px;
    padding: 40px 32px;
  }
  :where([data-direct-chat]) .home-final-cta h2,
  .home-final-cta h2:where([data-direct-chat]) {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (width>=768px) and (width<=1000px) {
  :where([data-direct-chat]) .home-developer .row,
  .home-developer .row:where([data-direct-chat]) {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  :where([data-direct-chat]) .home-developer .row > .text-center,
  .home-developer .row > .text-center:where([data-direct-chat]) {
    max-width: 560px;
  }
  :where([data-direct-chat]) .home-developer-card,
  .home-developer-card:where([data-direct-chat]) {
    max-width: none;
  }
  :where([data-direct-chat]) .home-final-cta .col-12,
  .home-final-cta .col-12:where([data-direct-chat]) {
    grid-template-columns: 1fr 1.2fr;
    column-gap: 32px;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-product-art,
  .home-product-art:where([data-direct-chat]) {
    height: 260px;
  }
  :where([data-direct-chat]) .home-product-grid > a > div:last-child,
  .home-product-grid > a > div:last-child:where([data-direct-chat]) {
    min-height: 108px;
    padding: 20px;
  }
  :where([data-direct-chat]) .home-product-grid h3,
  .home-product-grid h3:where([data-direct-chat]) {
    font-size: 17px;
    line-height: 23px;
  }
  :where([data-direct-chat]) .home-stories [data-story-slide] > p,
  .home-stories [data-story-slide] > p:where([data-direct-chat]) {
    font-size: 17px;
    line-height: 27px;
  }
  :where([data-direct-chat]) .home-metrics h3,
  .home-metrics h3:where([data-direct-chat]) {
    font-size: 34px;
    line-height: 40px;
  }
}
:where([data-direct-chat]) .home-mcp,
.home-mcp:where([data-direct-chat]) {
  isolation: isolate;
  margin-top: 160px;
  position: relative;
}
:where([data-direct-chat]) .home-mcp > section,
.home-mcp > section:where([data-direct-chat]) {
  z-index: 1;
  position: relative;
}
:where([data-direct-chat]) .home-stories,
.home-stories:where([data-direct-chat]) {
  padding-top: 96px;
  padding-bottom: 112px;
}
@media (width>=768px) and (width<=1599px) {
  :where([data-direct-chat]) .home-trust,
  .home-trust:where([data-direct-chat]) {
    padding-top: 40px;
  }
  :where([data-direct-chat]) .home-developer-zone,
  .home-developer-zone:where([data-direct-chat]) {
    padding-block: 112px;
  }
  :where([data-direct-chat]) .home-mcp,
  .home-mcp:where([data-direct-chat]) {
    margin-top: 136px;
  }
  :where([data-direct-chat]) .home-stories,
  .home-stories:where([data-direct-chat]) {
    padding-top: 88px;
    padding-bottom: 96px;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-developer-zone,
  .home-developer-zone:where([data-direct-chat]) {
    padding-block: 80px;
  }
  :where([data-direct-chat]) .home-mcp,
  .home-mcp:where([data-direct-chat]) {
    margin-top: 104px;
  }
  :where([data-direct-chat]) .home-stories,
  .home-stories:where([data-direct-chat]) {
    padding-top: 72px;
    padding-bottom: 80px;
  }
}
:where([data-direct-chat]) .home-stories [data-story-track]:after,
.home-stories [data-story-track]:where([data-direct-chat]):after {
  display: none;
}
:where([data-direct-chat]) .home-stories [data-story-direction]:disabled,
.home-stories [data-story-direction]:disabled:where([data-direct-chat]) {
  opacity: 0.35;
  cursor: default;
  transform: none;
}
:where([data-direct-chat]) .home-stories [data-story-slide],
.home-stories [data-story-slide]:where([data-direct-chat]) {
  transition:
    opacity 0.24s,
    border-color 0.25s;
}
:where([data-direct-chat]) .home-stories [data-story-slide].is-edge-story,
.home-stories [data-story-slide].is-edge-story:where([data-direct-chat]) {
  opacity: 0.35;
}
:where([data-direct-chat]) .home-stories [data-story-slide]:last-child,
.home-stories [data-story-slide]:last-child:where([data-direct-chat]) {
  scroll-snap-align: end;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-stories [data-story-slide],
  .home-stories [data-story-slide]:where([data-direct-chat]) {
    transition: none;
  }
}
:where([data-direct-chat]) .home-figma .home-products,
.home-figma .home-products:where([data-direct-chat]) {
  background: linear-gradient(#fafafa 0%, #fcfcfc 60%, #fefefe 100%);
  padding-top: 80px;
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-products,
  .home-figma .home-products:where([data-direct-chat]) {
    padding-top: 56px;
  }
}
:where([data-direct-chat]) .home-figma .home-why,
.home-figma .home-why:where([data-direct-chat]) {
  background: linear-gradient(#fefefe 0, #fff 180px);
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-figma .home-product-grid > a:hover,
  .home-figma .home-product-grid > a:hover:where([data-direct-chat]),
  :where([data-direct-chat]) .home-product-grid > a:hover .home-product-art img,
  .home-product-grid > a:hover .home-product-art img:where([data-direct-chat]) {
    transform: none;
  }
}
:where([data-direct-chat]) .home-art-checkout img,
.home-art-checkout img:where([data-direct-chat]) {
  border-radius: 16px;
  box-shadow: 0 6px 20px #00000014;
}
:where([data-direct-chat]) .home-product-grid .home-art-send img,
.home-product-grid .home-art-send img:where([data-direct-chat]) {
  width: 95%;
  top: clamp(24px, 2.5vw, 48px);
  left: 2.5%;
}
:where([data-direct-chat]) .home-product-art:after,
.home-product-art:where([data-direct-chat]):after {
  background: linear-gradient(
    #fcfcfc00 0%,
    #fcfcfc0f 18%,
    #fcfcfc38 38%,
    #fcfcfc85 60%,
    #fcfcfcd6 79%,
    #fcfcfc 96% 100%
  );
  height: 58%;
}
:where([data-direct-chat]) .home-product-grid > a > div:last-child,
.home-product-grid > a > div:last-child:where([data-direct-chat]) {
  background: #fcfcfc;
}
@media (width>=768px) {
  :where([data-direct-chat]) .home-product-grid > a:nth-child(3),
  .home-product-grid > a:nth-child(3):where([data-direct-chat]) {
    width: calc(100% - 70px);
    margin-right: 70px;
  }
  :where([data-direct-chat]) .home-product-grid > a:nth-child(4),
  .home-product-grid > a:nth-child(4):where([data-direct-chat]) {
    width: calc(100% + 50px);
    margin-left: -50px;
  }
}
:where([data-direct-chat]) .home-figma .home-metrics .home-metric-icon,
.home-figma .home-metrics .home-metric-icon:where([data-direct-chat]) {
  color: #ff6b35;
  box-sizing: content-box;
  background: #ff6b351a;
  border-radius: 50%;
  flex-shrink: 0;
  padding: 12px;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
  box-shadow: none;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  align-content: start;
  padding: 20px 16px;
  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.3s,
    border-color 0.3s;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
  background: #fff;
  border-color: #c5cbd3;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px #01152f0f;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  color: #ff6b35;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
  .home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
    transform: none;
  }
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  color: #ff6b35;
  background: #ff6b351a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div svg,
.home-figma .home-reasons .marketing-card > div svg:where([data-direct-chat]) {
  width: 24px;
  height: 24px;
}
:where([data-direct-chat]) .home-figma .home-why .home-reasons,
.home-figma .home-why .home-reasons:where([data-direct-chat]) {
  width: 100%;
  margin-inline: 0;
  padding-inline: 0;
}
:where([data-direct-chat]) .home-figma .home-reasons > .row,
.home-figma .home-reasons > .row:where([data-direct-chat]) {
  width: 100%;
  margin-inline: 0;
}
:where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
.home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
  width: 100%;
  padding-inline: 0;
}
:where([data-direct-chat]) .home-stories [data-story-track],
.home-stories [data-story-track]:where([data-direct-chat]) {
  gap: 20px;
  width: 100%;
  margin-inline: 0;
  padding: 8px 0 16px;
  scroll-padding-inline: 0;
}
:where([data-direct-chat]) .home-stories [data-story-slide],
.home-stories [data-story-slide]:where([data-direct-chat]) {
  width: calc(50% - 10px);
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-stories [data-story-slide],
  .home-stories [data-story-slide]:where([data-direct-chat]) {
    width: 100%;
  }
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
  translate: none;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
  transition:
    transform 0.7s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.7s,
    border-color 0.7s;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
  transform: translateY(-0.5px);
  box-shadow: 0 3px 10px #01152f0a;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
  .home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
    transition: none;
  }
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
  .home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
    transform: none;
  }
}
:where([data-direct-chat]) .home-figma .btn,
.home-figma .btn:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > header .btn,
body:has(.home-figma) > header .btn:where([data-direct-chat]) {
  transition:
    background-color 0.3s,
    color 0.3s,
    border-color 0.3s;
}
:where([data-direct-chat]) .home-figma .btn:hover,
.home-figma .btn:hover:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .btn:active,
.home-figma .btn:active:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > header .btn:hover,
body:has(.home-figma) > header .btn:hover:where([data-direct-chat]) {
  box-shadow: none !important;
  transform: translate(0, 0) !important;
}
:where([data-direct-chat]) .home-figma .btn.bg-primary,
.home-figma .btn.bg-primary:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > header .btn.bg-primary,
body:has(.home-figma) > header .btn.bg-primary:where([data-direct-chat]) {
  color: #fff !important;
}
:where([data-direct-chat]) .home-figma .btn.bg-primary:hover,
.home-figma .btn.bg-primary:hover:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > header .btn.bg-primary:hover,
body:has(.home-figma) > header .btn.bg-primary:hover:where([data-direct-chat]) {
  color: #fff !important;
  background: #c94316 !important;
  border-color: #c94316 !important;
}
:where([data-direct-chat]) .home-figma .btn:not(.bg-primary):hover,
.home-figma .btn:not(.bg-primary):hover:where([data-direct-chat]),
:where([data-direct-chat])
  body:has(.home-figma)
  > header
  a.btn:not(.bg-primary):hover,
body:has(.home-figma)
  > header
  a.btn:not(.bg-primary):hover:where([data-direct-chat]) {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: #fff !important;
}
:where([data-direct-chat]) .home-figma .marketing-card,
.home-figma .marketing-card:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma [data-story-direction],
.home-figma [data-story-direction]:where([data-direct-chat]) {
  translate: none !important;
}
:where([data-direct-chat]) .home-figma .marketing-card:hover,
.home-figma .marketing-card:hover:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma [data-story-direction]:hover,
.home-figma [data-story-direction]:hover:where([data-direct-chat]) {
  transform: translate(0, 0) !important;
}
:where([data-direct-chat])
  .home-figma
  .home-product-grid
  > a:hover
  .home-product-art
  img,
.home-figma
  .home-product-grid
  > a:hover
  .home-product-art
  img:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-mcp .group:hover img,
.home-figma .home-mcp .group:hover img:where([data-direct-chat]) {
  transform: scale(1) !important;
}
:where([data-direct-chat]) .home-figma .home-product-grid > a,
.home-figma .home-product-grid > a:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
  transition:
    border-color 0.3s,
    box-shadow 0.3s,
    opacity 0.65s;
}
:where([data-direct-chat]) .home-figma .home-product-grid > a:hover,
.home-figma .home-product-grid > a:hover:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
  border-color: var(--color-primary);
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  :where([data-direct-chat]) .home-figma .home-product-grid > a,
  .home-figma .home-product-grid > a:where([data-direct-chat]),
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
  .home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
    transition:
      transform 0.7s cubic-bezier(0.4, 0, 0.2, 1),
      border-color 0.3s,
      box-shadow 0.3s;
  }
  :where([data-direct-chat]) .home-figma .home-product-grid > a:hover,
  .home-figma .home-product-grid > a:hover:where([data-direct-chat]) {
    transform: translateY(-4px) !important;
  }
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
  .home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
    transform: translateY(-1px) !important;
  }
  :where([data-direct-chat]) .home-figma .home-product-art img,
  .home-figma .home-product-art img:where([data-direct-chat]) {
    transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
  }
  :where([data-direct-chat])
    .home-figma
    .home-product-grid
    > a:hover
    .home-product-art
    img,
  .home-figma
    .home-product-grid
    > a:hover
    .home-product-art
    img:where([data-direct-chat]) {
    transform: scale(1.03) !important;
  }
}
:where([data-direct-chat]) .home-figma .home-developer-card,
.home-figma .home-developer-card:where([data-direct-chat]) {
  display: block;
}
:where([data-direct-chat]) .home-figma .home-developer-card > h3,
.home-figma .home-developer-card > h3:where([data-direct-chat]) {
  margin-bottom: 8px;
}
:where([data-direct-chat]) .home-figma .home-developer-card > div:last-child,
.home-figma .home-developer-card > div:last-child:where([data-direct-chat]) {
  flex-flow: wrap;
  justify-content: flex-start;
  width: 100%;
  margin-top: 20px;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-metrics-intro p,
.home-figma .home-metrics-intro p:where([data-direct-chat]) {
  max-width: 72ch;
  margin-inline: auto;
}
:where([data-direct-chat]) .home-figma .home-metrics,
.home-figma .home-metrics:where([data-direct-chat]) {
  gap: 32px;
  margin-top: 40px;
}
:where([data-direct-chat]) .home-figma .home-metrics > div,
.home-figma .home-metrics > div:where([data-direct-chat]) {
  gap: 0;
  min-height: 0;
  padding: 0 8px;
}
:where([data-direct-chat]) .home-figma .home-metrics .home-metric-icon,
.home-figma .home-metrics .home-metric-icon:where([data-direct-chat]) {
  width: 24px;
  height: 24px;
  margin: 0 0 20px;
  padding: 10px;
}
:where([data-direct-chat]) .home-figma .home-metrics h3,
.home-figma .home-metrics h3:where([data-direct-chat]) {
  letter-spacing: -0.025em;
  margin: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.15;
}
:where([data-direct-chat]) .home-figma .home-metrics p,
.home-figma .home-metrics p:where([data-direct-chat]) {
  color: #525252;
  white-space: normal;
  max-width: 26ch;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 22px;
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-metrics,
  .home-figma .home-metrics:where([data-direct-chat]) {
    gap: 32px 16px;
    margin-top: 32px;
  }
  :where([data-direct-chat]) .home-figma .home-metrics > div,
  .home-figma .home-metrics > div:where([data-direct-chat]) {
    padding: 0;
  }
  :where([data-direct-chat]) .home-figma .home-metrics .home-metric-icon,
  .home-figma .home-metrics .home-metric-icon:where([data-direct-chat]) {
    width: 20px;
    height: 20px;
    margin-bottom: 16px;
  }
  :where([data-direct-chat]) .home-figma .home-metrics h3,
  .home-figma .home-metrics h3:where([data-direct-chat]) {
    font-size: 32px;
  }
  :where([data-direct-chat]) .home-figma .home-metrics p,
  .home-figma .home-metrics p:where([data-direct-chat]) {
    margin-top: 8px;
    font-size: 13px;
    line-height: 20px;
  }
}
:where([data-direct-chat]) .home-figma .home-metrics p,
.home-figma .home-metrics p:where([data-direct-chat]) {
  margin-top: 12px !important;
}
@media (width>=768px) and (width<=1599px) {
  :where([data-direct-chat]) .home-figma .home-metrics h3,
  .home-figma .home-metrics h3:where([data-direct-chat]) {
    font-size: 40px;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-metrics p,
  .home-figma .home-metrics p:where([data-direct-chat]) {
    margin-top: 8px !important;
  }
}
:where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
.home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
  grid-template-columns: minmax(0, 3fr) minmax(0, 7fr);
  align-items: start;
  column-gap: clamp(32px, 4vw, 64px);
  display: grid;
}
:where([data-direct-chat]) .home-figma .home-why .row > .text-center,
.home-figma .home-why .row > .text-center:where([data-direct-chat]) {
  margin-bottom: 0;
}
:where([data-direct-chat])
  .home-figma
  .home-why
  .row
  > .text-center
  > p:last-child,
.home-figma
  .home-why
  .row
  > .text-center
  > p:last-child:where([data-direct-chat]) {
  font-size: 14px;
  line-height: 23px;
}
:where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
.home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  display: grid;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]) {
  background: 0 0;
  border: 0;
  border-radius: 0;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 8px 16px;
  height: auto;
  padding: 0;
  box-shadow: none !important;
  transform: translate(0, 0) !important;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  grid-row: 1;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type,
.home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type:where([data-direct-chat]) {
  align-self: center;
  margin: 0;
  font-size: 17px;
  line-height: 25px;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:last-child,
.home-figma
  .home-reasons
  .marketing-card
  > p:last-child:where([data-direct-chat]) {
  max-width: 68ch;
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
:where([data-direct-chat]) .home-figma .home-metrics-intro,
.home-figma .home-metrics-intro:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-metrics,
.home-figma .home-metrics:where([data-direct-chat]) {
  grid-column: 1/-1;
  width: 100%;
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
  .home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
  }
  :where([data-direct-chat]) .home-figma .home-why .row > .text-center,
  .home-figma .home-why .row > .text-center:where([data-direct-chat]) {
    margin-bottom: 40px;
  }
  :where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
  .home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
    gap: 28px;
  }
}
:where([data-direct-chat]) .home-figma,
.home-figma:where([data-direct-chat]) {
  --home-gap: 144px;
}
:where([data-direct-chat])
  .home-figma
  .home-container:not(.home-hero > .home-container),
.home-figma
  .home-container:not(.home-hero > .home-container):where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-mcp .container,
.home-figma .home-mcp .container:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-final-cta .container,
.home-figma .home-final-cta .container:where([data-direct-chat]) {
  width: min(1040px, 100% - 64px);
  max-width: 1040px;
  margin-inline: auto;
  padding-inline: 0;
}
:where([data-direct-chat]) .home-figma .home-why .home-reasons,
.home-figma .home-why .home-reasons:where([data-direct-chat]) {
  justify-self: stretch;
  width: 100%;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:last-child,
.home-figma
  .home-reasons
  .marketing-card
  > p:last-child:where([data-direct-chat]) {
  max-width: 56ch;
}
:where([data-direct-chat]) .home-figma .home-metrics-intro,
.home-figma .home-metrics-intro:where([data-direct-chat]) {
  padding-top: 0;
}
:where([data-direct-chat]) .home-figma .home-metrics,
.home-figma .home-metrics:where([data-direct-chat]) {
  padding-bottom: 0;
}
:where([data-direct-chat]) .home-figma .home-developer-zone,
.home-figma .home-developer-zone:where([data-direct-chat]) {
  padding-block: 112px;
}
:where([data-direct-chat]) .home-figma .home-mcp,
.home-figma .home-mcp:where([data-direct-chat]) {
  margin-top: 136px;
}
:where([data-direct-chat]) .home-figma .home-stories,
.home-figma .home-stories:where([data-direct-chat]) {
  padding-block: 112px;
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma,
  .home-figma:where([data-direct-chat]) {
    --home-gap: 104px;
  }
  :where([data-direct-chat])
    .home-figma
    .home-container:not(.home-hero > .home-container),
  .home-figma
    .home-container:not(.home-hero > .home-container):where([data-direct-chat]),
  :where([data-direct-chat]) .home-figma .home-mcp .container,
  .home-figma .home-mcp .container:where([data-direct-chat]),
  :where([data-direct-chat]) .home-figma .home-final-cta .container,
  .home-figma .home-final-cta .container:where([data-direct-chat]) {
    width: calc(100% - 40px);
  }
  :where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
  .home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  :where([data-direct-chat]) .home-figma .home-developer-zone,
  .home-figma .home-developer-zone:where([data-direct-chat]),
  :where([data-direct-chat]) .home-figma .home-stories,
  .home-figma .home-stories:where([data-direct-chat]) {
    padding-block: 80px;
  }
  :where([data-direct-chat]) .home-figma .home-mcp,
  .home-figma .home-mcp:where([data-direct-chat]) {
    margin-top: 96px;
  }
}
:where([data-direct-chat]) .home-figma .home-why .row > .text-center h2,
.home-figma .home-why .row > .text-center h2:where([data-direct-chat]) {
  text-wrap: pretty;
  font-size: 30px;
  line-height: 1.25;
}
:where([data-direct-chat])
  .home-figma
  .home-why
  .row
  > .text-center
  > p:last-child,
.home-figma
  .home-why
  .row
  > .text-center
  > p:last-child:where([data-direct-chat]) {
  max-width: 38ch;
  margin-top: 20px;
}
:where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
.home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
  gap: 28px;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 6px 16px;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  grid-row: 1/3;
  width: 36px;
  height: 36px;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:last-child,
.home-figma
  .home-reasons
  .marketing-card
  > p:last-child:where([data-direct-chat]) {
  max-width: 52ch;
  line-height: 22px;
  margin: 0 !important;
}
@media (width<=900px) {
  :where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
  .home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
    column-gap: 0;
  }
  :where([data-direct-chat]) .home-figma .home-why .row > .text-center,
  .home-figma .home-why .row > .text-center:where([data-direct-chat]) {
    margin-bottom: 40px;
  }
  :where([data-direct-chat])
    .home-figma
    .home-why
    .row
    > .text-center
    > p:last-child,
  .home-figma
    .home-why
    .row
    > .text-center
    > p:last-child:where([data-direct-chat]) {
    max-width: 65ch;
  }
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card:hover,
.home-figma .home-reasons .marketing-card:hover:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  cursor: default;
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
  transform: translate(0, 0) scale(1) !important;
}
:where([data-direct-chat])
  .home-figma
  .btn:not(.bg-primary):not(.home-mcp .btn):hover,
.home-figma
  .btn:not(.bg-primary):not(.home-mcp .btn):hover:where([data-direct-chat]),
:where([data-direct-chat])
  body:has(.home-figma)
  > header
  a.btn:not(.bg-primary):hover,
body:has(.home-figma)
  > header
  a.btn:not(.bg-primary):hover:where([data-direct-chat]) {
  color: #1e3a5f !important;
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
}
:where([data-direct-chat])
  .home-figma
  :is(
    .home-products,
    .home-why,
    .home-developer-zone,
    .home-stories,
    .home-final-cta
  )
  :is(h2, h3, p, .btn),
.home-figma
  :is(
    .home-products,
    .home-why,
    .home-developer-zone,
    .home-stories,
    .home-final-cta
  )
  :is(h2, h3, p, .btn):where([data-direct-chat]) {
  font-family: var(--font-primary), Inter, sans-serif;
}
@media (width>=768px) {
  :where([data-direct-chat]) .home-figma .home-trust h2,
  .home-figma .home-trust h2:where([data-direct-chat]) {
    font-size: 24px;
    line-height: 30px;
  }
  :where([data-direct-chat]) .home-figma .home-trust,
  .home-figma .home-trust:where([data-direct-chat]) {
    padding-top: 40px;
  }
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-trust h2,
  .home-figma .home-trust h2:where([data-direct-chat]) {
    font-size: 22px;
    line-height: 28px;
  }
  :where([data-direct-chat]) .home-figma .home-why .row > .text-center h2,
  .home-figma .home-why .row > .text-center h2:where([data-direct-chat]) {
    font-size: 28px;
  }
}
:where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
.home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
  grid-template-columns: minmax(0, 0.36fr) minmax(0, 0.64fr);
  column-gap: 56px;
}
:where([data-direct-chat])
  .home-figma
  .home-why
  .row
  > .text-center
  > p:last-child,
.home-figma
  .home-why
  .row
  > .text-center
  > p:last-child:where([data-direct-chat]) {
  max-width: none;
}
:where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
.home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 28px;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
.home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
.home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
  margin-bottom: 12px;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type,
.home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type:where([data-direct-chat]) {
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 8px !important;
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:last-child,
.home-figma
  .home-reasons
  .marketing-card
  > p:last-child:where([data-direct-chat]) {
  font-size: 14px;
  line-height: 22px;
  margin: 0 !important;
}
@media (width<=1000px) {
  :where([data-direct-chat]) .home-figma .home-why > .home-container > .row,
  .home-figma .home-why > .home-container > .row:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
  }
  :where([data-direct-chat]) .home-figma .home-why .row > .text-center,
  .home-figma .home-why .row > .text-center:where([data-direct-chat]) {
    max-width: 620px;
    margin-bottom: 40px;
  }
}
@media (width<=540px) {
  :where([data-direct-chat]) .home-figma .home-reasons > .row > .col-12,
  .home-figma .home-reasons > .row > .col-12:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card,
  .home-figma .home-reasons .marketing-card:where([data-direct-chat]) {
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 16px;
    display: grid;
  }
  :where([data-direct-chat]) .home-figma .home-reasons .marketing-card > div,
  .home-figma .home-reasons .marketing-card > div:where([data-direct-chat]) {
    margin: 0;
  }
}
:where([data-direct-chat])
  .home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type,
.home-figma
  .home-reasons
  .marketing-card
  > p:first-of-type:where([data-direct-chat]) {
  text-align: left;
  align-self: stretch;
}
:where([data-direct-chat]) .home-figma .home-why .row > .text-center,
.home-figma .home-why .row > .text-center:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons,
.home-figma .home-reasons:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-reasons *,
.home-figma .home-reasons *:where([data-direct-chat]) {
  opacity: 1 !important;
  transition: none !important;
  animation: none !important;
  transform: translate(0, 0) scale(1) !important;
}
:where([data-direct-chat])
  .home-figma
  .home-why
  .home-reasons
  .marketing-card:hover,
.home-figma
  .home-why
  .home-reasons
  .marketing-card:hover:where([data-direct-chat]),
:where([data-direct-chat])
  .home-figma
  .home-why
  .home-reasons
  .marketing-card:hover
  *,
.home-figma
  .home-why
  .home-reasons
  .marketing-card:hover
  *:where([data-direct-chat]) {
  box-shadow: none !important;
  transition: none !important;
  animation: none !important;
  transform: translate(0, 0) scale(1) !important;
}
:where([data-direct-chat]) .home-figma .home-why .home-reasons,
.home-figma .home-why .home-reasons:where([data-direct-chat]),
:where([data-direct-chat]) .home-figma .home-why .home-reasons *,
.home-figma .home-why .home-reasons *:where([data-direct-chat]) {
  pointer-events: none !important;
}
:where([data-direct-chat]) body:has(.home-figma) > footer #certifications img,
body:has(.home-figma) > footer #certifications img:where([data-direct-chat]),
:where([data-direct-chat]) body:has(.home-figma) > footer img[src*="aspi"],
body:has(.home-figma) > footer img[src*="aspi"]:where([data-direct-chat]) {
  opacity: 1;
  filter: none !important;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications-heading,
body:has(.home-figma)
  > footer
  #certifications-heading:where([data-direct-chat]) {
  margin-bottom: 12px;
}
:where([data-direct-chat]) body:has(.home-figma) > footer #certifications > div,
body:has(.home-figma) > footer #certifications > div:where([data-direct-chat]) {
  gap: 1px;
}
:where([data-direct-chat]) body:has(.home-figma) > footer #certifications a,
body:has(.home-figma) > footer #certifications a:where([data-direct-chat]) {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 14px 12px;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications
  a
  > div:last-child,
body:has(.home-figma)
  > footer
  #certifications
  a
  > div:last-child:where([data-direct-chat]) {
  flex: 1;
  padding-top: 0;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications
  a
  p:first-child,
body:has(.home-figma)
  > footer
  #certifications
  a
  p:first-child:where([data-direct-chat]) {
  font-size: 13px;
  line-height: 20px;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications
  a
  p:last-child,
body:has(.home-figma)
  > footer
  #certifications
  a
  p:last-child:where([data-direct-chat]) {
  white-space: normal;
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 11px;
  line-height: 18px;
}
:where([data-direct-chat]) body:has(.home-figma) > footer #certifications + div,
body:has(.home-figma) > footer #certifications + div:where([data-direct-chat]) {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px 32px;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications
  + div
  > div:first-child
  > div,
body:has(.home-figma)
  > footer
  #certifications
  + div
  > div:first-child
  > div:where([data-direct-chat]) {
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 28px;
  display: flex;
}
:where([data-direct-chat])
  body:has(.home-figma)
  > footer
  #certifications
  + div
  > div:first-child
  > div
  > div,
body:has(.home-figma)
  > footer
  #certifications
  + div
  > div:first-child
  > div
  > div:where([data-direct-chat]) {
  flex: none;
}
@media (width<=767px) {
  :where([data-direct-chat])
    body:has(.home-figma)
    > footer
    #certifications
    + div,
  body:has(.home-figma)
    > footer
    #certifications
    + div:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr);
  }
  :where([data-direct-chat])
    body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:last-child,
  body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:last-child:where([data-direct-chat]) {
    justify-self: start;
  }
  :where([data-direct-chat])
    body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:first-child
    > div,
  body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:first-child
    > div:where([data-direct-chat]) {
    gap: 20px;
  }
}
@media (width>=768px) {
  :where([data-direct-chat])
    body:has(.home-figma)
    > footer
    #certifications
    + div,
  body:has(.home-figma)
    > footer
    #certifications
    + div:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    column-gap: 0;
  }
}
:where([data-direct-chat]) .home-figma .home-stories .home-story-person,
.home-figma .home-stories .home-story-person:where([data-direct-chat]) {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-story-person > div:last-child,
.home-figma .home-story-person > div:last-child:where([data-direct-chat]) {
  flex: 1;
  order: 0;
  min-width: 0;
}
:where([data-direct-chat])
  .home-figma
  .home-story-person
  .home-story-avatar:has(img),
.home-figma
  .home-story-person
  .home-story-avatar:has(img):where([data-direct-chat]) {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  flex: 0 0 56px;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 10px;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-story-avatar img,
.home-figma .home-story-avatar img:where([data-direct-chat]) {
  object-fit: contain;
  width: 36px;
  height: 36px;
}
:where([data-direct-chat]) .home-figma .home-stories .home-story-role,
.home-figma .home-stories .home-story-role:where([data-direct-chat]) {
  color: #686868;
}
@media (width>=768px) {
  :where([data-direct-chat])
    body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:last-child,
  body:has(.home-figma)
    > footer
    #certifications
    + div
    > div:last-child:where([data-direct-chat]) {
    text-align: left;
    justify-self: stretch;
    padding-left: 12px;
  }
}
:where([data-direct-chat]) .home-figma .home-trust-row,
.home-figma .home-trust-row:where([data-direct-chat]) {
  grid-template-columns: minmax(0, 1fr);
}
:where([data-direct-chat]) .home-figma .home-product-grid .home-art-receive,
.home-figma .home-product-grid .home-art-receive:where([data-direct-chat]) {
  justify-content: center;
  align-items: center;
  display: flex;
}
:where([data-direct-chat]) .home-figma .home-product-grid .home-art-receive img,
.home-figma .home-product-grid .home-art-receive img:where([data-direct-chat]) {
  object-fit: contain;
  width: 96%;
  height: auto;
  max-height: 100%;
  position: relative;
  top: auto;
  left: auto;
}
@media (width<=767px) {
  :where([data-direct-chat]) .home-figma .home-product-grid .home-art-receive,
  .home-figma .home-product-grid .home-art-receive:where([data-direct-chat]) {
    aspect-ratio: 1.45;
    height: auto;
  }
}
:where([data-direct-chat]) [data-story-track],
[data-story-track]:where([data-direct-chat]) {
  scrollbar-width: none;
}
:where([data-direct-chat]) [data-story-track]::-webkit-scrollbar,
[data-story-track]:where([data-direct-chat])::-webkit-scrollbar {
  display: none;
}
:where([data-direct-chat]) .mcp-dots-ambient span:first-child,
.mcp-dots-ambient span:first-child:where([data-direct-chat]) {
  --x: 7%;
  --y: 11%;
  --delay: 0s;
  --duration: 5s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(2),
.mcp-dots-ambient span:nth-child(2):where([data-direct-chat]) {
  --x: 68.803%;
  --y: 48.719%;
  --delay: -1s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(3),
.mcp-dots-ambient span:nth-child(3):where([data-direct-chat]) {
  --x: 30.606%;
  --y: 86.438%;
  --delay: -2s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(4),
.mcp-dots-ambient span:nth-child(4):where([data-direct-chat]) {
  --x: 92.409%;
  --y: 24.157%;
  --delay: -3s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(5),
.mcp-dots-ambient span:nth-child(5):where([data-direct-chat]) {
  --x: 54.212%;
  --y: 61.876%;
  --delay: -4s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(6),
.mcp-dots-ambient span:nth-child(6):where([data-direct-chat]) {
  --x: 16.015%;
  --y: 99.595%;
  --delay: -5s;
  --duration: 10s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(7),
.mcp-dots-ambient span:nth-child(7):where([data-direct-chat]) {
  --x: 77.818%;
  --y: 37.314%;
  --delay: -6s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(8),
.mcp-dots-ambient span:nth-child(8):where([data-direct-chat]) {
  --x: 39.621%;
  --y: 75.033%;
  --delay: -7s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(9),
.mcp-dots-ambient span:nth-child(9):where([data-direct-chat]) {
  --x: 1.424%;
  --y: 12.752%;
  --delay: -8s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(10),
.mcp-dots-ambient span:nth-child(10):where([data-direct-chat]) {
  --x: 63.227%;
  --y: 50.471%;
  --delay: -9s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(11),
.mcp-dots-ambient span:nth-child(11):where([data-direct-chat]) {
  --x: 25.03%;
  --y: 88.19%;
  --delay: -10s;
  --duration: 8s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(12),
.mcp-dots-ambient span:nth-child(12):where([data-direct-chat]) {
  --x: 86.833%;
  --y: 25.909%;
  --delay: 0s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(13),
.mcp-dots-ambient span:nth-child(13):where([data-direct-chat]) {
  --x: 48.636%;
  --y: 63.628%;
  --delay: -1s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(14),
.mcp-dots-ambient span:nth-child(14):where([data-direct-chat]) {
  --x: 10.439%;
  --y: 1.347%;
  --delay: -2s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(15),
.mcp-dots-ambient span:nth-child(15):where([data-direct-chat]) {
  --x: 72.242%;
  --y: 39.066%;
  --delay: -3s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(16),
.mcp-dots-ambient span:nth-child(16):where([data-direct-chat]) {
  --x: 34.045%;
  --y: 76.785%;
  --delay: -4s;
  --duration: 6s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(17),
.mcp-dots-ambient span:nth-child(17):where([data-direct-chat]) {
  --x: 95.848%;
  --y: 14.504%;
  --delay: -5s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(18),
.mcp-dots-ambient span:nth-child(18):where([data-direct-chat]) {
  --x: 57.651%;
  --y: 52.223%;
  --delay: -6s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(19),
.mcp-dots-ambient span:nth-child(19):where([data-direct-chat]) {
  --x: 19.454%;
  --y: 89.942%;
  --delay: -7s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(20),
.mcp-dots-ambient span:nth-child(20):where([data-direct-chat]) {
  --x: 81.257%;
  --y: 27.661%;
  --delay: -8s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(21),
.mcp-dots-ambient span:nth-child(21):where([data-direct-chat]) {
  --x: 43.06%;
  --y: 65.38%;
  --delay: -9s;
  --duration: 11s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(22),
.mcp-dots-ambient span:nth-child(22):where([data-direct-chat]) {
  --x: 4.863%;
  --y: 3.099%;
  --delay: -10s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(23),
.mcp-dots-ambient span:nth-child(23):where([data-direct-chat]) {
  --x: 66.666%;
  --y: 40.818%;
  --delay: 0s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(24),
.mcp-dots-ambient span:nth-child(24):where([data-direct-chat]) {
  --x: 28.469%;
  --y: 78.537%;
  --delay: -1s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(25),
.mcp-dots-ambient span:nth-child(25):where([data-direct-chat]) {
  --x: 90.272%;
  --y: 16.256%;
  --delay: -2s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(26),
.mcp-dots-ambient span:nth-child(26):where([data-direct-chat]) {
  --x: 52.075%;
  --y: 53.975%;
  --delay: -3s;
  --duration: 9s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(27),
.mcp-dots-ambient span:nth-child(27):where([data-direct-chat]) {
  --x: 13.878%;
  --y: 91.694%;
  --delay: -4s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(28),
.mcp-dots-ambient span:nth-child(28):where([data-direct-chat]) {
  --x: 75.681%;
  --y: 29.413%;
  --delay: -5s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(29),
.mcp-dots-ambient span:nth-child(29):where([data-direct-chat]) {
  --x: 37.484%;
  --y: 67.132%;
  --delay: -6s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(30),
.mcp-dots-ambient span:nth-child(30):where([data-direct-chat]) {
  --x: 99.287%;
  --y: 4.851%;
  --delay: -7s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(31),
.mcp-dots-ambient span:nth-child(31):where([data-direct-chat]) {
  --x: 61.09%;
  --y: 42.57%;
  --delay: -8s;
  --duration: 7s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(32),
.mcp-dots-ambient span:nth-child(32):where([data-direct-chat]) {
  --x: 22.893%;
  --y: 80.289%;
  --delay: -9s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(33),
.mcp-dots-ambient span:nth-child(33):where([data-direct-chat]) {
  --x: 84.696%;
  --y: 18.008%;
  --delay: -10s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(34),
.mcp-dots-ambient span:nth-child(34):where([data-direct-chat]) {
  --x: 46.499%;
  --y: 55.727%;
  --delay: 0s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(35),
.mcp-dots-ambient span:nth-child(35):where([data-direct-chat]) {
  --x: 8.302%;
  --y: 93.446%;
  --delay: -1s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(36),
.mcp-dots-ambient span:nth-child(36):where([data-direct-chat]) {
  --x: 70.105%;
  --y: 31.165%;
  --delay: -2s;
  --duration: 5s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(37),
.mcp-dots-ambient span:nth-child(37):where([data-direct-chat]) {
  --x: 31.908%;
  --y: 68.884%;
  --delay: -3s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(38),
.mcp-dots-ambient span:nth-child(38):where([data-direct-chat]) {
  --x: 93.711%;
  --y: 6.603%;
  --delay: -4s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(39),
.mcp-dots-ambient span:nth-child(39):where([data-direct-chat]) {
  --x: 55.514%;
  --y: 44.322%;
  --delay: -5s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(40),
.mcp-dots-ambient span:nth-child(40):where([data-direct-chat]) {
  --x: 17.317%;
  --y: 82.041%;
  --delay: -6s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(41),
.mcp-dots-ambient span:nth-child(41):where([data-direct-chat]) {
  --x: 79.12%;
  --y: 19.76%;
  --delay: -7s;
  --duration: 10s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(42),
.mcp-dots-ambient span:nth-child(42):where([data-direct-chat]) {
  --x: 40.923%;
  --y: 57.479%;
  --delay: -8s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(43),
.mcp-dots-ambient span:nth-child(43):where([data-direct-chat]) {
  --x: 2.726%;
  --y: 95.198%;
  --delay: -9s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(44),
.mcp-dots-ambient span:nth-child(44):where([data-direct-chat]) {
  --x: 64.529%;
  --y: 32.917%;
  --delay: -10s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(45),
.mcp-dots-ambient span:nth-child(45):where([data-direct-chat]) {
  --x: 26.332%;
  --y: 70.636%;
  --delay: 0s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(46),
.mcp-dots-ambient span:nth-child(46):where([data-direct-chat]) {
  --x: 88.135%;
  --y: 8.355%;
  --delay: -1s;
  --duration: 8s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(47),
.mcp-dots-ambient span:nth-child(47):where([data-direct-chat]) {
  --x: 49.938%;
  --y: 46.074%;
  --delay: -2s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(48),
.mcp-dots-ambient span:nth-child(48):where([data-direct-chat]) {
  --x: 11.741%;
  --y: 83.793%;
  --delay: -3s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(49),
.mcp-dots-ambient span:nth-child(49):where([data-direct-chat]) {
  --x: 73.544%;
  --y: 21.512%;
  --delay: -4s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(50),
.mcp-dots-ambient span:nth-child(50):where([data-direct-chat]) {
  --x: 35.347%;
  --y: 59.231%;
  --delay: -5s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(51),
.mcp-dots-ambient span:nth-child(51):where([data-direct-chat]) {
  --x: 97.15%;
  --y: 96.95%;
  --delay: -6s;
  --duration: 6s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(52),
.mcp-dots-ambient span:nth-child(52):where([data-direct-chat]) {
  --x: 58.953%;
  --y: 34.669%;
  --delay: -7s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(53),
.mcp-dots-ambient span:nth-child(53):where([data-direct-chat]) {
  --x: 20.756%;
  --y: 72.388%;
  --delay: -8s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(54),
.mcp-dots-ambient span:nth-child(54):where([data-direct-chat]) {
  --x: 82.559%;
  --y: 10.107%;
  --delay: -9s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(55),
.mcp-dots-ambient span:nth-child(55):where([data-direct-chat]) {
  --x: 44.362%;
  --y: 47.826%;
  --delay: -10s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(56),
.mcp-dots-ambient span:nth-child(56):where([data-direct-chat]) {
  --x: 6.165%;
  --y: 85.545%;
  --delay: 0s;
  --duration: 11s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(57),
.mcp-dots-ambient span:nth-child(57):where([data-direct-chat]) {
  --x: 67.968%;
  --y: 23.264%;
  --delay: -1s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(58),
.mcp-dots-ambient span:nth-child(58):where([data-direct-chat]) {
  --x: 29.771%;
  --y: 60.983%;
  --delay: -2s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(59),
.mcp-dots-ambient span:nth-child(59):where([data-direct-chat]) {
  --x: 91.574%;
  --y: 98.702%;
  --delay: -3s;
  --duration: 7s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(60),
.mcp-dots-ambient span:nth-child(60):where([data-direct-chat]) {
  --x: 53.377%;
  --y: 36.421%;
  --delay: -4s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(61),
.mcp-dots-ambient span:nth-child(61):where([data-direct-chat]) {
  --x: 15.18%;
  --y: 74.14%;
  --delay: -5s;
  --duration: 9s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(62),
.mcp-dots-ambient span:nth-child(62):where([data-direct-chat]) {
  --x: 76.983%;
  --y: 11.859%;
  --delay: -6s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(63),
.mcp-dots-ambient span:nth-child(63):where([data-direct-chat]) {
  --x: 38.786%;
  --y: 49.578%;
  --delay: -7s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(64),
.mcp-dots-ambient span:nth-child(64):where([data-direct-chat]) {
  --x: 0.589%;
  --y: 87.297%;
  --delay: -8s;
  --duration: 5s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(65),
.mcp-dots-ambient span:nth-child(65):where([data-direct-chat]) {
  --x: 62.392%;
  --y: 25.016%;
  --delay: -9s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(66),
.mcp-dots-ambient span:nth-child(66):where([data-direct-chat]) {
  --x: 24.195%;
  --y: 62.735%;
  --delay: -10s;
  --duration: 7s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(67),
.mcp-dots-ambient span:nth-child(67):where([data-direct-chat]) {
  --x: 85.998%;
  --y: 0.454%;
  --delay: 0s;
  --duration: 8s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(68),
.mcp-dots-ambient span:nth-child(68):where([data-direct-chat]) {
  --x: 47.801%;
  --y: 38.173%;
  --delay: -1s;
  --duration: 9s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(69),
.mcp-dots-ambient span:nth-child(69):where([data-direct-chat]) {
  --x: 9.604%;
  --y: 75.892%;
  --delay: -2s;
  --duration: 10s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(70),
.mcp-dots-ambient span:nth-child(70):where([data-direct-chat]) {
  --x: 71.407%;
  --y: 13.611%;
  --delay: -3s;
  --duration: 11s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(71),
.mcp-dots-ambient span:nth-child(71):where([data-direct-chat]) {
  --x: 33.21%;
  --y: 51.33%;
  --delay: -4s;
  --duration: 5s;
  --size: 3px;
}
:where([data-direct-chat]) .mcp-dots-ambient span:nth-child(72),
.mcp-dots-ambient span:nth-child(72):where([data-direct-chat]) {
  --x: 95.013%;
  --y: 89.049%;
  --delay: -5s;
  --duration: 6s;
  --size: 2px;
}
:where([data-direct-chat]) .mcp-dots,
.mcp-dots:where([data-direct-chat]) {
  pointer-events: none;
  z-index: 0;
  position: absolute;
  inset: -56px 0 -80px;
  overflow: hidden;
  mask-image: linear-gradient(#0000, #000 12% 85%, #0000);
}
:where([data-direct-chat]) .mcp-dots-ambient,
.mcp-dots-ambient:where([data-direct-chat]) {
  position: absolute;
  inset: 0;
}
:where([data-direct-chat]) .mcp-dots-ambient span,
.mcp-dots-ambient span:where([data-direct-chat]) {
  left: var(--x);
  top: var(--y);
  width: var(--size);
  height: var(--size);
  opacity: 0.16;
  animation: mcp-dot-breathe var(--duration) ease-in-out var(--delay) infinite;
  background: #fff;
  border-radius: 50%;
  animation-play-state: paused;
  position: absolute;
}
:where([data-direct-chat]) .is-in-view .mcp-dots-ambient span,
.is-in-view .mcp-dots-ambient span:where([data-direct-chat]) {
  animation-play-state: running;
}
:where([data-direct-chat]) .mcp-dots-pointer,
.mcp-dots-pointer:where([data-direct-chat]) {
  opacity: 0;
  background-image:
    radial-gradient(circle, #fff 1.4px, transparent 1.8px),
    radial-gradient(
      circle 160px at var(--pointer-x, -500px) var(--pointer-y, -500px),
      #ffffff24,
      transparent
    );
  mask-image: radial-gradient(
    circle 170px at var(--pointer-x, -500px) var(--pointer-y, -500px),
    #000,
    transparent
  );
  background-size:
    28px 28px,
    100% 100%;
  transition: opacity 0.24s;
  position: absolute;
  inset: 0;
}
:where([data-direct-chat]) .is-active .mcp-dots-pointer,
.is-active .mcp-dots-pointer:where([data-direct-chat]) {
  opacity: 0.24;
}
@media (prefers-reduced-motion: reduce) {
  :where([data-direct-chat]) .mcp-dots-ambient span,
  .mcp-dots-ambient span:where([data-direct-chat]) {
    opacity: 0.12;
    animation: none;
  }
  :where([data-direct-chat]) .mcp-dots-pointer,
  .mcp-dots-pointer:where([data-direct-chat]) {
    display: none;
  }
}
:where([data-direct-chat]) .chevron-icon,
.chevron-icon:where([data-direct-chat]) {
  width: 1rem;
  height: 1rem;
}
:where([data-direct-chat]) .menu-icon,
.menu-icon:where([data-direct-chat]) {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
:where([data-direct-chat]) .menu-icon svg,
.menu-icon svg:where([data-direct-chat]) {
  width: 20px;
  height: 20px;
}
:where([data-direct-chat]) {
  --iti-hover-color: #0000000d;
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-search-icon-color: #999;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url(/images/reconciled/flags.a2kmUSbF.webp);
  --iti-path-flags-2x: url(/images/reconciled/flags@2x.gR6KPp3x.webp);
  --iti-path-globe-1x: url(data:image/webp;base64,UklGRvoBAABXRUJQVlA4TO4BAAAvE8AEENXIkiRZtZu7H33ql07cqTlilvbz9i4tosSMZma27zWzHRGyIEk2bcu2bdvGn23btm3btm3btm0/m5PqAEkLTYYwxTPAW84Tl6wNgmvIqptKKH9nYAr4xle+TML/BDI2LSg6QHKT/nngE4+ZMIUePUGeTvly+YoV8F1DtkGUzlfst2LUKTX6PaWZeMWiDqN6PgcciGa2boYPmxlR5bIIL5l6RVyDYMXmY1f10pGb7PmAN6sRTBTN3N9C9Zi/LbVhlL+Oo2M7RxoE/a4+/nDjeBrSVwtGYXGGMIrUbJzCU1LgFftP9K1hkpOXmBim30cIJ1hgOkSwMhYCMgmaw7rXcfT5/wQcFhrcuaOEBuq5ytYblLPBEhV0Aq/ZqcDn/6RUDgrUL0/0UZgK/p+rR8/4nZAqFfuXA6TbtFQyJSe4gpj6T19a5q+HLEkox0mlWXvbIGbuJw28fkozjybhT5oXHNY4py5rH1CflcyeB1fId9wXDAvFmz/8m6AE/8TgYzEVGoRMCKUhND7PQho7jGo1utkdV559cm3llGFs3sxBZrmGbEExop91jyfg5G7BmCCi6evNaSDFBrG3vyaRNzt+HJ9kQpVbgj+xFUoNgr3abxqGfH3WfQq9lp5UZPRW74ZbFgpq+EGo67dUAQ==);
  --iti-path-globe-2x: url(data:image/webp;base64,UklGRlwFAABXRUJQVlA4TE8FAAAvJ8AJEEfHKJIkKdmcgvjj3wwill7QwKhtJEnOnIDmv/zJLAdGbSNJcuYENP/lT2Y5OGwjSZHmtL3wTFl9tp8SM/9xz47Ctm2b7mnwDggKFNd77jgHyxhIYVvLQBDEHEBKRQBIOXzQpAhiBQCIAMaIAACHhAQHIMFhhRkSRt1hlRIYDAZDhiE3CVrBS2gFkZGRYdA6mjQQBYAv6yOZSVAQCoPWMCWBIBQKwtCCUBANFARBlChBfPCG/dZUjxJECYJQECU+KGFQEC1YdN/NSUNRTDm4osQBGUwFjDFCBOYRo9QWxAmPlKQECRERMbVLCZapZ0owSrnz3hb6/P8auL9vAwr7/xeS5EV9q2sWU2vbtjla27Zt28akprq6a3bPtm2np87eJIvePUzd9fvoXkT0fwK4Vwdo8t6qyQW+O7Tn4k7NAdvi/jMR0fGpwhglhZBKm3B0pzvg3JcDrUuMEn7SDaUIRTLhhqb/AbDvw+bbJToMEq5QflFfv+QhJVPxcmkm/Ih9TzZfFxk/CJUnP7zMykJqnhsqQ51M6tTv2Pdgc/GKCuKmaI96HlhVAJy4vWVWWgRSfYJ9l4jv+4aB0F15Td3kH1YW4DiMnEJHGSaFOoOdw4LxOhCqPTf0JvLys6I8Wv/9BeeuhEkZfE+UZfNSOumqT+CArgHwbBHZw+ZB00AGeiYxIKKudH2zDxg97VK7FxdO6+9Pmt3l4J/bZR58rtyEOY6dtdhcMbPh2jsyNKr3mNnDy+c8Pig0od5wGXakg7DYgYgfU5648s0fC0Ljv9SigQVrHwUafXVgmNE92zBBBeYjsHn5L6Emz/6776EnxwJUsqKADMDmq8fG/T16fujr7lhknhheLG4PPwFD15IXs2xWFWBZVj4ndDW+fDItPRncssi75Fxv/iHQQL2PDbkg4k/zP/BfgfR1axxy59PM/IYdsypZWUCUiTlck2/zTz4fm3LzqkNlxxnzW+A4fK4vkbNrIbn7bgVoKn3djQu90krrllynQ1g7v2rpjUYsfeR6tdLSaqV5w5fR6E5+k8BVT/0aqqSXDAdV4wvpCplTCJnbFTLb9dTEHjoQQiTMC7Ah3PPuwbffOfD+xP4d3s7uMGDC+wcOvrs7kVKTZ6m4EMIVfn1O61JyrnuU3EM3A3znefrp142f5cnmnDXNyXecPFYUYNt2pVUlvot//qWFDszz9aTrCuGpQVX4Wn+KAw6rCrAgw/eqLZXQVQfmXZ5QnnCF2wrwdlJ5F8DhC1MP/itRnhv+wmHji7hpT+x0tekziRw7jxUF2LZznX3xOydH3e5fVhYWO5QOlClPzYFX9EMD65P9bBHZ16fLq7dHfrlal5vO2LxuKkTcfABvjZDxwsWvf9hs7pCv2ry5cowvB2/8iosq5YraWHw7JCxLyaAWZPoUrilMaRMKo8WwpQv0z2AXqnLzLA42H5gKEVcTuM76RfDtpVrzh9b5oTp0e5SI+Topy78hAzFm6QqRMN2gugNYLH0EoHF6Pyw3vm+OYQMRlwPpCd+sAep/WQ1OPGZZ13lO0ugpE0+m1xGRbdNKe67wzTN3Nouw3yfw03WH+nrnqUAnEul5YOXA5o20L4SnAiXjoX6f7Pm6RIeBl14EGe4a8VLad4UnvZTwysxR2DtOumEiUOpliLi7FWNb2vOEK4QQnnyoIav+Ko9XhGbUF1gZ7tWKcVBLX+T05HkOGmn0iA4WjsW9Ww6ny3WiTAjhyd41WWfGrv4sAof7t/l+ppGJlFeR7oBVr4kF2BYP0oYjDxsZpjuTsQDHsXjAUYxrrwwe9gGWRRRZ3CcA);
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
:where([data-direct-chat]) .iti,
.iti:where([data-direct-chat]) {
  display: inline-block;
  position: relative;
}
:where([data-direct-chat]) .iti *,
.iti *:where([data-direct-chat]) {
  box-sizing: border-box;
}
:where([data-direct-chat]) .iti__a11y-text,
.iti__a11y-text:where([data-direct-chat]) {
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
:where([data-direct-chat]) .iti input.iti__tel-input,
.iti input.iti__tel-input:where([data-direct-chat]),
:where([data-direct-chat]) .iti input.iti__tel-input[type="text"],
.iti input.iti__tel-input[type="text"]:where([data-direct-chat]),
:where([data-direct-chat]) .iti input.iti__tel-input[type="tel"],
.iti input.iti__tel-input[type="tel"]:where([data-direct-chat]) {
  z-index: 0;
  position: relative;
  margin: 0 !important;
}
:where([data-direct-chat]) .iti__country-container,
.iti__country-container:where([data-direct-chat]) {
  padding: var(--iti-border-width);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
:where([data-direct-chat]) .iti__selected-country,
.iti__selected-country:where([data-direct-chat]) {
  z-index: 1;
  height: 100%;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: 0 0;
  border: 0;
  border-radius: 0;
  align-items: center;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}
:where([data-direct-chat]) .iti__selected-country-primary,
.iti__selected-country-primary:where([data-direct-chat]) {
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  align-items: center;
  display: flex;
}
:where([data-direct-chat]) .iti__arrow,
.iti__arrow:where([data-direct-chat]) {
  margin-left: var(--iti-arrow-padding);
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
  width: 0;
  height: 0;
}
:where([data-direct-chat]) .iti__arrow--up,
.iti__arrow--up:where([data-direct-chat]) {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
:where([data-direct-chat]) .iti__dropdown-content,
.iti__dropdown-content:where([data-direct-chat]) {
  background-color: var(--iti-dropdown-bg);
  border-radius: 3px;
}
:where([data-direct-chat]) .iti--inline-dropdown .iti__dropdown-content,
.iti--inline-dropdown .iti__dropdown-content:where([data-direct-chat]) {
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  position: absolute;
  box-shadow: 1px 1px 4px #0003;
}
:where([data-direct-chat]) .iti__search-input,
.iti__search-input:where([data-direct-chat]) {
  border-width: 0;
  border-radius: 3px;
  width: 100%;
  padding-left: 30px;
  padding-right: 28px;
}
:where([data-direct-chat]) [dir="rtl"] .iti__search-input,
[dir="rtl"] .iti__search-input:where([data-direct-chat]) {
  padding-left: inherit;
  background-position: right 8px center;
  padding-right: 30px;
}
:where([data-direct-chat]) .iti__search-input + .iti__country-list,
.iti__search-input + .iti__country-list:where([data-direct-chat]) {
  border-top: 1px solid var(--iti-border-color);
}
:where([data-direct-chat]) .iti__search-input::-webkit-search-cancel-button,
.iti__search-input:where([data-direct-chat])::-webkit-search-cancel-button {
  appearance: none;
}
:where([data-direct-chat]) .iti__search-input-wrapper,
.iti__search-input-wrapper:where([data-direct-chat]) {
  align-items: center;
  display: flex;
  position: relative;
}
:where([data-direct-chat]) .iti__search-icon,
.iti__search-icon:where([data-direct-chat]) {
  pointer-events: none;
  display: flex;
  position: absolute;
  left: 8px;
}
:where([data-direct-chat]) [dir="rtl"] .iti__search-icon,
[dir="rtl"] .iti__search-icon:where([data-direct-chat]) {
  left: auto;
  right: 8px;
}
:where([data-direct-chat]) .iti__search-icon-svg,
.iti__search-icon-svg:where([data-direct-chat]) {
  stroke: var(--iti-search-icon-color);
  fill: none;
  stroke-width: 3px;
}
:where([data-direct-chat]) .iti__search-clear,
.iti__search-clear:where([data-direct-chat]) {
  cursor: pointer;
  background: 0 0;
  border: 0;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  transition: background-color 0.15s;
  display: flex;
  position: absolute;
  right: 4px;
}
:where([data-direct-chat]) .iti__search-clear .iti__search-clear-x,
.iti__search-clear .iti__search-clear-x:where([data-direct-chat]) {
  stroke-width: 2px;
}
:where([data-direct-chat]) .iti__search-clear .iti__search-clear-bg,
.iti__search-clear .iti__search-clear-bg:where([data-direct-chat]) {
  fill: var(--iti-search-icon-color);
}
:where([data-direct-chat]) [dir="rtl"] .iti__search-clear,
[dir="rtl"] .iti__search-clear:where([data-direct-chat]) {
  left: 4px;
  right: auto;
}
:where([data-direct-chat]) .iti__search-clear:hover,
.iti__search-clear:hover:where([data-direct-chat]),
:where([data-direct-chat]) .iti__search-clear:focus-visible,
.iti__search-clear:focus-visible:where([data-direct-chat]) {
  background: var(--iti-hover-color);
  outline: none;
}
:where([data-direct-chat]) .iti__no-results,
.iti__no-results:where([data-direct-chat]) {
  text-align: center;
  padding: 30px 0;
}
:where([data-direct-chat]) .iti__country-list,
.iti__country-list:where([data-direct-chat]) {
  cursor: pointer;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: scroll;
}
:where([data-direct-chat]) .iti--inline-dropdown .iti__country-list,
.iti--inline-dropdown .iti__country-list:where([data-direct-chat]) {
  max-height: 185px;
}
:where([data-direct-chat]) .iti--flexible-dropdown-width .iti__country-list,
.iti--flexible-dropdown-width .iti__country-list:where([data-direct-chat]) {
  white-space: nowrap;
}
@media (width<=500px) {
  :where([data-direct-chat]) .iti--flexible-dropdown-width .iti__country-list,
  .iti--flexible-dropdown-width .iti__country-list:where([data-direct-chat]) {
    white-space: normal;
  }
}
:where([data-direct-chat]) .iti__country,
.iti__country:where([data-direct-chat]) {
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
  align-items: center;
  display: flex;
}
:where([data-direct-chat]) .iti__dial-code,
.iti__dial-code:where([data-direct-chat]) {
  color: var(--iti-dialcode-color);
}
:where([data-direct-chat]) .iti__country.iti__highlight,
.iti__country.iti__highlight:where([data-direct-chat]) {
  background-color: var(--iti-hover-color);
}
:where([data-direct-chat]) .iti__country-list .iti__flag,
.iti__country-list .iti__flag:where([data-direct-chat]),
:where([data-direct-chat]) .iti__country-name,
.iti__country-name:where([data-direct-chat]) {
  margin-right: var(--iti-spacer-horizontal);
}
:where([data-direct-chat]) [dir="rtl"] .iti__country-list .iti__flag,
[dir="rtl"] .iti__country-list .iti__flag:where([data-direct-chat]),
:where([data-direct-chat]) [dir="rtl"] .iti__country-name,
[dir="rtl"] .iti__country-name:where([data-direct-chat]) {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
:where([data-direct-chat])
  .iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  button.iti__selected-country,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  button.iti__selected-country:where([data-direct-chat]) {
  cursor: pointer;
}
:where([data-direct-chat])
  .iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country-primary:hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country-primary:hover:where([data-direct-chat]),
:where([data-direct-chat])
  .iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary:where([data-direct-chat]) {
  background-color: var(--iti-hover-color);
}
:where([data-direct-chat]) .iti .iti__selected-dial-code,
.iti .iti__selected-dial-code:where([data-direct-chat]) {
  margin-left: 4px;
}
:where([data-direct-chat]) .iti--container,
.iti--container:where([data-direct-chat]) {
  z-index: 1060;
  padding: var(--iti-border-width);
  position: fixed;
  top: -1000px;
  left: -1000px;
}
:where([data-direct-chat]) .iti--container:hover,
.iti--container:hover:where([data-direct-chat]) {
  cursor: pointer;
}
:where([data-direct-chat]) .iti__hide,
.iti__hide:where([data-direct-chat]) {
  display: none;
}
:where([data-direct-chat]) .iti__v-hide,
.iti__v-hide:where([data-direct-chat]) {
  visibility: hidden;
}
:where([data-direct-chat]) .iti--fullscreen-popup.iti--container,
.iti--fullscreen-popup.iti--container:where([data-direct-chat]) {
  padding: var(--iti-mobile-popup-margin);
  background-color: #00000080;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: fixed;
  inset: 0;
}
:where([data-direct-chat]) .iti--fullscreen-popup .iti__dropdown-content,
.iti--fullscreen-popup .iti__dropdown-content:where([data-direct-chat]) {
  flex-direction: column;
  max-height: 100%;
  display: flex;
  position: relative;
}
:where([data-direct-chat]) .iti--fullscreen-popup .iti__country,
.iti--fullscreen-popup .iti__country:where([data-direct-chat]) {
  padding: 10px;
  line-height: 1.5em;
}
:where([data-direct-chat]) .iti__flag,
.iti__flag:where([data-direct-chat]) {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
  border-radius: 1px;
  box-shadow: 0 0 1px #888;
}
:where([data-direct-chat]) .iti__ac,
.iti__ac:where([data-direct-chat]) {
  --iti-flag-offset: 0px;
}
:where([data-direct-chat]) .iti__ad,
.iti__ad:where([data-direct-chat]) {
  --iti-flag-offset: -16px;
}
:where([data-direct-chat]) .iti__ae,
.iti__ae:where([data-direct-chat]) {
  --iti-flag-offset: -32px;
}
:where([data-direct-chat]) .iti__af,
.iti__af:where([data-direct-chat]) {
  --iti-flag-offset: -48px;
}
:where([data-direct-chat]) .iti__ag,
.iti__ag:where([data-direct-chat]) {
  --iti-flag-offset: -64px;
}
:where([data-direct-chat]) .iti__ai,
.iti__ai:where([data-direct-chat]) {
  --iti-flag-offset: -80px;
}
:where([data-direct-chat]) .iti__al,
.iti__al:where([data-direct-chat]) {
  --iti-flag-offset: -96px;
}
:where([data-direct-chat]) .iti__am,
.iti__am:where([data-direct-chat]) {
  --iti-flag-offset: -112px;
}
:where([data-direct-chat]) .iti__ao,
.iti__ao:where([data-direct-chat]) {
  --iti-flag-offset: -128px;
}
:where([data-direct-chat]) .iti__ar,
.iti__ar:where([data-direct-chat]) {
  --iti-flag-offset: -144px;
}
:where([data-direct-chat]) .iti__as,
.iti__as:where([data-direct-chat]) {
  --iti-flag-offset: -160px;
}
:where([data-direct-chat]) .iti__at,
.iti__at:where([data-direct-chat]) {
  --iti-flag-offset: -176px;
}
:where([data-direct-chat]) .iti__au,
.iti__au:where([data-direct-chat]) {
  --iti-flag-offset: -192px;
}
:where([data-direct-chat]) .iti__aw,
.iti__aw:where([data-direct-chat]) {
  --iti-flag-offset: -208px;
}
:where([data-direct-chat]) .iti__ax,
.iti__ax:where([data-direct-chat]) {
  --iti-flag-offset: -224px;
}
:where([data-direct-chat]) .iti__az,
.iti__az:where([data-direct-chat]) {
  --iti-flag-offset: -240px;
}
:where([data-direct-chat]) .iti__ba,
.iti__ba:where([data-direct-chat]) {
  --iti-flag-offset: -256px;
}
:where([data-direct-chat]) .iti__bb,
.iti__bb:where([data-direct-chat]) {
  --iti-flag-offset: -272px;
}
:where([data-direct-chat]) .iti__bd,
.iti__bd:where([data-direct-chat]) {
  --iti-flag-offset: -288px;
}
:where([data-direct-chat]) .iti__be,
.iti__be:where([data-direct-chat]) {
  --iti-flag-offset: -304px;
}
:where([data-direct-chat]) .iti__bf,
.iti__bf:where([data-direct-chat]) {
  --iti-flag-offset: -320px;
}
:where([data-direct-chat]) .iti__bg,
.iti__bg:where([data-direct-chat]) {
  --iti-flag-offset: -336px;
}
:where([data-direct-chat]) .iti__bh,
.iti__bh:where([data-direct-chat]) {
  --iti-flag-offset: -352px;
}
:where([data-direct-chat]) .iti__bi,
.iti__bi:where([data-direct-chat]) {
  --iti-flag-offset: -368px;
}
:where([data-direct-chat]) .iti__bj,
.iti__bj:where([data-direct-chat]) {
  --iti-flag-offset: -384px;
}
:where([data-direct-chat]) .iti__bl,
.iti__bl:where([data-direct-chat]) {
  --iti-flag-offset: -400px;
}
:where([data-direct-chat]) .iti__bm,
.iti__bm:where([data-direct-chat]) {
  --iti-flag-offset: -416px;
}
:where([data-direct-chat]) .iti__bn,
.iti__bn:where([data-direct-chat]) {
  --iti-flag-offset: -432px;
}
:where([data-direct-chat]) .iti__bo,
.iti__bo:where([data-direct-chat]) {
  --iti-flag-offset: -448px;
}
:where([data-direct-chat]) .iti__bq,
.iti__bq:where([data-direct-chat]) {
  --iti-flag-offset: -464px;
}
:where([data-direct-chat]) .iti__br,
.iti__br:where([data-direct-chat]) {
  --iti-flag-offset: -480px;
}
:where([data-direct-chat]) .iti__bs,
.iti__bs:where([data-direct-chat]) {
  --iti-flag-offset: -496px;
}
:where([data-direct-chat]) .iti__bt,
.iti__bt:where([data-direct-chat]) {
  --iti-flag-offset: -512px;
}
:where([data-direct-chat]) .iti__bw,
.iti__bw:where([data-direct-chat]) {
  --iti-flag-offset: -528px;
}
:where([data-direct-chat]) .iti__by,
.iti__by:where([data-direct-chat]) {
  --iti-flag-offset: -544px;
}
:where([data-direct-chat]) .iti__bz,
.iti__bz:where([data-direct-chat]) {
  --iti-flag-offset: -560px;
}
:where([data-direct-chat]) .iti__ca,
.iti__ca:where([data-direct-chat]) {
  --iti-flag-offset: -576px;
}
:where([data-direct-chat]) .iti__cc,
.iti__cc:where([data-direct-chat]) {
  --iti-flag-offset: -592px;
}
:where([data-direct-chat]) .iti__cd,
.iti__cd:where([data-direct-chat]) {
  --iti-flag-offset: -608px;
}
:where([data-direct-chat]) .iti__cf,
.iti__cf:where([data-direct-chat]) {
  --iti-flag-offset: -624px;
}
:where([data-direct-chat]) .iti__cg,
.iti__cg:where([data-direct-chat]) {
  --iti-flag-offset: -640px;
}
:where([data-direct-chat]) .iti__ch,
.iti__ch:where([data-direct-chat]) {
  --iti-flag-offset: -656px;
}
:where([data-direct-chat]) .iti__ci,
.iti__ci:where([data-direct-chat]) {
  --iti-flag-offset: -672px;
}
:where([data-direct-chat]) .iti__ck,
.iti__ck:where([data-direct-chat]) {
  --iti-flag-offset: -688px;
}
:where([data-direct-chat]) .iti__cl,
.iti__cl:where([data-direct-chat]) {
  --iti-flag-offset: -704px;
}
:where([data-direct-chat]) .iti__cm,
.iti__cm:where([data-direct-chat]) {
  --iti-flag-offset: -720px;
}
:where([data-direct-chat]) .iti__cn,
.iti__cn:where([data-direct-chat]) {
  --iti-flag-offset: -736px;
}
:where([data-direct-chat]) .iti__co,
.iti__co:where([data-direct-chat]) {
  --iti-flag-offset: -752px;
}
:where([data-direct-chat]) .iti__cr,
.iti__cr:where([data-direct-chat]) {
  --iti-flag-offset: -768px;
}
:where([data-direct-chat]) .iti__cu,
.iti__cu:where([data-direct-chat]) {
  --iti-flag-offset: -784px;
}
:where([data-direct-chat]) .iti__cv,
.iti__cv:where([data-direct-chat]) {
  --iti-flag-offset: -800px;
}
:where([data-direct-chat]) .iti__cw,
.iti__cw:where([data-direct-chat]) {
  --iti-flag-offset: -816px;
}
:where([data-direct-chat]) .iti__cx,
.iti__cx:where([data-direct-chat]) {
  --iti-flag-offset: -832px;
}
:where([data-direct-chat]) .iti__cy,
.iti__cy:where([data-direct-chat]) {
  --iti-flag-offset: -848px;
}
:where([data-direct-chat]) .iti__cz,
.iti__cz:where([data-direct-chat]) {
  --iti-flag-offset: -864px;
}
:where([data-direct-chat]) .iti__de,
.iti__de:where([data-direct-chat]) {
  --iti-flag-offset: -880px;
}
:where([data-direct-chat]) .iti__dj,
.iti__dj:where([data-direct-chat]) {
  --iti-flag-offset: -896px;
}
:where([data-direct-chat]) .iti__dk,
.iti__dk:where([data-direct-chat]) {
  --iti-flag-offset: -912px;
}
:where([data-direct-chat]) .iti__dm,
.iti__dm:where([data-direct-chat]) {
  --iti-flag-offset: -928px;
}
:where([data-direct-chat]) .iti__do,
.iti__do:where([data-direct-chat]) {
  --iti-flag-offset: -944px;
}
:where([data-direct-chat]) .iti__dz,
.iti__dz:where([data-direct-chat]) {
  --iti-flag-offset: -960px;
}
:where([data-direct-chat]) .iti__ec,
.iti__ec:where([data-direct-chat]) {
  --iti-flag-offset: -976px;
}
:where([data-direct-chat]) .iti__ee,
.iti__ee:where([data-direct-chat]) {
  --iti-flag-offset: -992px;
}
:where([data-direct-chat]) .iti__eg,
.iti__eg:where([data-direct-chat]) {
  --iti-flag-offset: -1008px;
}
:where([data-direct-chat]) .iti__eh,
.iti__eh:where([data-direct-chat]) {
  --iti-flag-offset: -1024px;
}
:where([data-direct-chat]) .iti__er,
.iti__er:where([data-direct-chat]) {
  --iti-flag-offset: -1040px;
}
:where([data-direct-chat]) .iti__es,
.iti__es:where([data-direct-chat]) {
  --iti-flag-offset: -1056px;
}
:where([data-direct-chat]) .iti__et,
.iti__et:where([data-direct-chat]) {
  --iti-flag-offset: -1072px;
}
:where([data-direct-chat]) .iti__fi,
.iti__fi:where([data-direct-chat]) {
  --iti-flag-offset: -1088px;
}
:where([data-direct-chat]) .iti__fj,
.iti__fj:where([data-direct-chat]) {
  --iti-flag-offset: -1104px;
}
:where([data-direct-chat]) .iti__fk,
.iti__fk:where([data-direct-chat]) {
  --iti-flag-offset: -1120px;
}
:where([data-direct-chat]) .iti__fm,
.iti__fm:where([data-direct-chat]) {
  --iti-flag-offset: -1136px;
}
:where([data-direct-chat]) .iti__fo,
.iti__fo:where([data-direct-chat]) {
  --iti-flag-offset: -1152px;
}
:where([data-direct-chat]) .iti__fr,
.iti__fr:where([data-direct-chat]) {
  --iti-flag-offset: -1168px;
}
:where([data-direct-chat]) .iti__ga,
.iti__ga:where([data-direct-chat]) {
  --iti-flag-offset: -1184px;
}
:where([data-direct-chat]) .iti__gb,
.iti__gb:where([data-direct-chat]) {
  --iti-flag-offset: -1200px;
}
:where([data-direct-chat]) .iti__gd,
.iti__gd:where([data-direct-chat]) {
  --iti-flag-offset: -1216px;
}
:where([data-direct-chat]) .iti__ge,
.iti__ge:where([data-direct-chat]) {
  --iti-flag-offset: -1232px;
}
:where([data-direct-chat]) .iti__gf,
.iti__gf:where([data-direct-chat]) {
  --iti-flag-offset: -1248px;
}
:where([data-direct-chat]) .iti__gg,
.iti__gg:where([data-direct-chat]) {
  --iti-flag-offset: -1264px;
}
:where([data-direct-chat]) .iti__gh,
.iti__gh:where([data-direct-chat]) {
  --iti-flag-offset: -1280px;
}
:where([data-direct-chat]) .iti__gi,
.iti__gi:where([data-direct-chat]) {
  --iti-flag-offset: -1296px;
}
:where([data-direct-chat]) .iti__gl,
.iti__gl:where([data-direct-chat]) {
  --iti-flag-offset: -1312px;
}
:where([data-direct-chat]) .iti__gm,
.iti__gm:where([data-direct-chat]) {
  --iti-flag-offset: -1328px;
}
:where([data-direct-chat]) .iti__gn,
.iti__gn:where([data-direct-chat]) {
  --iti-flag-offset: -1344px;
}
:where([data-direct-chat]) .iti__gp,
.iti__gp:where([data-direct-chat]) {
  --iti-flag-offset: -1360px;
}
:where([data-direct-chat]) .iti__gq,
.iti__gq:where([data-direct-chat]) {
  --iti-flag-offset: -1376px;
}
:where([data-direct-chat]) .iti__gr,
.iti__gr:where([data-direct-chat]) {
  --iti-flag-offset: -1392px;
}
:where([data-direct-chat]) .iti__gt,
.iti__gt:where([data-direct-chat]) {
  --iti-flag-offset: -1408px;
}
:where([data-direct-chat]) .iti__gu,
.iti__gu:where([data-direct-chat]) {
  --iti-flag-offset: -1424px;
}
:where([data-direct-chat]) .iti__gw,
.iti__gw:where([data-direct-chat]) {
  --iti-flag-offset: -1440px;
}
:where([data-direct-chat]) .iti__gy,
.iti__gy:where([data-direct-chat]) {
  --iti-flag-offset: -1456px;
}
:where([data-direct-chat]) .iti__hk,
.iti__hk:where([data-direct-chat]) {
  --iti-flag-offset: -1472px;
}
:where([data-direct-chat]) .iti__hn,
.iti__hn:where([data-direct-chat]) {
  --iti-flag-offset: -1488px;
}
:where([data-direct-chat]) .iti__hr,
.iti__hr:where([data-direct-chat]) {
  --iti-flag-offset: -1504px;
}
:where([data-direct-chat]) .iti__ht,
.iti__ht:where([data-direct-chat]) {
  --iti-flag-offset: -1520px;
}
:where([data-direct-chat]) .iti__hu,
.iti__hu:where([data-direct-chat]) {
  --iti-flag-offset: -1536px;
}
:where([data-direct-chat]) .iti__id,
.iti__id:where([data-direct-chat]) {
  --iti-flag-offset: -1552px;
}
:where([data-direct-chat]) .iti__ie,
.iti__ie:where([data-direct-chat]) {
  --iti-flag-offset: -1568px;
}
:where([data-direct-chat]) .iti__il,
.iti__il:where([data-direct-chat]) {
  --iti-flag-offset: -1584px;
}
:where([data-direct-chat]) .iti__im,
.iti__im:where([data-direct-chat]) {
  --iti-flag-offset: -1600px;
}
:where([data-direct-chat]) .iti__in,
.iti__in:where([data-direct-chat]) {
  --iti-flag-offset: -1616px;
}
:where([data-direct-chat]) .iti__io,
.iti__io:where([data-direct-chat]) {
  --iti-flag-offset: -1632px;
}
:where([data-direct-chat]) .iti__iq,
.iti__iq:where([data-direct-chat]) {
  --iti-flag-offset: -1648px;
}
:where([data-direct-chat]) .iti__ir,
.iti__ir:where([data-direct-chat]) {
  --iti-flag-offset: -1664px;
}
:where([data-direct-chat]) .iti__is,
.iti__is:where([data-direct-chat]) {
  --iti-flag-offset: -1680px;
}
:where([data-direct-chat]) .iti__it,
.iti__it:where([data-direct-chat]) {
  --iti-flag-offset: -1696px;
}
:where([data-direct-chat]) .iti__je,
.iti__je:where([data-direct-chat]) {
  --iti-flag-offset: -1712px;
}
:where([data-direct-chat]) .iti__jm,
.iti__jm:where([data-direct-chat]) {
  --iti-flag-offset: -1728px;
}
:where([data-direct-chat]) .iti__jo,
.iti__jo:where([data-direct-chat]) {
  --iti-flag-offset: -1744px;
}
:where([data-direct-chat]) .iti__jp,
.iti__jp:where([data-direct-chat]) {
  --iti-flag-offset: -1760px;
}
:where([data-direct-chat]) .iti__ke,
.iti__ke:where([data-direct-chat]) {
  --iti-flag-offset: -1776px;
}
:where([data-direct-chat]) .iti__kg,
.iti__kg:where([data-direct-chat]) {
  --iti-flag-offset: -1792px;
}
:where([data-direct-chat]) .iti__kh,
.iti__kh:where([data-direct-chat]) {
  --iti-flag-offset: -1808px;
}
:where([data-direct-chat]) .iti__ki,
.iti__ki:where([data-direct-chat]) {
  --iti-flag-offset: -1824px;
}
:where([data-direct-chat]) .iti__km,
.iti__km:where([data-direct-chat]) {
  --iti-flag-offset: -1840px;
}
:where([data-direct-chat]) .iti__kn,
.iti__kn:where([data-direct-chat]) {
  --iti-flag-offset: -1856px;
}
:where([data-direct-chat]) .iti__kp,
.iti__kp:where([data-direct-chat]) {
  --iti-flag-offset: -1872px;
}
:where([data-direct-chat]) .iti__kr,
.iti__kr:where([data-direct-chat]) {
  --iti-flag-offset: -1888px;
}
:where([data-direct-chat]) .iti__kw,
.iti__kw:where([data-direct-chat]) {
  --iti-flag-offset: -1904px;
}
:where([data-direct-chat]) .iti__ky,
.iti__ky:where([data-direct-chat]) {
  --iti-flag-offset: -1920px;
}
:where([data-direct-chat]) .iti__kz,
.iti__kz:where([data-direct-chat]) {
  --iti-flag-offset: -1936px;
}
:where([data-direct-chat]) .iti__la,
.iti__la:where([data-direct-chat]) {
  --iti-flag-offset: -1952px;
}
:where([data-direct-chat]) .iti__lb,
.iti__lb:where([data-direct-chat]) {
  --iti-flag-offset: -1968px;
}
:where([data-direct-chat]) .iti__lc,
.iti__lc:where([data-direct-chat]) {
  --iti-flag-offset: -1984px;
}
:where([data-direct-chat]) .iti__li,
.iti__li:where([data-direct-chat]) {
  --iti-flag-offset: -2000px;
}
:where([data-direct-chat]) .iti__lk,
.iti__lk:where([data-direct-chat]) {
  --iti-flag-offset: -2016px;
}
:where([data-direct-chat]) .iti__lr,
.iti__lr:where([data-direct-chat]) {
  --iti-flag-offset: -2032px;
}
:where([data-direct-chat]) .iti__ls,
.iti__ls:where([data-direct-chat]) {
  --iti-flag-offset: -2048px;
}
:where([data-direct-chat]) .iti__lt,
.iti__lt:where([data-direct-chat]) {
  --iti-flag-offset: -2064px;
}
:where([data-direct-chat]) .iti__lu,
.iti__lu:where([data-direct-chat]) {
  --iti-flag-offset: -2080px;
}
:where([data-direct-chat]) .iti__lv,
.iti__lv:where([data-direct-chat]) {
  --iti-flag-offset: -2096px;
}
:where([data-direct-chat]) .iti__ly,
.iti__ly:where([data-direct-chat]) {
  --iti-flag-offset: -2112px;
}
:where([data-direct-chat]) .iti__ma,
.iti__ma:where([data-direct-chat]) {
  --iti-flag-offset: -2128px;
}
:where([data-direct-chat]) .iti__mc,
.iti__mc:where([data-direct-chat]) {
  --iti-flag-offset: -2144px;
}
:where([data-direct-chat]) .iti__md,
.iti__md:where([data-direct-chat]) {
  --iti-flag-offset: -2160px;
}
:where([data-direct-chat]) .iti__me,
.iti__me:where([data-direct-chat]) {
  --iti-flag-offset: -2176px;
}
:where([data-direct-chat]) .iti__mf,
.iti__mf:where([data-direct-chat]) {
  --iti-flag-offset: -2192px;
}
:where([data-direct-chat]) .iti__mg,
.iti__mg:where([data-direct-chat]) {
  --iti-flag-offset: -2208px;
}
:where([data-direct-chat]) .iti__mh,
.iti__mh:where([data-direct-chat]) {
  --iti-flag-offset: -2224px;
}
:where([data-direct-chat]) .iti__mk,
.iti__mk:where([data-direct-chat]) {
  --iti-flag-offset: -2240px;
}
:where([data-direct-chat]) .iti__ml,
.iti__ml:where([data-direct-chat]) {
  --iti-flag-offset: -2256px;
}
:where([data-direct-chat]) .iti__mm,
.iti__mm:where([data-direct-chat]) {
  --iti-flag-offset: -2272px;
}
:where([data-direct-chat]) .iti__mn,
.iti__mn:where([data-direct-chat]) {
  --iti-flag-offset: -2288px;
}
:where([data-direct-chat]) .iti__mo,
.iti__mo:where([data-direct-chat]) {
  --iti-flag-offset: -2304px;
}
:where([data-direct-chat]) .iti__mp,
.iti__mp:where([data-direct-chat]) {
  --iti-flag-offset: -2320px;
}
:where([data-direct-chat]) .iti__mq,
.iti__mq:where([data-direct-chat]) {
  --iti-flag-offset: -2336px;
}
:where([data-direct-chat]) .iti__mr,
.iti__mr:where([data-direct-chat]) {
  --iti-flag-offset: -2352px;
}
:where([data-direct-chat]) .iti__ms,
.iti__ms:where([data-direct-chat]) {
  --iti-flag-offset: -2368px;
}
:where([data-direct-chat]) .iti__mt,
.iti__mt:where([data-direct-chat]) {
  --iti-flag-offset: -2384px;
}
:where([data-direct-chat]) .iti__mu,
.iti__mu:where([data-direct-chat]) {
  --iti-flag-offset: -2400px;
}
:where([data-direct-chat]) .iti__mv,
.iti__mv:where([data-direct-chat]) {
  --iti-flag-offset: -2416px;
}
:where([data-direct-chat]) .iti__mw,
.iti__mw:where([data-direct-chat]) {
  --iti-flag-offset: -2432px;
}
:where([data-direct-chat]) .iti__mx,
.iti__mx:where([data-direct-chat]) {
  --iti-flag-offset: -2448px;
}
:where([data-direct-chat]) .iti__my,
.iti__my:where([data-direct-chat]) {
  --iti-flag-offset: -2464px;
}
:where([data-direct-chat]) .iti__mz,
.iti__mz:where([data-direct-chat]) {
  --iti-flag-offset: -2480px;
}
:where([data-direct-chat]) .iti__na,
.iti__na:where([data-direct-chat]) {
  --iti-flag-offset: -2496px;
}
:where([data-direct-chat]) .iti__nc,
.iti__nc:where([data-direct-chat]) {
  --iti-flag-offset: -2512px;
}
:where([data-direct-chat]) .iti__ne,
.iti__ne:where([data-direct-chat]) {
  --iti-flag-offset: -2528px;
}
:where([data-direct-chat]) .iti__nf,
.iti__nf:where([data-direct-chat]) {
  --iti-flag-offset: -2544px;
}
:where([data-direct-chat]) .iti__ng,
.iti__ng:where([data-direct-chat]) {
  --iti-flag-offset: -2560px;
}
:where([data-direct-chat]) .iti__ni,
.iti__ni:where([data-direct-chat]) {
  --iti-flag-offset: -2576px;
}
:where([data-direct-chat]) .iti__nl,
.iti__nl:where([data-direct-chat]) {
  --iti-flag-offset: -2592px;
}
:where([data-direct-chat]) .iti__no,
.iti__no:where([data-direct-chat]) {
  --iti-flag-offset: -2608px;
}
:where([data-direct-chat]) .iti__np,
.iti__np:where([data-direct-chat]) {
  --iti-flag-offset: -2624px;
}
:where([data-direct-chat]) .iti__nr,
.iti__nr:where([data-direct-chat]) {
  --iti-flag-offset: -2640px;
}
:where([data-direct-chat]) .iti__nu,
.iti__nu:where([data-direct-chat]) {
  --iti-flag-offset: -2656px;
}
:where([data-direct-chat]) .iti__nz,
.iti__nz:where([data-direct-chat]) {
  --iti-flag-offset: -2672px;
}
:where([data-direct-chat]) .iti__om,
.iti__om:where([data-direct-chat]) {
  --iti-flag-offset: -2688px;
}
:where([data-direct-chat]) .iti__pa,
.iti__pa:where([data-direct-chat]) {
  --iti-flag-offset: -2704px;
}
:where([data-direct-chat]) .iti__pe,
.iti__pe:where([data-direct-chat]) {
  --iti-flag-offset: -2720px;
}
:where([data-direct-chat]) .iti__pf,
.iti__pf:where([data-direct-chat]) {
  --iti-flag-offset: -2736px;
}
:where([data-direct-chat]) .iti__pg,
.iti__pg:where([data-direct-chat]) {
  --iti-flag-offset: -2752px;
}
:where([data-direct-chat]) .iti__ph,
.iti__ph:where([data-direct-chat]) {
  --iti-flag-offset: -2768px;
}
:where([data-direct-chat]) .iti__pk,
.iti__pk:where([data-direct-chat]) {
  --iti-flag-offset: -2784px;
}
:where([data-direct-chat]) .iti__pl,
.iti__pl:where([data-direct-chat]) {
  --iti-flag-offset: -2800px;
}
:where([data-direct-chat]) .iti__pm,
.iti__pm:where([data-direct-chat]) {
  --iti-flag-offset: -2816px;
}
:where([data-direct-chat]) .iti__pr,
.iti__pr:where([data-direct-chat]) {
  --iti-flag-offset: -2832px;
}
:where([data-direct-chat]) .iti__ps,
.iti__ps:where([data-direct-chat]) {
  --iti-flag-offset: -2848px;
}
:where([data-direct-chat]) .iti__pt,
.iti__pt:where([data-direct-chat]) {
  --iti-flag-offset: -2864px;
}
:where([data-direct-chat]) .iti__pw,
.iti__pw:where([data-direct-chat]) {
  --iti-flag-offset: -2880px;
}
:where([data-direct-chat]) .iti__py,
.iti__py:where([data-direct-chat]) {
  --iti-flag-offset: -2896px;
}
:where([data-direct-chat]) .iti__qa,
.iti__qa:where([data-direct-chat]) {
  --iti-flag-offset: -2912px;
}
:where([data-direct-chat]) .iti__re,
.iti__re:where([data-direct-chat]) {
  --iti-flag-offset: -2928px;
}
:where([data-direct-chat]) .iti__ro,
.iti__ro:where([data-direct-chat]) {
  --iti-flag-offset: -2944px;
}
:where([data-direct-chat]) .iti__rs,
.iti__rs:where([data-direct-chat]) {
  --iti-flag-offset: -2960px;
}
:where([data-direct-chat]) .iti__ru,
.iti__ru:where([data-direct-chat]) {
  --iti-flag-offset: -2976px;
}
:where([data-direct-chat]) .iti__rw,
.iti__rw:where([data-direct-chat]) {
  --iti-flag-offset: -2992px;
}
:where([data-direct-chat]) .iti__sa,
.iti__sa:where([data-direct-chat]) {
  --iti-flag-offset: -3008px;
}
:where([data-direct-chat]) .iti__sb,
.iti__sb:where([data-direct-chat]) {
  --iti-flag-offset: -3024px;
}
:where([data-direct-chat]) .iti__sc,
.iti__sc:where([data-direct-chat]) {
  --iti-flag-offset: -3040px;
}
:where([data-direct-chat]) .iti__sd,
.iti__sd:where([data-direct-chat]) {
  --iti-flag-offset: -3056px;
}
:where([data-direct-chat]) .iti__se,
.iti__se:where([data-direct-chat]) {
  --iti-flag-offset: -3072px;
}
:where([data-direct-chat]) .iti__sg,
.iti__sg:where([data-direct-chat]) {
  --iti-flag-offset: -3088px;
}
:where([data-direct-chat]) .iti__sh,
.iti__sh:where([data-direct-chat]) {
  --iti-flag-offset: -3104px;
}
:where([data-direct-chat]) .iti__si,
.iti__si:where([data-direct-chat]) {
  --iti-flag-offset: -3120px;
}
:where([data-direct-chat]) .iti__sj,
.iti__sj:where([data-direct-chat]) {
  --iti-flag-offset: -3136px;
}
:where([data-direct-chat]) .iti__sk,
.iti__sk:where([data-direct-chat]) {
  --iti-flag-offset: -3152px;
}
:where([data-direct-chat]) .iti__sl,
.iti__sl:where([data-direct-chat]) {
  --iti-flag-offset: -3168px;
}
:where([data-direct-chat]) .iti__sm,
.iti__sm:where([data-direct-chat]) {
  --iti-flag-offset: -3184px;
}
:where([data-direct-chat]) .iti__sn,
.iti__sn:where([data-direct-chat]) {
  --iti-flag-offset: -3200px;
}
:where([data-direct-chat]) .iti__so,
.iti__so:where([data-direct-chat]) {
  --iti-flag-offset: -3216px;
}
:where([data-direct-chat]) .iti__sr,
.iti__sr:where([data-direct-chat]) {
  --iti-flag-offset: -3232px;
}
:where([data-direct-chat]) .iti__ss,
.iti__ss:where([data-direct-chat]) {
  --iti-flag-offset: -3248px;
}
:where([data-direct-chat]) .iti__st,
.iti__st:where([data-direct-chat]) {
  --iti-flag-offset: -3264px;
}
:where([data-direct-chat]) .iti__sv,
.iti__sv:where([data-direct-chat]) {
  --iti-flag-offset: -3280px;
}
:where([data-direct-chat]) .iti__sx,
.iti__sx:where([data-direct-chat]) {
  --iti-flag-offset: -3296px;
}
:where([data-direct-chat]) .iti__sy,
.iti__sy:where([data-direct-chat]) {
  --iti-flag-offset: -3312px;
}
:where([data-direct-chat]) .iti__sz,
.iti__sz:where([data-direct-chat]) {
  --iti-flag-offset: -3328px;
}
:where([data-direct-chat]) .iti__tc,
.iti__tc:where([data-direct-chat]) {
  --iti-flag-offset: -3344px;
}
:where([data-direct-chat]) .iti__td,
.iti__td:where([data-direct-chat]) {
  --iti-flag-offset: -3360px;
}
:where([data-direct-chat]) .iti__tg,
.iti__tg:where([data-direct-chat]) {
  --iti-flag-offset: -3376px;
}
:where([data-direct-chat]) .iti__th,
.iti__th:where([data-direct-chat]) {
  --iti-flag-offset: -3392px;
}
:where([data-direct-chat]) .iti__tj,
.iti__tj:where([data-direct-chat]) {
  --iti-flag-offset: -3408px;
}
:where([data-direct-chat]) .iti__tk,
.iti__tk:where([data-direct-chat]) {
  --iti-flag-offset: -3424px;
}
:where([data-direct-chat]) .iti__tl,
.iti__tl:where([data-direct-chat]) {
  --iti-flag-offset: -3440px;
}
:where([data-direct-chat]) .iti__tm,
.iti__tm:where([data-direct-chat]) {
  --iti-flag-offset: -3456px;
}
:where([data-direct-chat]) .iti__tn,
.iti__tn:where([data-direct-chat]) {
  --iti-flag-offset: -3472px;
}
:where([data-direct-chat]) .iti__to,
.iti__to:where([data-direct-chat]) {
  --iti-flag-offset: -3488px;
}
:where([data-direct-chat]) .iti__tr,
.iti__tr:where([data-direct-chat]) {
  --iti-flag-offset: -3504px;
}
:where([data-direct-chat]) .iti__tt,
.iti__tt:where([data-direct-chat]) {
  --iti-flag-offset: -3520px;
}
:where([data-direct-chat]) .iti__tv,
.iti__tv:where([data-direct-chat]) {
  --iti-flag-offset: -3536px;
}
:where([data-direct-chat]) .iti__tw,
.iti__tw:where([data-direct-chat]) {
  --iti-flag-offset: -3552px;
}
:where([data-direct-chat]) .iti__tz,
.iti__tz:where([data-direct-chat]) {
  --iti-flag-offset: -3568px;
}
:where([data-direct-chat]) .iti__ua,
.iti__ua:where([data-direct-chat]) {
  --iti-flag-offset: -3584px;
}
:where([data-direct-chat]) .iti__ug,
.iti__ug:where([data-direct-chat]) {
  --iti-flag-offset: -3600px;
}
:where([data-direct-chat]) .iti__us,
.iti__us:where([data-direct-chat]) {
  --iti-flag-offset: -3616px;
}
:where([data-direct-chat]) .iti__uy,
.iti__uy:where([data-direct-chat]) {
  --iti-flag-offset: -3632px;
}
:where([data-direct-chat]) .iti__uz,
.iti__uz:where([data-direct-chat]) {
  --iti-flag-offset: -3648px;
}
:where([data-direct-chat]) .iti__va,
.iti__va:where([data-direct-chat]) {
  --iti-flag-offset: -3664px;
}
:where([data-direct-chat]) .iti__vc,
.iti__vc:where([data-direct-chat]) {
  --iti-flag-offset: -3680px;
}
:where([data-direct-chat]) .iti__ve,
.iti__ve:where([data-direct-chat]) {
  --iti-flag-offset: -3696px;
}
:where([data-direct-chat]) .iti__vg,
.iti__vg:where([data-direct-chat]) {
  --iti-flag-offset: -3712px;
}
:where([data-direct-chat]) .iti__vi,
.iti__vi:where([data-direct-chat]) {
  --iti-flag-offset: -3728px;
}
:where([data-direct-chat]) .iti__vn,
.iti__vn:where([data-direct-chat]) {
  --iti-flag-offset: -3744px;
}
:where([data-direct-chat]) .iti__vu,
.iti__vu:where([data-direct-chat]) {
  --iti-flag-offset: -3760px;
}
:where([data-direct-chat]) .iti__wf,
.iti__wf:where([data-direct-chat]) {
  --iti-flag-offset: -3776px;
}
:where([data-direct-chat]) .iti__ws,
.iti__ws:where([data-direct-chat]) {
  --iti-flag-offset: -3792px;
}
:where([data-direct-chat]) .iti__xk,
.iti__xk:where([data-direct-chat]) {
  --iti-flag-offset: -3808px;
}
:where([data-direct-chat]) .iti__ye,
.iti__ye:where([data-direct-chat]) {
  --iti-flag-offset: -3824px;
}
:where([data-direct-chat]) .iti__yt,
.iti__yt:where([data-direct-chat]) {
  --iti-flag-offset: -3840px;
}
:where([data-direct-chat]) .iti__za,
.iti__za:where([data-direct-chat]) {
  --iti-flag-offset: -3856px;
}
:where([data-direct-chat]) .iti__zm,
.iti__zm:where([data-direct-chat]) {
  --iti-flag-offset: -3872px;
}
:where([data-direct-chat]) .iti__zw,
.iti__zw:where([data-direct-chat]) {
  --iti-flag-offset: -3888px;
}
:where([data-direct-chat]) .iti__globe,
.iti__globe:where([data-direct-chat]) {
  background-image: var(--iti-path-globe-1x);
  box-shadow: none;
  background-position: 100%;
  background-size: contain;
  height: 19px;
}
@media (resolution>=2x) {
  :where([data-direct-chat]) .iti__flag,
  .iti__flag:where([data-direct-chat]) {
    background-image: var(--iti-path-flags-2x);
  }
  :where([data-direct-chat]) .iti__globe,
  .iti__globe:where([data-direct-chat]) {
    background-image: var(--iti-path-globe-2x);
  }
}
:where([data-direct-chat]) .direct-chat-phone .iti,
.direct-chat-phone .iti:where([data-direct-chat]) {
  --iti-spacer-horizontal: 0.625rem;
  --iti-arrow-padding: 0.375rem;
  --iti-dialcode-color: #1f2937;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  display: block;
}
:where([data-direct-chat]) .direct-chat-phone .iti input,
.direct-chat-phone .iti input:where([data-direct-chat]) {
  width: 100%;
  min-width: 0;
  min-height: 2.875rem;
  margin-top: 0;
  padding-right: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-left: 8rem !important;
}
:where([data-direct-chat]) .direct-chat-phone .iti__selected-country,
.direct-chat-phone .iti__selected-country:where([data-direct-chat]) {
  color: #1f2937;
  background: #f8fafc;
  border-right: 1px solid #e5e7eb;
  border-radius: 0.5rem 0 0 0.5rem;
  min-width: 0;
  font-size: 0.875rem;
  font-weight: 600;
}
:where([data-direct-chat]) .direct-chat-phone .iti__selected-country-primary,
.direct-chat-phone .iti__selected-country-primary:where([data-direct-chat]) {
  padding-left: 0.75rem;
  padding-right: 0.625rem;
}
:where([data-direct-chat]) .direct-chat-phone .iti__selected-dial-code,
.direct-chat-phone .iti__selected-dial-code:where([data-direct-chat]) {
  margin-left: 0.75rem;
  padding-right: 1rem;
}
:where([data-direct-chat]) .direct-chat-phone .iti__flag,
.direct-chat-phone .iti__flag:where([data-direct-chat]) {
  flex: none;
}
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
    ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :where([data-direct-chat]) *,
    *:where([data-direct-chat]),
    :where([data-direct-chat]) :before,
    :where([data-direct-chat]):before,
    :where([data-direct-chat]) :after,
    :where([data-direct-chat]):after,
    :where([data-direct-chat]) ::backdrop,
    :where([data-direct-chat])::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
      --tw-space-x-reverse: 0;
    }
  }
}
@layer theme {
  :where([data-direct-chat]),
  :where([data-direct-chat]) {
    --font-sans:
      ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-600: oklch(64.6% 0.222 41.116);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-yellow-800: oklch(47.6% 0.114 61.907);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-700: oklch(52% 0.105 223.128);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-pink-200: oklch(89.9% 0.061 343.231);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-gray-50: oklch(98.5% 0.002 247.839);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-400: oklch(70.7% 0.022 261.325);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-neutral-50: oklch(98.5% 0 0);
    --color-neutral-100: oklch(97% 0 0);
    --color-neutral-200: oklch(92.2% 0 0);
    --color-neutral-300: oklch(87% 0 0);
    --color-neutral-400: oklch(70.8% 0 0);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --aspect-video: 16 / 9;
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  :where([data-direct-chat]) *,
  *:where([data-direct-chat]),
  :where([data-direct-chat]) :after,
  :where([data-direct-chat]):after,
  :where([data-direct-chat]) :before,
  :where([data-direct-chat]):before,
  :where([data-direct-chat]) ::backdrop,
  :where([data-direct-chat])::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  :where([data-direct-chat]) ::file-selector-button,
  :where([data-direct-chat])::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  :where([data-direct-chat]) html,
  html:where([data-direct-chat]),
  :where([data-direct-chat]) {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      ui-sans-serif,
      system-ui,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  :where([data-direct-chat]) hr,
  hr:where([data-direct-chat]) {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  :where([data-direct-chat]) abbr:where([title]),
  abbr:where([title]):where([data-direct-chat]) {
    text-decoration: underline dotted;
  }
  :where([data-direct-chat]) h1,
  h1:where([data-direct-chat]),
  :where([data-direct-chat]) h2,
  h2:where([data-direct-chat]),
  :where([data-direct-chat]) h3,
  h3:where([data-direct-chat]),
  :where([data-direct-chat]) h4,
  h4:where([data-direct-chat]),
  :where([data-direct-chat]) h5,
  h5:where([data-direct-chat]),
  :where([data-direct-chat]) h6,
  h6:where([data-direct-chat]) {
    font-size: inherit;
    font-weight: inherit;
  }
  :where([data-direct-chat]) a,
  a:where([data-direct-chat]) {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  :where([data-direct-chat]) b,
  b:where([data-direct-chat]),
  :where([data-direct-chat]) strong,
  strong:where([data-direct-chat]) {
    font-weight: bolder;
  }
  :where([data-direct-chat]) code,
  code:where([data-direct-chat]),
  :where([data-direct-chat]) kbd,
  kbd:where([data-direct-chat]),
  :where([data-direct-chat]) samp,
  samp:where([data-direct-chat]),
  :where([data-direct-chat]) pre,
  pre:where([data-direct-chat]) {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  :where([data-direct-chat]) small,
  small:where([data-direct-chat]) {
    font-size: 80%;
  }
  :where([data-direct-chat]) sub,
  sub:where([data-direct-chat]),
  :where([data-direct-chat]) sup,
  sup:where([data-direct-chat]) {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  :where([data-direct-chat]) sub,
  sub:where([data-direct-chat]) {
    bottom: -0.25em;
  }
  :where([data-direct-chat]) sup,
  sup:where([data-direct-chat]) {
    top: -0.5em;
  }
  :where([data-direct-chat]) table,
  table:where([data-direct-chat]) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :where([data-direct-chat]) :-moz-focusring,
  :-moz-focusring:where([data-direct-chat]) {
    outline: auto;
  }
  :where([data-direct-chat]) progress,
  progress:where([data-direct-chat]) {
    vertical-align: baseline;
  }
  :where([data-direct-chat]) summary,
  summary:where([data-direct-chat]) {
    display: list-item;
  }
  :where([data-direct-chat]) ol,
  ol:where([data-direct-chat]),
  :where([data-direct-chat]) ul,
  ul:where([data-direct-chat]),
  :where([data-direct-chat]) menu,
  menu:where([data-direct-chat]) {
    list-style: none;
  }
  :where([data-direct-chat]) img,
  img:where([data-direct-chat]),
  :where([data-direct-chat]) svg,
  svg:where([data-direct-chat]),
  :where([data-direct-chat]) video,
  video:where([data-direct-chat]),
  :where([data-direct-chat]) canvas,
  canvas:where([data-direct-chat]),
  :where([data-direct-chat]) audio,
  audio:where([data-direct-chat]),
  :where([data-direct-chat]) iframe,
  iframe:where([data-direct-chat]),
  :where([data-direct-chat]) embed,
  embed:where([data-direct-chat]),
  :where([data-direct-chat]) object,
  object:where([data-direct-chat]) {
    vertical-align: middle;
    display: block;
  }
  :where([data-direct-chat]) img,
  img:where([data-direct-chat]),
  :where([data-direct-chat]) video,
  video:where([data-direct-chat]) {
    max-width: 100%;
    height: auto;
  }
  :where([data-direct-chat]) button,
  button:where([data-direct-chat]),
  :where([data-direct-chat]) input,
  input:where([data-direct-chat]),
  :where([data-direct-chat]) select,
  select:where([data-direct-chat]),
  :where([data-direct-chat]) optgroup,
  optgroup:where([data-direct-chat]),
  :where([data-direct-chat]) textarea,
  textarea:where([data-direct-chat]) {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where([data-direct-chat]) ::file-selector-button,
  :where([data-direct-chat])::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where([data-direct-chat]) :where(select:is([multiple], [size])) optgroup,
  :where(select:is([multiple], [size])) optgroup:where([data-direct-chat]) {
    font-weight: bolder;
  }
  :where([data-direct-chat])
    :where(select:is([multiple], [size]))
    optgroup
    option,
  :where(select:is([multiple], [size]))
    optgroup
    option:where([data-direct-chat]) {
    padding-inline-start: 20px;
  }
  :where([data-direct-chat]) ::file-selector-button,
  :where([data-direct-chat])::file-selector-button {
    margin-inline-end: 4px;
  }
  :where([data-direct-chat]) ::placeholder,
  :where([data-direct-chat])::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    :where([data-direct-chat]) ::placeholder,
    :where([data-direct-chat])::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) ::placeholder,
      :where([data-direct-chat])::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  :where([data-direct-chat]) textarea,
  textarea:where([data-direct-chat]) {
    resize: vertical;
  }
  :where([data-direct-chat]) ::-webkit-search-decoration,
  :where([data-direct-chat])::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit,
  :where([data-direct-chat])::-webkit-datetime-edit {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-year-field,
  :where([data-direct-chat])::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-month-field,
  :where([data-direct-chat])::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-day-field,
  :where([data-direct-chat])::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-hour-field,
  :where([data-direct-chat])::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-minute-field,
  :where([data-direct-chat])::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-second-field,
  :where([data-direct-chat])::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-millisecond-field,
  :where([data-direct-chat])::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-meridiem-field,
  :where([data-direct-chat])::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :where([data-direct-chat]) :-moz-ui-invalid,
  :-moz-ui-invalid:where([data-direct-chat]) {
    box-shadow: none;
  }
  :where([data-direct-chat]) button,
  button:where([data-direct-chat]),
  :where([data-direct-chat])
    input:where([type="button"], [type="reset"], [type="submit"]),
  input:where([type="button"], [type="reset"], [type="submit"]):where(
      [data-direct-chat]
    ) {
    appearance: button;
  }
  :where([data-direct-chat]) ::file-selector-button,
  :where([data-direct-chat])::file-selector-button {
    appearance: button;
  }
  :where([data-direct-chat]) ::-webkit-inner-spin-button,
  :where([data-direct-chat])::-webkit-inner-spin-button {
    height: auto;
  }
  :where([data-direct-chat]) ::-webkit-outer-spin-button,
  :where([data-direct-chat])::-webkit-outer-spin-button {
    height: auto;
  }
  :where([data-direct-chat]) [hidden]:where(:not([hidden="until-found"])),
  [hidden]:where(:not([hidden="until-found"])):where([data-direct-chat]) {
    display: none !important;
  }
  :where([data-direct-chat]) html,
  html:where([data-direct-chat]) {
    font-size: var(--text-base-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) html,
    html:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-base);
    }
  }
  :where([data-direct-chat]) html,
  html:where([data-direct-chat]) {
    scroll-behavior: smooth;
    overflow-x: clip;
  }
  :where([data-direct-chat]) body,
  body:where([data-direct-chat]) {
    background-color: var(--color-body);
    font-family: var(--font-primary);
    line-height: var(--tw-leading, var(--text-base--line-height));
    font-size: var(--text-base);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text);
  }
  :where([data-direct-chat]) body:where(.dark, .dark *),
  body:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-body);
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat]) body,
  body:where([data-direct-chat]) {
    min-width: 320px;
    overflow-x: clip;
  }
  :where([data-direct-chat]) h1,
  h1:where([data-direct-chat]),
  :where([data-direct-chat]) h2,
  h2:where([data-direct-chat]),
  :where([data-direct-chat]) h3,
  h3:where([data-direct-chat]),
  :where([data-direct-chat]) h4,
  h4:where([data-direct-chat]),
  :where([data-direct-chat]) h5,
  h5:where([data-direct-chat]),
  :where([data-direct-chat]) h6,
  h6:where([data-direct-chat]) {
    font-family: var(--font-secondary);
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) :is(h1, h2, h3, h4, h5, h6):where(.dark, .dark *),
  :is(h1, h2, h3, h4, h5, h6):where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) h1,
  h1:where([data-direct-chat]),
  :where([data-direct-chat]) h2,
  h2:where([data-direct-chat]),
  :where([data-direct-chat]) h3,
  h3:where([data-direct-chat]),
  :where([data-direct-chat]) h4,
  h4:where([data-direct-chat]),
  :where([data-direct-chat]) h5,
  h5:where([data-direct-chat]),
  :where([data-direct-chat]) h6,
  h6:where([data-direct-chat]) {
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  :where([data-direct-chat]) p,
  p:where([data-direct-chat]),
  :where([data-direct-chat]) li,
  li:where([data-direct-chat]) {
    overflow-wrap: anywhere;
  }
  :where([data-direct-chat]) img,
  img:where([data-direct-chat]),
  :where([data-direct-chat]) svg,
  svg:where([data-direct-chat]),
  :where([data-direct-chat]) video,
  video:where([data-direct-chat]),
  :where([data-direct-chat]) canvas,
  canvas:where([data-direct-chat]) {
    max-width: 100%;
  }
  :where([data-direct-chat]) :focus-visible,
  :focus-visible:where([data-direct-chat]) {
    outline: 2px solid var(--color-primary);
    outline-offset: 3px;
  }
  @media (prefers-reduced-motion: reduce) {
    :where([data-direct-chat]) html,
    html:where([data-direct-chat]) {
      scroll-behavior: auto;
    }
    :where([data-direct-chat]) *,
    *:where([data-direct-chat]),
    :where([data-direct-chat]) :before,
    :where([data-direct-chat]):before,
    :where([data-direct-chat]) :after,
    :where([data-direct-chat]):after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }
  }
  :where([data-direct-chat]) h1,
  h1:where([data-direct-chat]),
  :where([data-direct-chat]) .h1,
  .h1:where([data-direct-chat]) {
    font-size: var(--text-h1-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) h1,
    h1:where([data-direct-chat]),
    :where([data-direct-chat]) .h1,
    .h1:where([data-direct-chat]) {
      font-size: var(--text-h1);
    }
  }
  :where([data-direct-chat]) h2,
  h2:where([data-direct-chat]),
  :where([data-direct-chat]) .h2,
  .h2:where([data-direct-chat]) {
    font-size: var(--text-h2-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) h2,
    h2:where([data-direct-chat]),
    :where([data-direct-chat]) .h2,
    .h2:where([data-direct-chat]) {
      font-size: var(--text-h2);
    }
  }
  :where([data-direct-chat]) h3,
  h3:where([data-direct-chat]),
  :where([data-direct-chat]) .h3,
  .h3:where([data-direct-chat]) {
    font-size: var(--text-h3-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) h3,
    h3:where([data-direct-chat]),
    :where([data-direct-chat]) .h3,
    .h3:where([data-direct-chat]) {
      font-size: var(--text-h3);
    }
  }
  :where([data-direct-chat]) h4,
  h4:where([data-direct-chat]),
  :where([data-direct-chat]) .h4,
  .h4:where([data-direct-chat]) {
    font-size: var(--text-h4);
  }
  :where([data-direct-chat]) h5,
  h5:where([data-direct-chat]),
  :where([data-direct-chat]) .h5,
  .h5:where([data-direct-chat]) {
    font-size: var(--text-h5);
  }
  :where([data-direct-chat]) h6,
  h6:where([data-direct-chat]),
  :where([data-direct-chat]) .h6,
  .h6:where([data-direct-chat]) {
    font-size: var(--text-h6);
  }
  :where([data-direct-chat]) b,
  b:where([data-direct-chat]),
  :where([data-direct-chat]) strong,
  strong:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :where([data-direct-chat]) code:after,
  code:where([data-direct-chat]):after {
    content: var(--tw-content);
    --tw-border-style: none;
    border-style: none;
  }
  :where([data-direct-chat]) blockquote > p,
  blockquote > p:where([data-direct-chat]) {
    margin-block: 0 !important;
  }
  :where([data-direct-chat]) {
    --text-h6: 1.2rem;
    --text-h6-sm: 1.08rem;
    --text-h5: 1.44rem;
    --text-h5-sm: 1.296rem;
    --text-h4: 1.728rem;
    --text-h4-sm: 1.5552rem;
    --text-h3: 2.0736rem;
    --text-h3-sm: 1.86624rem;
    --text-h2: 2.48832rem;
    --text-h2-sm: 2.23949rem;
    --text-h1: 2.98598rem;
    --text-h1-sm: 2.68739rem;
    --text-base: 16px;
    --text-base-sm: 12.8px;
    --font-primary: Inter, sans-serif;
    --font-secondary: DM Sans, sans-serif;
    --color-primary: #ff6b35;
    --color-primary-text: #b23b10;
    --color-primary-on-dark: #ff9a76;
    --color-primary-contrast: #040404;
    --color-secondary: #1e3a5f;
    --color-body: #fff;
    --color-border: #eaeaea;
    --color-light: #f6f6f6;
    --color-dark: #040404;
    --color-text: #444;
    --color-text-dark: #040404;
    --color-text-light: #686868;
  }
  :where([data-direct-chat]) .dark,
  .dark:where([data-direct-chat]) {
    --color-darkmode-primary: #ff6b35;
    --color-darkmode-primary-text: #ff9a76;
    --color-darkmode-primary-contrast: #040404;
    --color-darkmode-secondary: #1e3a5f;
    --color-darkmode-body: #1c1c1c;
    --color-darkmode-border: #3e3e3e;
    --color-darkmode-light: #222;
    --color-darkmode-dark: #fff;
    --color-darkmode-text: #b4afb6;
    --color-darkmode-text-dark: #fff;
    --color-darkmode-text-light: #b4afb6;
  }
  :where([data-direct-chat]) [type="text"],
  [type="text"]:where([data-direct-chat]),
  :where([data-direct-chat]) input:where(:not([type])),
  input:where(:not([type])):where([data-direct-chat]),
  :where([data-direct-chat]) [type="email"],
  [type="email"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="url"],
  [type="url"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="password"],
  [type="password"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="number"],
  [type="number"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="date"],
  [type="date"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="datetime-local"],
  [type="datetime-local"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="month"],
  [type="month"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="search"],
  [type="search"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="tel"],
  [type="tel"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="time"],
  [type="time"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="week"],
  [type="week"]:where([data-direct-chat]),
  :where([data-direct-chat]) [multiple],
  [multiple]:where([data-direct-chat]),
  :where([data-direct-chat]) textarea,
  textarea:where([data-direct-chat]),
  :where([data-direct-chat]) select,
  select:where([data-direct-chat]) {
    appearance: none;
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    border-width: 1px;
    border-color: oklch(55.1% 0.027 264.364);
    border-radius: 0;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  :where([data-direct-chat])
    :is(
      [type="text"],
      input:where(:not([type])),
      [type="email"],
      [type="url"],
      [type="password"],
      [type="number"],
      [type="date"],
      [type="datetime-local"],
      [type="month"],
      [type="search"],
      [type="tel"],
      [type="time"],
      [type="week"],
      [multiple],
      textarea,
      select
    ):focus,
  :is(
      [type="text"],
      input:where(:not([type])),
      [type="email"],
      [type="url"],
      [type="password"],
      [type="number"],
      [type="date"],
      [type="datetime-local"],
      [type="month"],
      [type="search"],
      [type="tel"],
      [type="time"],
      [type="week"],
      [multiple],
      textarea,
      select
    ):focus:where([data-direct-chat]) {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: oklch(54.6% 0.245 262.881);
    outline: 2px solid #0000;
  }
  :where([data-direct-chat]) input::placeholder,
  input:where([data-direct-chat])::placeholder,
  :where([data-direct-chat]) textarea::placeholder,
  textarea:where([data-direct-chat])::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-fields-wrapper,
  :where([data-direct-chat])::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  :where([data-direct-chat]) ::-webkit-date-and-time-value,
  :where([data-direct-chat])::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit,
  :where([data-direct-chat])::-webkit-datetime-edit {
    display: inline-flex;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit,
  :where([data-direct-chat])::-webkit-datetime-edit {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-year-field,
  :where([data-direct-chat])::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-month-field,
  :where([data-direct-chat])::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-day-field,
  :where([data-direct-chat])::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-hour-field,
  :where([data-direct-chat])::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-minute-field,
  :where([data-direct-chat])::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-second-field,
  :where([data-direct-chat])::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-millisecond-field,
  :where([data-direct-chat])::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) ::-webkit-datetime-edit-meridiem-field,
  :where([data-direct-chat])::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0;
  }
  :where([data-direct-chat]) select,
  select:where([data-direct-chat]) {
    print-color-adjust: exact;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }
  :where([data-direct-chat]) [multiple],
  [multiple]:where([data-direct-chat]),
  :where([data-direct-chat]) [size]:where(select:not([size="1"])),
  [size]:where(select:not([size="1"])):where([data-direct-chat]) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    print-color-adjust: unset;
    padding-right: 0.75rem;
  }
  :where([data-direct-chat]) [type="checkbox"],
  [type="checkbox"]:where([data-direct-chat]),
  :where([data-direct-chat]) [type="radio"],
  [type="radio"]:where([data-direct-chat]) {
    appearance: none;
    print-color-adjust: exact;
    vertical-align: middle;
    user-select: none;
    color: oklch(54.6% 0.245 262.881);
    --tw-shadow: 0 0 #0000;
    background-color: #fff;
    background-origin: border-box;
    border-width: 1px;
    border-color: oklch(55.1% 0.027 264.364);
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    display: inline-block;
  }
  :where([data-direct-chat]) [type="checkbox"],
  [type="checkbox"]:where([data-direct-chat]) {
    border-radius: 0;
  }
  :where([data-direct-chat]) [type="radio"],
  [type="radio"]:where([data-direct-chat]) {
    border-radius: 100%;
  }
  :where([data-direct-chat]) [type="checkbox"]:focus,
  [type="checkbox"]:focus:where([data-direct-chat]),
  :where([data-direct-chat]) [type="radio"]:focus,
  [type="radio"]:focus:where([data-direct-chat]) {
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid #0000;
  }
  :where([data-direct-chat]) [type="checkbox"]:checked,
  [type="checkbox"]:checked:where([data-direct-chat]),
  :where([data-direct-chat]) [type="radio"]:checked,
  [type="radio"]:checked:where([data-direct-chat]) {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  :where([data-direct-chat]) [type="checkbox"]:checked,
  [type="checkbox"]:checked:where([data-direct-chat]) {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    :where([data-direct-chat]) [type="checkbox"]:checked,
    [type="checkbox"]:checked:where([data-direct-chat]) {
      appearance: auto;
    }
  }
  :where([data-direct-chat]) [type="radio"]:checked,
  [type="radio"]:checked:where([data-direct-chat]) {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
  }
  @media (forced-colors: active) {
    :where([data-direct-chat]) [type="radio"]:checked,
    [type="radio"]:checked:where([data-direct-chat]) {
      appearance: auto;
    }
  }
  :where([data-direct-chat]) [type="checkbox"]:checked:hover,
  [type="checkbox"]:checked:hover:where([data-direct-chat]),
  :where([data-direct-chat]) [type="checkbox"]:checked:focus,
  [type="checkbox"]:checked:focus:where([data-direct-chat]),
  :where([data-direct-chat]) [type="radio"]:checked:hover,
  [type="radio"]:checked:hover:where([data-direct-chat]),
  :where([data-direct-chat]) [type="radio"]:checked:focus,
  [type="radio"]:checked:focus:where([data-direct-chat]) {
    background-color: currentColor;
    border-color: #0000;
  }
  :where([data-direct-chat]) [type="checkbox"]:indeterminate,
  [type="checkbox"]:indeterminate:where([data-direct-chat]) {
    background-color: currentColor;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: #0000;
  }
  @media (forced-colors: active) {
    :where([data-direct-chat]) [type="checkbox"]:indeterminate,
    [type="checkbox"]:indeterminate:where([data-direct-chat]) {
      appearance: auto;
    }
  }
  :where([data-direct-chat]) [type="checkbox"]:indeterminate:hover,
  [type="checkbox"]:indeterminate:hover:where([data-direct-chat]),
  :where([data-direct-chat]) [type="checkbox"]:indeterminate:focus,
  [type="checkbox"]:indeterminate:focus:where([data-direct-chat]) {
    background-color: currentColor;
    border-color: #0000;
  }
  :where([data-direct-chat]) [type="file"],
  [type="file"]:where([data-direct-chat]) {
    background: unset;
    border-color: inherit;
    font-size: unset;
    line-height: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  :where([data-direct-chat]) [type="file"]:focus,
  [type="file"]:focus:where([data-direct-chat]) {
    outline: 1px solid buttontext;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@layer components {
  :where([data-direct-chat]) .section,
  .section:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 14);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .section,
    .section:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  @media (width>=80rem) {
    :where([data-direct-chat]) .section,
    .section:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 24);
    }
  }
  :where([data-direct-chat]) .section-sm,
  .section-sm:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 10);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .section-sm,
    .section-sm:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  @media (width>=80rem) {
    :where([data-direct-chat]) .section-sm,
    .section-sm:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 20);
    }
  }
  :where([data-direct-chat]) .surface-warm,
  .surface-warm:where([data-direct-chat]) {
    background-color: #fff8f4;
  }
  :where([data-direct-chat]) .surface-coral-soft,
  .surface-coral-soft:where([data-direct-chat]) {
    background-color: #fff3ed;
  }
  :where([data-direct-chat]) .surface-blue-soft,
  .surface-blue-soft:where([data-direct-chat]) {
    background-color: #eef6fc;
  }
  :where([data-direct-chat]) .surface-slate-soft,
  .surface-slate-soft:where([data-direct-chat]) {
    background-color: #f8fafc;
  }
  :where([data-direct-chat]) .surface-navy,
  .surface-navy:where([data-direct-chat]) {
    background-color: var(--color-secondary);
  }
  :where([data-direct-chat]) .surface-navy-deep,
  .surface-navy-deep:where([data-direct-chat]) {
    background-color: #122b45;
  }
  :where([data-direct-chat]) .marketing-card,
  .marketing-card:where([data-direct-chat]) {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-white);
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .container,
  .container:where([data-direct-chat]) {
    width: 100%;
    padding-inline: calc(var(--spacing) * 4);
    margin-inline: auto;
  }
  @media (width>=40rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  @media (width>=80rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 1320px !important;
    }
  }
  :where([data-direct-chat]) :where(.social-icons > :not(:last-child)),
  :where(.social-icons > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-x-reverse)
    );
    margin-inline-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))
    );
  }
  :where([data-direct-chat]) .social-icons li,
  .social-icons li:where([data-direct-chat]) {
    display: inline-block;
  }
  :where([data-direct-chat]) .social-icons li a,
  .social-icons li a:where([data-direct-chat]) {
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    border-radius: var(--radius-sm);
    background-color: var(--color-primary);
    text-align: center;
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
    color: var(--color-primary-contrast);
    justify-content: center;
    align-items: center;
    display: flex;
  }
  :where([data-direct-chat]) .social-icons li a:where(.dark, .dark *),
  .social-icons li a:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-primary);
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) .social-icons li a svg,
  .social-icons li a svg:where([data-direct-chat]) {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .notice,
  .notice:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 6);
    border-width: 1px;
  }
  :where([data-direct-chat]) .notice-head,
  .notice-head:where([data-direct-chat]) {
    align-items: center;
    display: flex;
  }
  :where([data-direct-chat]) .notice-head svg,
  .notice-head svg:where([data-direct-chat]) {
    margin-right: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .notice-head p,
  .notice-head p:where([data-direct-chat]) {
    font-family: var(--font-secondary);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) .notice-head p:where(.dark, .dark *),
  .notice-head p:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-light);
  }
  :where([data-direct-chat]) .notice-body,
  .notice-body:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .notice-body p,
  .notice-body p:where([data-direct-chat]) {
    margin-block: 0;
  }
  :where([data-direct-chat]) .notice.note,
  .notice.note:where([data-direct-chat]) {
    color: #1b83e2;
    border-color: currentColor;
  }
  :where([data-direct-chat]) .notice.tip,
  .notice.tip:where([data-direct-chat]) {
    color: #40d294;
    border-color: currentColor;
  }
  :where([data-direct-chat]) .notice.info,
  .notice.info:where([data-direct-chat]) {
    color: #e3a72c;
    border-color: currentColor;
  }
  :where([data-direct-chat]) .notice.warning,
  .notice.warning:where([data-direct-chat]) {
    color: #db2c23;
    border-color: currentColor;
  }
  :where([data-direct-chat]) .tab,
  .tab:where([data-direct-chat]) {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    overflow: hidden;
  }
  :where([data-direct-chat]) .tab:where(.dark, .dark *),
  .tab:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat]) .tab-nav,
  .tab-nav:where([data-direct-chat]) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-light);
    display: flex;
    margin: 0 !important;
    list-style-type: none !important;
  }
  :where([data-direct-chat]) .tab-nav:where(.dark, .dark *),
  .tab-nav:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .tab-nav-item,
  .tab-nav-item:where([data-direct-chat]) {
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
    border-color: var(--color-border);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-text-dark);
    opacity: 0.8;
    padding-inline: calc(var(--spacing) * 8) !important;
    margin-block: 0 !important;
  }
  :where([data-direct-chat]) .tab-nav-item:where(.dark, .dark *),
  .tab-nav-item:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-light);
  }
  :where([data-direct-chat]) .tab-nav-item.active,
  .tab-nav-item.active:where([data-direct-chat]) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 3px;
    border-color: var(--color-dark);
    opacity: 1;
  }
  :where([data-direct-chat]) .tab-nav-item.active:where(.dark, .dark *),
  .tab-nav-item.active:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-primary);
  }
  :where([data-direct-chat]) .tab-content,
  .tab-content:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .tab-content-panel,
  .tab-content-panel:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .tab-content-panel p,
  .tab-content-panel p:where([data-direct-chat]) {
    margin-bottom: 0;
  }
  :where([data-direct-chat]) .tab-content-panel.active,
  .tab-content-panel.active:where([data-direct-chat]) {
    display: block;
  }
  :where([data-direct-chat]) .accordion,
  .accordion:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 6);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-light);
    overflow: hidden;
  }
  :where([data-direct-chat]) .accordion:where(.dark, .dark *),
  .accordion:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .accordion-header,
  .accordion-header:where([data-direct-chat]) {
    cursor: pointer;
    width: 100%;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-text-dark);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  :where([data-direct-chat]) .accordion-header:where(.dark, .dark *),
  .accordion-header:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
    color: var(--color-darkmode-text-light);
  }
  :where([data-direct-chat]) .accordion-icon,
  .accordion-icon:where([data-direct-chat]) {
    width: 0.8em;
    height: 0.8em;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    rotate: -90deg;
  }
  :where([data-direct-chat]) .accordion-content,
  .accordion-content:where([data-direct-chat]) {
    max-height: 0;
    padding-inline: calc(var(--spacing) * 8);
    padding-block: 0;
    overflow: hidden;
  }
  :where([data-direct-chat]) .accordion.active .accordion-icon,
  .accordion.active .accordion-icon:where([data-direct-chat]) {
    rotate: 0deg;
  }
  :where([data-direct-chat]) .accordion.active .accordion-content,
  .accordion.active .accordion-content:where([data-direct-chat]) {
    max-height: 100vh;
  }
  :where([data-direct-chat]) .modal,
  .modal:where([data-direct-chat]) {
    z-index: 40;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0;
    overflow: auto;
  }
  :where([data-direct-chat]) .modal-overlay,
  .modal-overlay:where([data-direct-chat]) {
    z-index: 40;
    background-color: #0006;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .modal-overlay,
    .modal-overlay:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-black) 40%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .modal-content,
  .modal-content:where([data-direct-chat]) {
    z-index: 50;
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    max-width: 90%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-radius: var(--radius-lg);
    background-color: var(--color-body);
    padding: calc(var(--spacing) * 8);
    margin-inline: auto;
    position: relative;
    top: 50%;
  }
  :where([data-direct-chat]) .modal-content:where(.dark, .dark *),
  .modal-content:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-body);
  }
  :where([data-direct-chat]) .modal-close,
  .modal-close:where([data-direct-chat]) {
    top: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    background-color: var(--color-light);
    text-align: center;
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    color: var(--color-text-dark);
    border-radius: 2147483647px;
    position: absolute;
  }
  :where([data-direct-chat]) .modal-close:where(.dark, .dark *),
  .modal-close:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) .content,
  .content:where([data-direct-chat]) {
    color: var(--tw-prose-body);
    max-width: 65ch;
  }
  :where([data-direct-chat])
    .content
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where([class~="lead"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where([class~="lead"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-lead);
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    font-size: 1.25em;
    line-height: 1.6;
  }
  :where([data-direct-chat])
    .content
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
  }
  :where([data-direct-chat])
    .content
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-bold);
    font-weight: 600;
  }
  :where([data-direct-chat])
    .content
    :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(a strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(blockquote strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(blockquote strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(thead th strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(thead th strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
  }
  :where([data-direct-chat])
    .content
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: decimal;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="A"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="A"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: upper-alpha;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="a"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="a"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: lower-alpha;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="A" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="A" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: upper-alpha;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="a" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="a" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: lower-alpha;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="I"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="I"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: upper-roman;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="i"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="i"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: lower-roman;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="I" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="I" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: upper-roman;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="i" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="i" s]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: lower-roman;
  }
  :where([data-direct-chat])
    .content
    :where(ol[type="1"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ol[type="1"]):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    list-style-type: decimal;
  }
  :where([data-direct-chat])
    .content
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-inline-start: 1.625em;
    list-style-type: disc;
  }
  :where([data-direct-chat])
    .content
    :where(ol > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker,
  .content
    :where(ol > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat])::marker {
    color: var(--tw-prose-counters);
    font-weight: 400;
  }
  :where([data-direct-chat])
    .content
    :where(ul > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    )::marker,
  .content
    :where(ul > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat])::marker {
    color: var(--tw-prose-bullets);
  }
  :where([data-direct-chat])
    .content
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-headings);
    margin-top: 1.25em;
    font-weight: 600;
  }
  :where([data-direct-chat])
    .content
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  :where([data-direct-chat])
    .content
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-quotes);
    border-inline-start-width: 0.25rem;
    border-inline-start-color: var(--tw-prose-quote-borders);
    quotes: "“" "”" "‘" "’";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-inline-start: 1em;
    font-style: italic;
    font-weight: 500;
  }
  :where([data-direct-chat])
    .content
    :where(blockquote p:first-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .content
    :where(blockquote p:first-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):before {
    content: open-quote;
  }
  :where([data-direct-chat])
    .content
    :where(blockquote p:last-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after,
  .content
    :where(blockquote p:last-of-type):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):after {
    content: close-quote;
  }
  :where([data-direct-chat])
    .content
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-headings);
    margin-top: 0;
    margin-bottom: 0.888889em;
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.11111;
  }
  :where([data-direct-chat])
    .content
    :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h1 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-weight: 900;
  }
  :where([data-direct-chat])
    .content
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-headings);
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.33333;
  }
  :where([data-direct-chat])
    .content
    :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h2 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-weight: 800;
  }
  :where([data-direct-chat])
    .content
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-headings);
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
  }
  :where([data-direct-chat])
    .content
    :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h3 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-weight: 700;
  }
  :where([data-direct-chat])
    .content
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-headings);
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.5;
  }
  :where([data-direct-chat])
    .content
    :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h4 strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-weight: 700;
  }
  :where([data-direct-chat])
    .content
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where([data-direct-chat])
    .content
    :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(picture):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 2em;
    margin-bottom: 2em;
    display: block;
  }
  :where([data-direct-chat])
    .content
    :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(video):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where([data-direct-chat])
    .content
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-kbd);
    box-shadow:
      0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
      0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
    padding-top: 0.1875em;
    padding-inline-end: 0.375em;
    padding-bottom: 0.1875em;
    border-radius: 0.3125rem;
    padding-inline-start: 0.375em;
    font-family: inherit;
    font-size: 0.875em;
    font-weight: 500;
  }
  :where([data-direct-chat])
    .content
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-code);
    font-size: 0.875em;
    font-weight: 600;
  }
  :where([data-direct-chat])
    .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):before,
  :where([data-direct-chat])
    .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after,
  .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):after {
    content: "`";
  }
  :where([data-direct-chat])
    .content
    :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(a code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h1 code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
  }
  :where([data-direct-chat])
    .content
    :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h2 code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-size: 0.875em;
  }
  :where([data-direct-chat])
    .content
    :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h3 code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
    font-size: 0.9em;
  }
  :where([data-direct-chat])
    .content
    :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h4 code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(blockquote code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(blockquote code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(thead th code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(thead th code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: inherit;
  }
  :where([data-direct-chat])
    .content
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    padding-top: 0.857143em;
    padding-inline-end: 1.14286em;
    padding-bottom: 0.857143em;
    border-radius: 0.375rem;
    margin-top: 1.71429em;
    margin-bottom: 1.71429em;
    padding-inline-start: 1.14286em;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.71429;
    overflow-x: auto;
  }
  :where([data-direct-chat])
    .content
    :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    background-color: #0000;
    border-width: 0;
    border-radius: 0;
    padding: 0;
  }
  :where([data-direct-chat])
    .content
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .content
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):before,
  :where([data-direct-chat])
    .content
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):after,
  .content
    :where(pre code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):after {
    content: none;
  }
  :where([data-direct-chat])
    .content
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.71429;
  }
  :where([data-direct-chat])
    .content
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(thead):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders);
  }
  :where([data-direct-chat])
    .content
    :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(thead th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-headings);
    vertical-align: bottom;
    padding-inline-end: 0.571429em;
    padding-bottom: 0.571429em;
    padding-inline-start: 0.571429em;
    font-weight: 600;
  }
  :where([data-direct-chat])
    .content
    :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(tbody tr):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders);
  }
  :where([data-direct-chat])
    .content
    :where(tbody tr:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(tbody tr:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-bottom-width: 0;
  }
  :where([data-direct-chat])
    .content
    :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(tbody td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    vertical-align: baseline;
  }
  :where([data-direct-chat])
    .content
    :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(tfoot):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders);
  }
  :where([data-direct-chat])
    .content
    :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(tfoot td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    vertical-align: top;
  }
  :where([data-direct-chat])
    .content
    :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(th, td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    text-align: start;
  }
  :where([data-direct-chat])
    .content
    :where(figure > *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(figure > *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where([data-direct-chat])
    .content
    :where(figcaption):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(figcaption):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--tw-prose-captions);
    margin-top: 0.857143em;
    font-size: 0.875em;
    line-height: 1.42857;
  }
  :where([data-direct-chat]) .content,
  .content:where([data-direct-chat]) {
    --tw-prose-body: oklch(37.3% 0.034 259.733);
    --tw-prose-headings: oklch(21% 0.034 264.665);
    --tw-prose-lead: oklch(44.6% 0.03 256.802);
    --tw-prose-links: oklch(21% 0.034 264.665);
    --tw-prose-bold: oklch(21% 0.034 264.665);
    --tw-prose-counters: oklch(55.1% 0.027 264.364);
    --tw-prose-bullets: oklch(87.2% 0.01 258.338);
    --tw-prose-hr: oklch(92.8% 0.006 264.531);
    --tw-prose-quotes: oklch(21% 0.034 264.665);
    --tw-prose-quote-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-captions: oklch(55.1% 0.027 264.364);
    --tw-prose-kbd: oklch(21% 0.034 264.665);
    --tw-prose-kbd-shadows: NaN NaN NaN;
    --tw-prose-code: oklch(21% 0.034 264.665);
    --tw-prose-pre-code: oklch(92.8% 0.006 264.531);
    --tw-prose-pre-bg: oklch(27.8% 0.033 256.848);
    --tw-prose-th-borders: oklch(87.2% 0.01 258.338);
    --tw-prose-td-borders: oklch(92.8% 0.006 264.531);
    --tw-prose-invert-body: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-bullets: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-hr: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-quotes: oklch(96.7% 0.003 264.542);
    --tw-prose-invert-quote-borders: oklch(37.3% 0.034 259.733);
    --tw-prose-invert-captions: oklch(70.7% 0.022 261.325);
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: 255 255 255;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: oklch(87.2% 0.01 258.338);
    --tw-prose-invert-pre-bg: #00000080;
    --tw-prose-invert-th-borders: oklch(44.6% 0.03 256.802);
    --tw-prose-invert-td-borders: oklch(37.3% 0.034 259.733);
    font-size: 1rem;
    line-height: 1.75;
  }
  :where([data-direct-chat])
    .content
    :where(picture > img):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(picture > img):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :where([data-direct-chat])
    .content
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  :where([data-direct-chat])
    .content
    :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(ol > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(ul > li):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-inline-start: 0.375em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > ul > li p):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > ul > li p):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > ul > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > ul > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > ul > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > ul > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-bottom: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > ol > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > ol > li > p:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > ol > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > ol > li > p:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-bottom: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where(ul ul, ul ol, ol ul, ol ol):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(ul ul, ul ol, ol ul, ol ol):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0.75em;
    margin-bottom: 0.75em;
  }
  :where([data-direct-chat])
    .content
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 1.25em;
    margin-bottom: 1.25em;
  }
  :where([data-direct-chat])
    .content
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    margin-top: 0.5em;
    padding-inline-start: 1.625em;
  }
  :where([data-direct-chat])
    .content
    :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(hr + *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h2 + *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h3 + *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]),
  :where([data-direct-chat])
    .content
    :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h4 + *):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0;
  }
  :where([data-direct-chat])
    .content
    :where(thead th:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(thead th:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-inline-start: 0;
  }
  :where([data-direct-chat])
    .content
    :where(thead th:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(thead th:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-inline-end: 0;
  }
  :where([data-direct-chat])
    .content
    :where(tbody td, tfoot td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(tbody td, tfoot td):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-top: 0.571429em;
    padding-inline-end: 0.571429em;
    padding-bottom: 0.571429em;
    padding-inline-start: 0.571429em;
  }
  :where([data-direct-chat])
    .content
    :where(tbody td:first-child, tfoot td:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(tbody td:first-child, tfoot td:first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-inline-start: 0;
  }
  :where([data-direct-chat])
    .content
    :where(tbody td:last-child, tfoot td:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(tbody td:last-child, tfoot td:last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    padding-inline-end: 0;
  }
  :where([data-direct-chat])
    .content
    :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(figure):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > :first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > :first-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-top: 0;
  }
  :where([data-direct-chat])
    .content
    :where(.prose > :last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(.prose > :last-child):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    margin-bottom: 0;
  }
  :where([data-direct-chat]) .content,
  .content:where([data-direct-chat]) {
    max-width: none;
  }
  :where([data-direct-chat])
    .content
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--color-text-dark);
    margin-top: 0.6em;
    margin-bottom: 0.3em;
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content:where(.dark, .dark *)
    :where(h1, h2, h3, h4, h5, h6, th):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat])
    .content
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    font-size: var(--text-h1-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat])
      .content
      :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .content
      :where(h1):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
      ):where([data-direct-chat]) {
      font-size: var(--text-h1);
    }
  }
  :where([data-direct-chat])
    .content
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    font-size: var(--text-h2-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat])
      .content
      :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .content
      :where(h2):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
      ):where([data-direct-chat]) {
      font-size: var(--text-h2);
    }
  }
  :where([data-direct-chat])
    .content
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    font-size: var(--text-h3-sm);
  }
  @media (width>=48rem) {
    :where([data-direct-chat])
      .content
      :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)),
    .content
      :where(h3):not(
        :where([class~="not-prose"], [class~="not-prose"] *)
      ):where([data-direct-chat]) {
      font-size: var(--text-h3);
    }
  }
  :where([data-direct-chat])
    .content
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    font-size: var(--text-base);
    color: var(--color-text);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .content
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-text);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .content
    :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)).btn,
  .content
    :where(a):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ).btn:where([data-direct-chat]) {
    text-decoration-line: none;
  }
  :where([data-direct-chat])
    .content
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-radius: 0.25rem;
    max-width: 100%;
  }
  :where([data-direct-chat])
    .content
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--color-text-dark);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(strong):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .content
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-border);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat])
    .content
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-radius: var(--radius-lg);
    background-color: var(--color-light);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat])
    .content
    :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(code):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat])
    .content
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-text);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .content
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 10px;
    border-color: var(--color-primary);
    background-color: var(--color-light);
    padding-inline: calc(var(--spacing) * 8);
    padding-block: calc(var(--spacing) * 10);
    font-family: var(--font-secondary);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    color: var(--color-text-dark);
    font-style: normal;
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ),
  .content:where(.dark, .dark *)
    :where(blockquote):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-color: var(--color-darkmode-primary);
    background-color: var(--color-darkmode-light);
    color: var(--color-darkmode-text-light);
  }
  :where([data-direct-chat])
    .content
    :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden;
  }
  :where([data-direct-chat])
    .content
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .content
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):before {
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    content: var(--tw-content);
    border-radius: inherit;
    content: var(--tw-content);
    border-style: var(--tw-border-style);
    content: var(--tw-content);
    border-width: 1px;
    border-color: var(--color-border);
    content: var(--tw-content);
    --tw-content: "";
    content: var(--tw-content);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):before,
  .content:where(.dark, .dark *)
    :where(table):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]):before {
    content: var(--tw-content);
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat])
    .content
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(thead):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-color: var(--color-border);
    background-color: var(--color-light);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(thead):not(
      :where([class~="not-prose"], [class~="not-prose"] *)
    ):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat])
    .content
    :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    z-index: 10;
    padding-inline: calc(var(--spacing) * 4);
    color: var(--color-text-dark);
    padding-block: 18px;
    position: relative;
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(th):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .content
    :where(tr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(tr):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-border);
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(tr):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(tr):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat])
    .content
    :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content
    :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    z-index: 10;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: 18px;
    position: relative;
  }
  :where([data-direct-chat])
    .content:where(.dark, .dark *)
    :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)),
  .content:where(.dark, .dark *)
    :where(td):not(:where([class~="not-prose"], [class~="not-prose"] *)):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat]) .header,
  .header:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 3.5);
    z-index: 50;
    transition: all 0.3s;
  }
  :where([data-direct-chat]) .navbar,
  .navbar:where([data-direct-chat]) {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
    position: relative;
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .navbar,
    .navbar:where([data-direct-chat]) {
      flex-wrap: nowrap;
    }
  }
  :where([data-direct-chat]) .navbar-brand,
  .navbar-brand:where([data-direct-chat]) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dark);
    align-items: center !important;
    display: flex !important;
  }
  :where([data-direct-chat]) .navbar-brand:where(.dark, .dark *),
  .navbar-brand:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) .navbar-brand image,
  .navbar-brand image:where([data-direct-chat]) {
    max-width: 100%;
    max-height: 100%;
  }
  :where([data-direct-chat]) .navbar-nav,
  .navbar-nav:where([data-direct-chat]) {
    text-align: left;
  }
  :where([data-direct-chat]) .nav-item,
  .nav-item:where([data-direct-chat]) {
    vertical-align: middle;
    align-items: center;
    margin-block: auto;
  }
  :where([data-direct-chat]) .nav-link,
  .nav-link:where([data-direct-chat]) {
    cursor: pointer;
    min-height: 44px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-normal);
    font-size: 15px;
    line-height: var(--leading-normal);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-dark);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    align-items: center;
    transition-duration: 0.2s;
    display: inline-flex;
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .nav-link:hover,
    .nav-link:hover:where([data-direct-chat]) {
      color: var(--color-primary-text);
    }
  }
  :where([data-direct-chat]) .nav-link:where(.dark, .dark *),
  .nav-link:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .nav-link:where(.dark, .dark *):hover,
    .nav-link:where(.dark, .dark *):hover:where([data-direct-chat]) {
      color: var(--color-darkmode-primary-text);
    }
  }
  :where([data-direct-chat]) .nav-dropdown,
  .nav-dropdown:where([data-direct-chat]) {
    margin-right: 0;
  }
  :where([data-direct-chat]) .nav-dropdown > svg,
  .nav-dropdown > svg:where([data-direct-chat]) {
    pointer-events: none;
  }
  :where([data-direct-chat]) .nav-dropdown.active .nav-dropdown-list,
  .nav-dropdown.active .nav-dropdown-list:where([data-direct-chat]),
  :where([data-direct-chat]) .nav-dropdown.open .nav-dropdown-list,
  .nav-dropdown.open .nav-dropdown-list:where([data-direct-chat]),
  :where([data-direct-chat]) .nav-dropdown:focus-within .nav-dropdown-list,
  .nav-dropdown:focus-within .nav-dropdown-list:where([data-direct-chat]) {
    visibility: visible;
    opacity: 1;
    display: block;
  }
  :where([data-direct-chat]) .nav-dropdown-list,
  .nav-dropdown-list:where([data-direct-chat]) {
    visibility: hidden;
    z-index: 10;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-white);
    min-width: 260px;
    padding: calc(var(--spacing) * 3);
    opacity: 0;
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
    display: block;
    position: absolute;
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .nav-dropdown-list:is(:where(.group):hover *),
    .nav-dropdown-list:is(:where(.group):hover *):where([data-direct-chat]) {
      visibility: visible;
      opacity: 1;
    }
  }
  :where([data-direct-chat]) .nav-dropdown-list:where(.dark, .dark *),
  .nav-dropdown-list:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-body);
  }
  :where([data-direct-chat]) .nav-dropdown-list,
  .nav-dropdown-list:where([data-direct-chat]) {
    top: calc(100% + 0.5rem);
  }
  :where([data-direct-chat]) .nav-dropdown-item,
  .nav-dropdown-item:where([data-direct-chat]) {
    display: flex;
  }
  :where([data-direct-chat]) .nav-dropdown-item:not(:last-child),
  .nav-dropdown-item:not(:last-child):where([data-direct-chat]) {
    margin-bottom: var(--spacing);
  }
  :where([data-direct-chat]) .nav-dropdown-link,
  .nav-dropdown-link:where([data-direct-chat]) {
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 3);
    color: var(--color-text-dark);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    flex: 1;
    transition-duration: 0.2s;
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .nav-dropdown-link:hover,
    .nav-dropdown-link:hover:where([data-direct-chat]) {
      background-color: var(--color-light);
      color: var(--color-primary-text);
    }
  }
  :where([data-direct-chat]) .nav-dropdown-link:where(.dark, .dark *),
  .nav-dropdown-link:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .nav-dropdown-link:where(.dark, .dark *):hover,
    .nav-dropdown-link:where(.dark, .dark *):hover:where([data-direct-chat]) {
      background-color: var(--color-darkmode-light);
      color: var(--color-darkmode-primary-text);
    }
  }
  :where([data-direct-chat]) .nav-dropdown-grouped,
  .nav-dropdown-grouped:where([data-direct-chat]) {
    opacity: 0;
    visibility: hidden;
    padding-top: 0.75rem;
    transition:
      opacity 0.2s,
      visibility 0.2s;
    position: absolute;
    top: 100%;
    left: 0;
  }
  :where([data-direct-chat]) .nav-item.nav-dropdown:hover .nav-dropdown-grouped,
  .nav-item.nav-dropdown:hover .nav-dropdown-grouped:where([data-direct-chat]),
  :where([data-direct-chat]) .nav-item.nav-dropdown.open .nav-dropdown-grouped,
  .nav-item.nav-dropdown.open .nav-dropdown-grouped:where([data-direct-chat]),
  :where([data-direct-chat])
    .nav-item.nav-dropdown:focus-within
    .nav-dropdown-grouped,
  .nav-item.nav-dropdown:focus-within
    .nav-dropdown-grouped:where([data-direct-chat]) {
    opacity: 1;
    visibility: visible;
  }
  :where([data-direct-chat]) .desktop-dropdown-toggle:focus-visible,
  .desktop-dropdown-toggle:focus-visible:where([data-direct-chat]),
  :where([data-direct-chat]) .nav-dropdown a:focus-visible,
  .nav-dropdown a:focus-visible:where([data-direct-chat]) {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: 0.375rem;
  }
  :where([data-direct-chat]) .nav-dropdown-grouped-inner,
  .nav-dropdown-grouped-inner:where([data-direct-chat]) {
    border: 1px solid var(--color-border);
    background: #fff;
    border-radius: 0.75rem;
    grid-template-columns: repeat(3, max-content);
    gap: 1.5rem;
    padding: 1.5rem;
    display: grid;
    box-shadow: 0 10px 40px #0000001f;
  }
  :where([data-direct-chat]) .dark .nav-dropdown-grouped-inner,
  .dark .nav-dropdown-grouped-inner:where([data-direct-chat]) {
    background: var(--color-darkmode-body);
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat]) .nav-dropdown-group-title,
  .nav-dropdown-group-title:where([data-direct-chat]) {
    color: var(--color-primary);
    border-radius: 0.5rem;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: background-color 0.15s;
    display: flex;
  }
  :where([data-direct-chat]) a.nav-dropdown-group-title:hover,
  a.nav-dropdown-group-title:hover:where([data-direct-chat]),
  :where([data-direct-chat]) a.nav-dropdown-group-title.active,
  a.nav-dropdown-group-title.active:where([data-direct-chat]) {
    background-color: var(--color-light);
  }
  :where([data-direct-chat]) .dark a.nav-dropdown-group-title:hover,
  .dark a.nav-dropdown-group-title:hover:where([data-direct-chat]),
  :where([data-direct-chat]) .dark a.nav-dropdown-group-title.active,
  .dark a.nav-dropdown-group-title.active:where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .nav-dropdown-group-list,
  .nav-dropdown-group-list:where([data-direct-chat]) {
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }
  :where([data-direct-chat]) .nav-dropdown-group-list li,
  .nav-dropdown-group-list li:where([data-direct-chat]) {
    display: flex;
  }
  :where([data-direct-chat]) .nav-dropdown-link-icon,
  .nav-dropdown-link-icon:where([data-direct-chat]) {
    color: var(--color-text-dark);
    white-space: nowrap;
    border-radius: 0.5rem;
    flex: 1;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition:
      background-color 0.15s,
      color 0.15s;
    display: flex;
  }
  :where([data-direct-chat]) .nav-dropdown-link-icon:hover,
  .nav-dropdown-link-icon:hover:where([data-direct-chat]) {
    background-color: var(--color-light);
  }
  :where([data-direct-chat]) .dark .nav-dropdown-link-icon,
  .dark .nav-dropdown-link-icon:where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) .dark .nav-dropdown-link-icon:hover,
  .dark .nav-dropdown-link-icon:hover:where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
    color: var(--color-darkmode-primary);
  }
  :where([data-direct-chat]) .nav-dropdown-link-icon.active,
  .nav-dropdown-link-icon.active:where([data-direct-chat]) {
    color: var(--color-primary);
    background-color: var(--color-light);
  }
  :where([data-direct-chat]) .nav-dropdown-link-text,
  .nav-dropdown-link-text:where([data-direct-chat]) {
    white-space: nowrap;
  }
  :where([data-direct-chat]) .language-switcher .language-dropdown,
  .language-switcher .language-dropdown:where([data-direct-chat]) {
    top: calc(100% + 0.5rem);
  }
  :where([data-direct-chat]) .mobile-menu-backdrop,
  .mobile-menu-backdrop:where([data-direct-chat]) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.3s ease-in-out,
      visibility 0.3s ease-in-out;
  }
  :where([data-direct-chat]) .mobile-menu-backdrop.open,
  .mobile-menu-backdrop.open:where([data-direct-chat]) {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  :where([data-direct-chat]) .mobile-menu,
  .mobile-menu:where([data-direct-chat]) {
    pointer-events: none;
    transition: transform 0.3s ease-in-out;
    transform: translateY(-100%);
  }
  :where([data-direct-chat]) .mobile-menu.open,
  .mobile-menu.open:where([data-direct-chat]) {
    pointer-events: auto;
    transform: translateY(0);
  }
  :where([data-direct-chat]) .mobile-dropdown-list,
  .mobile-dropdown-list:where([data-direct-chat]) {
    background: var(--color-light);
    max-height: 0;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
  }
  :where([data-direct-chat]) .dark .mobile-dropdown-list,
  .dark .mobile-dropdown-list:where([data-direct-chat]) {
    background: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .mobile-nav-item.open .mobile-dropdown-list,
  .mobile-nav-item.open .mobile-dropdown-list:where([data-direct-chat]) {
    max-height: 1000px;
  }
  :where([data-direct-chat]) .mobile-nav-item.open .dropdown-arrow,
  .mobile-nav-item.open .dropdown-arrow:where([data-direct-chat]) {
    transform: rotate(180deg);
  }
  :where([data-direct-chat]) .mobile-dropdown-group,
  .mobile-dropdown-group:where([data-direct-chat]) {
    padding: 0.5rem 0;
  }
  :where([data-direct-chat]) .mobile-dropdown-group:not(:last-child),
  .mobile-dropdown-group:not(:last-child):where([data-direct-chat]) {
    border-bottom: 1px solid var(--color-border);
  }
  :where([data-direct-chat]) .dark .mobile-dropdown-group:not(:last-child),
  .dark .mobile-dropdown-group:not(:last-child):where([data-direct-chat]) {
    border-bottom-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat]) .theme-switcher,
  .theme-switcher:where([data-direct-chat]) {
    display: inline-flex;
  }
  :where([data-direct-chat]) .theme-switcher label,
  .theme-switcher label:where([data-direct-chat]) {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 6);
    cursor: pointer;
    border-radius: var(--radius-2xl);
    background-color: var(--color-border);
    display: inline-block;
    position: relative;
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .theme-switcher label,
    .theme-switcher label:where([data-direct-chat]) {
      width: calc(var(--spacing) * 10);
    }
  }
  :where([data-direct-chat]) .theme-switcher input,
  .theme-switcher input:where([data-direct-chat]) {
    opacity: 0;
    position: absolute;
  }
  :where([data-direct-chat]) .theme-switcher span,
  .theme-switcher span:where([data-direct-chat]) {
    top: calc(var(--spacing) * -1);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    background-color: var(--color-dark);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.3s;
    border-radius: 2147483647px;
    justify-content: center;
    align-items: center;
    transition-duration: 0.3s;
    display: flex;
    position: absolute;
    left: 0;
  }
  :where([data-direct-chat]) .theme-switcher span:where(.dark, .dark *),
  .theme-switcher span:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-white);
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .theme-switcher input:checked + label span,
    .theme-switcher input:checked + label span:where([data-direct-chat]) {
      left: calc(var(--spacing) * 4);
    }
  }
  :where([data-direct-chat]) .btn,
  .btn:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    min-height: 44px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-width: 1px;
    border-color: #0000;
    border-radius: 0.25rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }
  :where([data-direct-chat]) .btn-sm,
  .btn-sm:where([data-direct-chat]) {
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :where([data-direct-chat]) .btn-primary,
  .btn-primary:where([data-direct-chat]) {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-dark);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .btn-primary:hover,
    .btn-primary:hover:where([data-direct-chat]) {
      border-color: var(--color-secondary);
      background-color: var(--color-secondary);
      color: var(--color-white);
    }
  }
  :where([data-direct-chat]) .btn-primary:where(.dark, .dark *),
  .btn-primary:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-primary);
    background-color: var(--color-darkmode-primary);
    color: var(--color-text-dark);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .btn-primary:where(.dark, .dark *):hover,
    .btn-primary:where(.dark, .dark *):hover:where([data-direct-chat]) {
      border-color: var(--color-darkmode-secondary);
      background-color: var(--color-darkmode-secondary);
      color: var(--color-white);
    }
  }
  :where([data-direct-chat]) .btn-outline-primary,
  .btn-outline-primary:where([data-direct-chat]) {
    border-color: var(--color-primary);
    color: var(--color-secondary);
    background-color: #0000;
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .btn-outline-primary:hover,
    .btn-outline-primary:hover:where([data-direct-chat]) {
      background-color: var(--color-primary);
      color: var(--color-dark);
    }
  }
  :where([data-direct-chat]) .btn-outline-primary:where(.dark, .dark *),
  .btn-outline-primary:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-primary);
    color: var(--color-darkmode-primary-text);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .btn-outline-primary:where(.dark, .dark *):hover,
    .btn-outline-primary:where(.dark, .dark *):hover:where([data-direct-chat]) {
      background-color: var(--color-darkmode-primary);
      color: var(--color-text-dark);
    }
  }
  :where([data-direct-chat]) .search-modal,
  .search-modal:where([data-direct-chat]) {
    visibility: hidden;
    z-index: 50;
    opacity: 0;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
  }
  :where([data-direct-chat]) .search-modal.show,
  .search-modal.show:where([data-direct-chat]) {
    visibility: visible;
    opacity: 1;
  }
  :where([data-direct-chat]) .search-modal-overlay,
  .search-modal-overlay:where([data-direct-chat]) {
    background-color: var(--color-black);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
  :where([data-direct-chat]) .search-wrapper,
  .search-wrapper:where([data-direct-chat]) {
    z-index: 10;
    margin-top: calc(var(--spacing) * 24);
    background-color: var(--color-white);
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    width: 660px;
    max-width: 96%;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 0.25rem;
    position: relative;
  }
  :where([data-direct-chat]) .search-wrapper:where(.dark, .dark *),
  .search-wrapper:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-body);
  }
  :where([data-direct-chat]) .search-wrapper-header,
  .search-wrapper-header:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 4);
    position: relative;
  }
  :where([data-direct-chat]) .search-wrapper-header-input,
  .search-wrapper-header-input:where([data-direct-chat]) {
    height: calc(var(--spacing) * 12);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-border);
    width: 100%;
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 10);
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.2s;
    --tw-outline-style: none;
    border-radius: 4px;
    outline-style: none;
    transition-duration: 0.2s;
  }
  :where([data-direct-chat]) .search-wrapper-header-input:focus,
  .search-wrapper-header-input:focus:where([data-direct-chat]) {
    border-color: var(--color-dark);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .search-wrapper-header-input:where(.dark, .dark *),
  .search-wrapper-header-input:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-light);
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .search-wrapper-header-input:where(.dark, .dark *):focus,
  .search-wrapper-header-input:where(.dark, .dark *):focus:where(
      [data-direct-chat]
    ) {
    border-color: var(--color-darkmode-primary);
  }
  :where([data-direct-chat]) .search-wrapper-body,
  .search-wrapper-body:where([data-direct-chat]) {
    background-color: var(--color-light);
    max-height: calc(100vh - 350px);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: inset 0 2px 18px var(--tw-shadow-color, #ddd);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-radius: 0.25rem;
    overflow-y: auto;
  }
  :where([data-direct-chat]) .search-wrapper-body:where(.dark, .dark *),
  .search-wrapper-body:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
    --tw-shadow: 0 0 #0000;
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .search-wrapper-footer,
  .search-wrapper-footer:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    user-select: none;
    align-items: center;
    line-height: 1;
    display: none;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .search-wrapper-footer,
    .search-wrapper-footer:where([data-direct-chat]) {
      display: flex;
    }
  }
  :where([data-direct-chat]) .search-wrapper-footer kbd,
  .search-wrapper-footer kbd:where([data-direct-chat]) {
    background-color: var(--color-light);
    padding-inline: var(--spacing);
    padding-block: calc(var(--spacing) * 0.5);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    border-radius: 3px;
    margin-right: 3px;
    line-height: 1;
  }
  :where([data-direct-chat]) .search-wrapper-footer kbd:where(.dark, .dark *),
  .search-wrapper-footer kbd:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .search-wrapper-footer span:not(:last-child),
  .search-wrapper-footer span:not(:last-child):where([data-direct-chat]) {
    margin-right: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .search-wrapper-footer span:last-child,
  .search-wrapper-footer span:last-child:where([data-direct-chat]) {
    margin-left: auto;
  }
  :where([data-direct-chat]) .search-result-empty,
  .search-result-empty:where([data-direct-chat]) {
    cursor: text;
    padding-inline: 0;
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    user-select: none;
  }
  :where([data-direct-chat]) .search-result-group,
  .search-result-group:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .search-result-group-title,
  .search-result-group-title:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    color: var(--color-text-dark);
    margin-bottom: 5px;
  }
  :where([data-direct-chat]) .search-result-group-title:where(.dark, .dark *),
  .search-result-group-title:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) .search-result-item,
  .search-result-item:where([data-direct-chat]) {
    margin-bottom: var(--spacing);
    border-style: var(--tw-border-style);
    --tw-border-style: solid;
    border-style: solid;
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    border-radius: 0.25rem;
    align-items: flex-start;
    scroll-margin-block: 30px;
    display: flex;
    position: relative;
  }
  :where([data-direct-chat]) .search-result-item:where(.dark, .dark *),
  .search-result-item:where(.dark, .dark *):where([data-direct-chat]) {
    border-color: var(--color-darkmode-border);
    background-color: var(--color-darkmode-body);
  }
  :where([data-direct-chat]) .search-result-item mark,
  .search-result-item mark:where([data-direct-chat]) {
    background-color: var(--color-yellow-200);
    border-radius: 2px;
  }
  :where([data-direct-chat]) .search-result-item-title,
  .search-result-item-title:where([data-direct-chat]) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-bold);
    line-height: 1;
    font-weight: var(--font-weight-bold);
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) .search-result-item-title:where(.dark, .dark *),
  .search-result-item-title:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat]) .search-result-item-link:after,
  .search-result-item-link:where([data-direct-chat]):after {
    z-index: 10;
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    inset: 0;
  }
  :where([data-direct-chat]) .search-result-item-image,
  .search-result-item-image:where([data-direct-chat]) {
    margin-right: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
  }
  :where([data-direct-chat]) .search-result-item-image img,
  .search-result-item-image img:where([data-direct-chat]) {
    object-fit: cover;
    border-radius: 4px;
    width: 60px;
    height: 60px;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .search-result-item-image img,
    .search-result-item-image img:where([data-direct-chat]) {
      width: 100px;
      height: 100px;
    }
  }
  :where([data-direct-chat]) .search-result-item-description,
  .search-result-item-description:where([data-direct-chat]) {
    margin-top: var(--spacing);
    -webkit-line-clamp: 1;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  :where([data-direct-chat]) .search-result-item-content,
  .search-result-item-content:where([data-direct-chat]) {
    margin-inline: 0;
    margin-block: calc(var(--spacing) * 1.5);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  :where([data-direct-chat]) .search-result-item-content:empty,
  .search-result-item-content:empty:where([data-direct-chat]) {
    display: none;
  }
  :where([data-direct-chat]) .search-result-item-taxonomies,
  .search-result-item-taxonomies:where([data-direct-chat]) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-light);
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }
  :where([data-direct-chat])
    .search-result-item-taxonomies:where(.dark, .dark *),
  .search-result-item-taxonomies:where(.dark, .dark *):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text-light);
  }
  :where([data-direct-chat]) .search-result-item-taxonomies svg,
  .search-result-item-taxonomies svg:where([data-direct-chat]) {
    margin-right: var(--spacing);
    display: inline-block;
  }
  :where([data-direct-chat]) .search-result-item-active,
  .search-result-item-active:where([data-direct-chat]),
  :where([data-direct-chat]) .search-result-item:focus,
  .search-result-item:focus:where([data-direct-chat]),
  :where([data-direct-chat]) .search-result-item:hover,
  .search-result-item:hover:where([data-direct-chat]),
  :where([data-direct-chat])
    :is(
      .search-result-item-active,
      .search-result-item:focus,
      .search-result-item:hover
    ):where(.dark, .dark *),
  :is(
      .search-result-item-active,
      .search-result-item:focus,
      .search-result-item:hover
    ):where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-dark);
  }
  :where([data-direct-chat])
    .search-result-item-active
    .search-result-item-title,
  .search-result-item-active
    .search-result-item-title:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:focus
    .search-result-item-title,
  .search-result-item:focus .search-result-item-title:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:hover
    .search-result-item-title,
  .search-result-item:hover
    .search-result-item-title:where([data-direct-chat]) {
    color: var(--color-white);
  }
  :where([data-direct-chat])
    .search-result-item-active
    .search-result-item-description,
  .search-result-item-active
    .search-result-item-description:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:focus
    .search-result-item-description,
  .search-result-item:focus
    .search-result-item-description:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:hover
    .search-result-item-description,
  .search-result-item:hover
    .search-result-item-description:where([data-direct-chat]) {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat])
      .search-result-item-active
      .search-result-item-description,
    .search-result-item-active
      .search-result-item-description:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:focus
      .search-result-item-description,
    .search-result-item:focus
      .search-result-item-description:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:hover
      .search-result-item-description,
    .search-result-item:hover
      .search-result-item-description:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  :where([data-direct-chat])
    .search-result-item-active
    .search-result-item-content,
  .search-result-item-active
    .search-result-item-content:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:focus
    .search-result-item-content,
  .search-result-item:focus
    .search-result-item-content:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:hover
    .search-result-item-content,
  .search-result-item:hover
    .search-result-item-content:where([data-direct-chat]) {
    color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat])
      .search-result-item-active
      .search-result-item-content,
    .search-result-item-active
      .search-result-item-content:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:focus
      .search-result-item-content,
    .search-result-item:focus
      .search-result-item-content:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:hover
      .search-result-item-content,
    .search-result-item:hover
      .search-result-item-content:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  :where([data-direct-chat])
    .search-result-item-active
    .search-result-item-taxonomies,
  .search-result-item-active
    .search-result-item-taxonomies:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:focus
    .search-result-item-taxonomies,
  .search-result-item:focus
    .search-result-item-taxonomies:where([data-direct-chat]),
  :where([data-direct-chat])
    .search-result-item:hover
    .search-result-item-taxonomies,
  .search-result-item:hover
    .search-result-item-taxonomies:where([data-direct-chat]) {
    color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat])
      .search-result-item-active
      .search-result-item-taxonomies,
    .search-result-item-active
      .search-result-item-taxonomies:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:focus
      .search-result-item-taxonomies,
    .search-result-item:focus
      .search-result-item-taxonomies:where([data-direct-chat]),
    :where([data-direct-chat])
      .search-result-item:hover
      .search-result-item-taxonomies,
    .search-result-item:hover
      .search-result-item-taxonomies:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  :where([data-direct-chat]) .ps-input-text,
  .ps-input-text:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    width: 100%;
    min-height: 44px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #374151;
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    background-color: #fff;
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 6px;
    transition-duration: 0.15s;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-input-text,
    .ps-input-text:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-base);
      padding-block: 11px;
      padding-inline: 14px;
    }
  }
  :where([data-direct-chat]) .ps-input-text:focus,
  .ps-input-text:focus:where([data-direct-chat]) {
    border-color: var(--color-primary);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #10b98140;
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  :where([data-direct-chat]) .ps-radio-item,
  .ps-radio-item:where([data-direct-chat]) {
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    min-height: 44px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 6px;
    display: flex;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-radio-item,
    .ps-radio-item:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 4);
      padding-block: 11px;
      padding-inline: 14px;
    }
  }
  :where([data-direct-chat]) .ps-radio-item:hover,
  .ps-radio-item:hover:where([data-direct-chat]) {
    background-color: #f5f5f5;
  }
  :where([data-direct-chat]) .ps-radio-item:has(.ps-radio:checked),
  .ps-radio-item:has(.ps-radio:checked):where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  :where([data-direct-chat]) .ps-radio-item span,
  .ps-radio-item span:where([data-direct-chat]) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #374151;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-radio-item span,
    .ps-radio-item span:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-base);
    }
  }
  :where([data-direct-chat]) .ps-radio,
  .ps-radio:where([data-direct-chat]) {
    appearance: none;
    border-style: var(--tw-border-style);
    width: 12px;
    height: 12px;
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    background-color: #fff;
    border-width: 1px;
    border-color: #d1d5db;
    border-radius: 9999px;
    place-content: center;
    transition-duration: 0.15s;
    display: inline-grid;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-radio,
    .ps-radio:where([data-direct-chat]) {
      width: 18px;
      height: 18px;
    }
  }
  :where([data-direct-chat]) .ps-radio:focus,
  .ps-radio:focus:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #10b98140;
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  :where([data-direct-chat]) .ps-radio:before,
  .ps-radio:where([data-direct-chat]):before {
    content: "";
    width: 5px;
    height: 5px;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.12s;
    --tw-ease: var(--ease-in-out);
    transition-duration: 0.12s;
    transition-timing-function: var(--ease-in-out);
    background-color: #fff;
    border-radius: 9999px;
    transform: scale(0);
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-radio:before,
    .ps-radio:where([data-direct-chat]):before {
      width: 8px;
      height: 8px;
    }
  }
  :where([data-direct-chat]) .ps-radio:checked,
  .ps-radio:checked:where([data-direct-chat]) {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
  :where([data-direct-chat]) .ps-radio:checked:before,
  .ps-radio:checked:where([data-direct-chat]):before {
    background-color: #fff;
    transform: scale(1);
  }
  :where([data-direct-chat]) .ps-checkbox-item,
  .ps-checkbox-item:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 11);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 6px;
    display: flex;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-checkbox-item,
    .ps-checkbox-item:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 4);
      padding-block: 11px;
      padding-inline: 14px;
    }
  }
  :where([data-direct-chat]) .ps-checkbox-item:hover,
  .ps-checkbox-item:hover:where([data-direct-chat]) {
    background-color: #f5f5f5;
  }
  :where([data-direct-chat]) .ps-checkbox-item:has(.ps-checkbox:checked),
  .ps-checkbox-item:has(.ps-checkbox:checked):where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  :where([data-direct-chat]) .ps-checkbox-item span,
  .ps-checkbox-item span:where([data-direct-chat]) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: #374151;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-checkbox-item span,
    .ps-checkbox-item span:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-base);
    }
  }
  :where([data-direct-chat]) .ps-checkbox,
  .ps-checkbox:where([data-direct-chat]) {
    appearance: none;
    border-style: var(--tw-border-style);
    width: 12px;
    height: 12px;
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    background-color: #fff;
    border-width: 1px;
    border-color: #d1d5db;
    border-radius: 2px;
    place-content: center;
    transition-duration: 0.15s;
    display: inline-grid;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-checkbox,
    .ps-checkbox:where([data-direct-chat]) {
      border-radius: 4px;
      width: 18px;
      height: 18px;
    }
  }
  :where([data-direct-chat]) .ps-checkbox:focus,
  .ps-checkbox:focus:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #10b98140;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .ps-checkbox:focus,
    .ps-checkbox:focus:where([data-direct-chat]) {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
        calc(3px + var(--tw-ring-offset-width))
        var(--tw-ring-color, currentcolor);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  :where([data-direct-chat]) .ps-checkbox:checked,
  .ps-checkbox:checked:where([data-direct-chat]) {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
  }
  :where([data-direct-chat]) .ps-checkbox:checked:before,
  .ps-checkbox:checked:where([data-direct-chat]):before {
    content: "";
    clip-path: polygon(12% 44%, 41% 72%, 89% 8%, 94% 12%, 41% 80%, 7% 50%);
    background: #fff;
    width: 10px;
    height: 10px;
  }
  :where([data-direct-chat]) .iti,
  .iti:where([data-direct-chat]) {
    width: 100%;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .iti__selected-country-primary,
    .iti__selected-country-primary:where([data-direct-chat]) {
      padding-left: calc(var(--spacing) * 4) !important;
    }
  }
  :where([data-direct-chat]) .iti__selected-country,
  .iti__selected-country:where([data-direct-chat]) {
    min-height: 44px;
  }
  :where([data-direct-chat]) .iti__flag-container,
  .iti__flag-container:where([data-direct-chat]) {
    border-radius: 6px 0 0 6px;
  }
  :where([data-direct-chat]) .iti__selected-flag,
  .iti__selected-flag:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-right-style: var(--tw-border-style);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.15s;
    background-color: #fff;
    border-color: #d9d9d9;
    border-right-width: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    transition-duration: 0.15s;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .iti__selected-flag,
    .iti__selected-flag:where([data-direct-chat]) {
      padding-block: 11px;
      padding-inline: 14px;
    }
  }
  :where([data-direct-chat]) .iti__selected-flag,
  .iti__selected-flag:where([data-direct-chat]) {
    padding-right: 6px;
  }
  :where([data-direct-chat]) .iti__selected-flag:focus,
  .iti__selected-flag:focus:where([data-direct-chat]) {
    border-color: var(--color-primary);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #10b98140;
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  :where([data-direct-chat]) .iti__selected-flag:hover,
  .iti__selected-flag:hover:where([data-direct-chat]) {
    background-color: #f5f5f5;
  }
  :where([data-direct-chat]) .iti__arrow,
  .iti__arrow:where([data-direct-chat]) {
    border-top: 4px solid #374151;
    margin-left: 6px;
  }
  :where([data-direct-chat]) .iti__country-list,
  .iti__country-list:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    z-index: 1000;
    border-width: 1px;
    border-color: #d9d9d9;
    border-radius: 6px;
    max-height: 200px;
  }
  :where([data-direct-chat]) .iti__country,
  .iti__country:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #374151;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .iti__country,
    .iti__country:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
      font-size: var(--text-base);
    }
  }
  :where([data-direct-chat]) .iti__selected-dial-code,
  .iti__selected-dial-code:where([data-direct-chat]) {
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .iti__selected-dial-code,
    .iti__selected-dial-code:where([data-direct-chat]) {
      font-size: var(--text-base) !important;
      line-height: var(--tw-leading, var(--text-base--line-height)) !important;
      font-size: var(--text-base) !important;
    }
  }
  :where([data-direct-chat]) .iti__country:hover,
  .iti__country:hover:where([data-direct-chat]),
  :where([data-direct-chat]) .iti__country.iti__highlight,
  .iti__country.iti__highlight:where([data-direct-chat]) {
    background-color: #f5f5f5;
  }
  :where([data-direct-chat]) .iti__country-name,
  .iti__country-name:where([data-direct-chat]) {
    margin-left: 6px;
  }
  :where([data-direct-chat]) #phone.ps-input-text,
  #phone.ps-input-text:where([data-direct-chat]) {
    border-radius: 6px;
  }
  :where([data-direct-chat]) .iti--separate-dial-code #phone,
  .iti--separate-dial-code #phone:where([data-direct-chat]) {
    padding-left: 6px;
  }
  :where([data-direct-chat]) select.ps-input-text,
  select.ps-input-text:where([data-direct-chat]) {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
  }
  :where([data-direct-chat]) select.ps-input-text:focus,
  select.ps-input-text:focus:where([data-direct-chat]) {
    border-color: var(--color-primary);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-ring-color: #10b98140;
    outline-style: var(--tw-outline-style);
    outline-width: 0;
  }
  :where([data-direct-chat]) select.ps-input-text option,
  select.ps-input-text option:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) select.ps-input-text option:disabled,
  select.ps-input-text option:disabled:where([data-direct-chat]) {
    color: var(--color-gray-400);
  }
  :where([data-direct-chat]) textarea.ps-input-text,
  textarea.ps-input-text:where([data-direct-chat]) {
    min-height: 120px;
  }
}
@layer utilities {
  :where([data-direct-chat]) .pointer-events-none,
  .pointer-events-none:where([data-direct-chat]) {
    pointer-events: none;
  }
  :where([data-direct-chat]) .invisible,
  .invisible:where([data-direct-chat]) {
    visibility: hidden;
  }
  :where([data-direct-chat]) .visible,
  .visible:where([data-direct-chat]) {
    visibility: visible;
  }
  :where([data-direct-chat]) .sr-only,
  .sr-only:where([data-direct-chat]) {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  :where([data-direct-chat]) .absolute,
  .absolute:where([data-direct-chat]) {
    position: absolute;
  }
  :where([data-direct-chat]) .fixed,
  .fixed:where([data-direct-chat]) {
    position: fixed;
  }
  :where([data-direct-chat]) .relative,
  .relative:where([data-direct-chat]) {
    position: relative;
  }
  :where([data-direct-chat]) .static,
  .static:where([data-direct-chat]) {
    position: static;
  }
  :where([data-direct-chat]) .sticky,
  .sticky:where([data-direct-chat]) {
    position: sticky;
  }
  :where([data-direct-chat]) .-inset-1,
  .-inset-1:where([data-direct-chat]) {
    inset: calc(var(--spacing) * -1);
  }
  :where([data-direct-chat]) .inset-0,
  .inset-0:where([data-direct-chat]) {
    inset: 0;
  }
  :where([data-direct-chat]) .inset-x-0,
  .inset-x-0:where([data-direct-chat]) {
    inset-inline: 0;
  }
  :where([data-direct-chat]) .inset-y-0,
  .inset-y-0:where([data-direct-chat]) {
    inset-block: 0;
  }
  :where([data-direct-chat]) .-top-3,
  .-top-3:where([data-direct-chat]) {
    top: calc(var(--spacing) * -3);
  }
  :where([data-direct-chat]) .-top-4,
  .-top-4:where([data-direct-chat]) {
    top: calc(var(--spacing) * -4);
  }
  :where([data-direct-chat]) .-top-12,
  .-top-12:where([data-direct-chat]) {
    top: calc(var(--spacing) * -12);
  }
  :where([data-direct-chat]) .-top-28,
  .-top-28:where([data-direct-chat]) {
    top: calc(var(--spacing) * -28);
  }
  :where([data-direct-chat]) .-top-40,
  .-top-40:where([data-direct-chat]) {
    top: calc(var(--spacing) * -40);
  }
  :where([data-direct-chat]) .top-0,
  .top-0:where([data-direct-chat]) {
    top: 0;
  }
  :where([data-direct-chat]) .top-1\/2,
  .top-1\/2:where([data-direct-chat]) {
    top: 50%;
  }
  :where([data-direct-chat]) .top-4,
  .top-4:where([data-direct-chat]) {
    top: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .top-28,
  .top-28:where([data-direct-chat]) {
    top: calc(var(--spacing) * 28);
  }
  :where([data-direct-chat]) .top-\[34px\],
  .top-\[34px\]:where([data-direct-chat]) {
    top: 34px;
  }
  :where([data-direct-chat]) .top-full,
  .top-full:where([data-direct-chat]) {
    top: 100%;
  }
  :where([data-direct-chat]) .-right-3,
  .-right-3:where([data-direct-chat]) {
    right: calc(var(--spacing) * -3);
  }
  :where([data-direct-chat]) .-right-32,
  .-right-32:where([data-direct-chat]) {
    right: calc(var(--spacing) * -32);
  }
  :where([data-direct-chat]) .right-0,
  .right-0:where([data-direct-chat]) {
    right: 0;
  }
  :where([data-direct-chat]) .right-5,
  .right-5:where([data-direct-chat]) {
    right: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .right-\[16\.67\%\],
  .right-\[16\.67\%\]:where([data-direct-chat]) {
    right: 16.67%;
  }
  :where([data-direct-chat]) .right-\[50\%\],
  .right-\[50\%\]:where([data-direct-chat]) {
    right: 50%;
  }
  :where([data-direct-chat]) .-bottom-8,
  .-bottom-8:where([data-direct-chat]) {
    bottom: calc(var(--spacing) * -8);
  }
  :where([data-direct-chat]) .-bottom-40,
  .-bottom-40:where([data-direct-chat]) {
    bottom: calc(var(--spacing) * -40);
  }
  :where([data-direct-chat]) .bottom-0,
  .bottom-0:where([data-direct-chat]) {
    bottom: 0;
  }
  :where([data-direct-chat]) .bottom-5,
  .bottom-5:where([data-direct-chat]) {
    bottom: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .-left-3,
  .-left-3:where([data-direct-chat]) {
    left: calc(var(--spacing) * -3);
  }
  :where([data-direct-chat]) .-left-4,
  .-left-4:where([data-direct-chat]) {
    left: calc(var(--spacing) * -4);
  }
  :where([data-direct-chat]) .-left-28,
  .-left-28:where([data-direct-chat]) {
    left: calc(var(--spacing) * -28);
  }
  :where([data-direct-chat]) .-left-32,
  .-left-32:where([data-direct-chat]) {
    left: calc(var(--spacing) * -32);
  }
  :where([data-direct-chat]) .left-0,
  .left-0:where([data-direct-chat]) {
    left: 0;
  }
  :where([data-direct-chat]) .left-4,
  .left-4:where([data-direct-chat]) {
    left: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .left-5,
  .left-5:where([data-direct-chat]) {
    left: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .left-\[16\.67\%\],
  .left-\[16\.67\%\]:where([data-direct-chat]) {
    left: 16.67%;
  }
  :where([data-direct-chat]) .left-\[50\%\],
  .left-\[50\%\]:where([data-direct-chat]) {
    left: 50%;
  }
  :where([data-direct-chat]) .-z-10,
  .-z-10:where([data-direct-chat]) {
    z-index: calc(10 * -1);
  }
  :where([data-direct-chat]) .z-10,
  .z-10:where([data-direct-chat]) {
    z-index: 10;
  }
  :where([data-direct-chat]) .z-20,
  .z-20:where([data-direct-chat]) {
    z-index: 20;
  }
  :where([data-direct-chat]) .z-30,
  .z-30:where([data-direct-chat]) {
    z-index: 30;
  }
  :where([data-direct-chat]) .z-40,
  .z-40:where([data-direct-chat]) {
    z-index: 40;
  }
  :where([data-direct-chat]) .z-50,
  .z-50:where([data-direct-chat]) {
    z-index: 50;
  }
  :where([data-direct-chat]) .z-\[20\],
  .z-\[20\]:where([data-direct-chat]) {
    z-index: 20;
  }
  :where([data-direct-chat]) .z-\[90\],
  .z-\[90\]:where([data-direct-chat]) {
    z-index: 90;
  }
  :where([data-direct-chat]) .z-\[100\],
  .z-\[100\]:where([data-direct-chat]) {
    z-index: 100;
  }
  :where([data-direct-chat]) .order-0,
  .order-0:where([data-direct-chat]) {
    order: 0;
  }
  :where([data-direct-chat]) .order-1,
  .order-1:where([data-direct-chat]) {
    order: 1;
  }
  :where([data-direct-chat]) .order-2,
  .order-2:where([data-direct-chat]) {
    order: 2;
  }
  :where([data-direct-chat]) .order-12345,
  .order-12345:where([data-direct-chat]) {
    order: 12345;
  }
  :where([data-direct-chat]) .order-first,
  .order-first:where([data-direct-chat]) {
    order: -9999;
  }
  :where([data-direct-chat]) .order-last,
  .order-last:where([data-direct-chat]) {
    order: 9999;
  }
  :where([data-direct-chat]) .col-12,
  .col-12:where([data-direct-chat]) {
    grid-column: 12;
  }
  :where([data-direct-chat]) .col-auto,
  .col-auto:where([data-direct-chat]) {
    grid-column: auto;
  }
  :where([data-direct-chat]) .container,
  .container:where([data-direct-chat]) {
    width: 100%;
  }
  @media (width>=40rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 40rem;
    }
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 48rem;
    }
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 64rem;
    }
  }
  @media (width>=80rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 80rem;
    }
  }
  @media (width>=96rem) {
    :where([data-direct-chat]) .container,
    .container:where([data-direct-chat]) {
      max-width: 96rem;
    }
  }
  :where([data-direct-chat]) .m-0,
  .m-0:where([data-direct-chat]) {
    margin: 0;
  }
  :where([data-direct-chat]) .m-auto,
  .m-auto:where([data-direct-chat]) {
    margin: auto;
  }
  :where([data-direct-chat]) .-mx-4,
  .-mx-4:where([data-direct-chat]) {
    margin-inline: calc(var(--spacing) * -4);
  }
  :where([data-direct-chat]) .mx-1,
  .mx-1:where([data-direct-chat]) {
    margin-inline: var(--spacing);
  }
  :where([data-direct-chat]) .mx-8,
  .mx-8:where([data-direct-chat]) {
    margin-inline: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .mx-auto,
  .mx-auto:where([data-direct-chat]) {
    margin-inline: auto;
  }
  :where([data-direct-chat]) .my-3,
  .my-3:where([data-direct-chat]) {
    margin-block: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .my-6,
  .my-6:where([data-direct-chat]) {
    margin-block: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .my-auto,
  .my-auto:where([data-direct-chat]) {
    margin-block: auto;
  }
  :where([data-direct-chat]) .me-4,
  .me-4:where([data-direct-chat]) {
    margin-inline-end: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .row,
  .row:where([data-direct-chat]) {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
    flex-wrap: wrap;
    display: flex;
  }
  :where([data-direct-chat]) .row > *,
  .row > *:where([data-direct-chat]) {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
    flex-shrink: 0;
  }
  :where([data-direct-chat]) .\!mt-4,
  .\!mt-4:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 4) !important;
  }
  :where([data-direct-chat]) .mt-0\.5,
  .mt-0\.5:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 0.5);
  }
  :where([data-direct-chat]) .mt-1,
  .mt-1:where([data-direct-chat]) {
    margin-top: var(--spacing);
  }
  :where([data-direct-chat]) .mt-1\.5,
  .mt-1\.5:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 1.5);
  }
  :where([data-direct-chat]) .mt-2,
  .mt-2:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .mt-2\.5,
  .mt-2\.5:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 2.5);
  }
  :where([data-direct-chat]) .mt-3,
  .mt-3:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .mt-3\.5,
  .mt-3\.5:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 3.5);
  }
  :where([data-direct-chat]) .mt-4,
  .mt-4:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .mt-5,
  .mt-5:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .mt-6,
  .mt-6:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .mt-7,
  .mt-7:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .mt-8,
  .mt-8:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .mt-9,
  .mt-9:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 9);
  }
  :where([data-direct-chat]) .mt-10,
  .mt-10:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .mt-12,
  .mt-12:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .mt-14,
  .mt-14:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .mt-16,
  .mt-16:where([data-direct-chat]) {
    margin-top: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .mt-\[9px\],
  .mt-\[9px\]:where([data-direct-chat]) {
    margin-top: 9px;
  }
  :where([data-direct-chat]) .mt-\[23px\],
  .mt-\[23px\]:where([data-direct-chat]) {
    margin-top: 23px;
  }
  :where([data-direct-chat]) .mt-\[26px\],
  .mt-\[26px\]:where([data-direct-chat]) {
    margin-top: 26px;
  }
  :where([data-direct-chat]) .mt-\[29px\],
  .mt-\[29px\]:where([data-direct-chat]) {
    margin-top: 29px;
  }
  :where([data-direct-chat]) .mt-\[30px\],
  .mt-\[30px\]:where([data-direct-chat]) {
    margin-top: 30px;
  }
  :where([data-direct-chat]) .mt-\[34px\],
  .mt-\[34px\]:where([data-direct-chat]) {
    margin-top: 34px;
  }
  :where([data-direct-chat]) .mt-\[42px\],
  .mt-\[42px\]:where([data-direct-chat]) {
    margin-top: 42px;
  }
  :where([data-direct-chat]) .mt-auto,
  .mt-auto:where([data-direct-chat]) {
    margin-top: auto;
  }
  :where([data-direct-chat]) .mr-1,
  .mr-1:where([data-direct-chat]) {
    margin-right: var(--spacing);
  }
  :where([data-direct-chat]) .-mb-\[20px\],
  .-mb-\[20px\]:where([data-direct-chat]) {
    margin-bottom: -20px;
  }
  :where([data-direct-chat]) .-mb-\[100px\],
  .-mb-\[100px\]:where([data-direct-chat]) {
    margin-bottom: -100px;
  }
  :where([data-direct-chat]) .mb-1,
  .mb-1:where([data-direct-chat]) {
    margin-bottom: var(--spacing);
  }
  :where([data-direct-chat]) .mb-2,
  .mb-2:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .mb-3,
  .mb-3:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .mb-3\.5,
  .mb-3\.5:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 3.5);
  }
  :where([data-direct-chat]) .mb-4,
  .mb-4:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .mb-5,
  .mb-5:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .mb-6,
  .mb-6:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .mb-8,
  .mb-8:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .mb-10,
  .mb-10:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .mb-12,
  .mb-12:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .mb-14,
  .mb-14:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .mb-16,
  .mb-16:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .mb-20,
  .mb-20:where([data-direct-chat]) {
    margin-bottom: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .mb-\[10px\],
  .mb-\[10px\]:where([data-direct-chat]) {
    margin-bottom: 10px;
  }
  :where([data-direct-chat]) .mb-\[18px\],
  .mb-\[18px\]:where([data-direct-chat]) {
    margin-bottom: 18px;
  }
  :where([data-direct-chat]) .mb-\[128px\],
  .mb-\[128px\]:where([data-direct-chat]) {
    margin-bottom: 128px;
  }
  :where([data-direct-chat]) .ml-2,
  .ml-2:where([data-direct-chat]) {
    margin-left: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .ml-3,
  .ml-3:where([data-direct-chat]) {
    margin-left: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .ml-8,
  .ml-8:where([data-direct-chat]) {
    margin-left: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .ml-auto,
  .ml-auto:where([data-direct-chat]) {
    margin-left: auto;
  }
  :where([data-direct-chat]) .line-clamp-2,
  .line-clamp-2:where([data-direct-chat]) {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  :where([data-direct-chat]) .line-clamp-5,
  .line-clamp-5:where([data-direct-chat]) {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }
  :where([data-direct-chat]) .block,
  .block:where([data-direct-chat]) {
    display: block;
  }
  :where([data-direct-chat]) .contents,
  .contents:where([data-direct-chat]) {
    display: contents;
  }
  :where([data-direct-chat]) .flex,
  .flex:where([data-direct-chat]) {
    display: flex;
  }
  :where([data-direct-chat]) .grid,
  .grid:where([data-direct-chat]) {
    display: grid;
  }
  :where([data-direct-chat]) .hidden,
  .hidden:where([data-direct-chat]) {
    display: none;
  }
  :where([data-direct-chat]) .inline,
  .inline:where([data-direct-chat]) {
    display: inline;
  }
  :where([data-direct-chat]) .inline-block,
  .inline-block:where([data-direct-chat]) {
    display: inline-block;
  }
  :where([data-direct-chat]) .inline-flex,
  .inline-flex:where([data-direct-chat]) {
    display: inline-flex;
  }
  :where([data-direct-chat]) .table,
  .table:where([data-direct-chat]) {
    display: table;
  }
  :where([data-direct-chat]) .aspect-\[3\/2\],
  .aspect-\[3\/2\]:where([data-direct-chat]) {
    aspect-ratio: 3/2;
  }
  :where([data-direct-chat]) .aspect-\[4\/3\],
  .aspect-\[4\/3\]:where([data-direct-chat]) {
    aspect-ratio: 4/3;
  }
  :where([data-direct-chat]) .aspect-\[8\/5\],
  .aspect-\[8\/5\]:where([data-direct-chat]) {
    aspect-ratio: 8/5;
  }
  :where([data-direct-chat]) .aspect-\[16\/10\],
  .aspect-\[16\/10\]:where([data-direct-chat]) {
    aspect-ratio: 16/10;
  }
  :where([data-direct-chat]) .aspect-video,
  .aspect-video:where([data-direct-chat]) {
    aspect-ratio: var(--aspect-video);
  }
  :where([data-direct-chat]) .size-5,
  .size-5:where([data-direct-chat]) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .size-12,
  .size-12:where([data-direct-chat]) {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .size-16,
  .size-16:where([data-direct-chat]) {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .size-\[22px\],
  .size-\[22px\]:where([data-direct-chat]) {
    width: 22px;
    height: 22px;
  }
  :where([data-direct-chat]) .size-\[50px\],
  .size-\[50px\]:where([data-direct-chat]) {
    width: 50px;
    height: 50px;
  }
  :where([data-direct-chat]) .h-2,
  .h-2:where([data-direct-chat]) {
    height: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .h-2\.5,
  .h-2\.5:where([data-direct-chat]) {
    height: calc(var(--spacing) * 2.5);
  }
  :where([data-direct-chat]) .h-3,
  .h-3:where([data-direct-chat]) {
    height: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .h-3\.5,
  .h-3\.5:where([data-direct-chat]) {
    height: calc(var(--spacing) * 3.5);
  }
  :where([data-direct-chat]) .h-4,
  .h-4:where([data-direct-chat]) {
    height: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .h-5,
  .h-5:where([data-direct-chat]) {
    height: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .h-6,
  .h-6:where([data-direct-chat]) {
    height: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .h-7,
  .h-7:where([data-direct-chat]) {
    height: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .h-8,
  .h-8:where([data-direct-chat]) {
    height: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .h-9,
  .h-9:where([data-direct-chat]) {
    height: calc(var(--spacing) * 9);
  }
  :where([data-direct-chat]) .h-10,
  .h-10:where([data-direct-chat]) {
    height: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .h-11,
  .h-11:where([data-direct-chat]) {
    height: calc(var(--spacing) * 11);
  }
  :where([data-direct-chat]) .h-12,
  .h-12:where([data-direct-chat]) {
    height: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .h-14,
  .h-14:where([data-direct-chat]) {
    height: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .h-16,
  .h-16:where([data-direct-chat]) {
    height: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .h-20,
  .h-20:where([data-direct-chat]) {
    height: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .h-24,
  .h-24:where([data-direct-chat]) {
    height: calc(var(--spacing) * 24);
  }
  :where([data-direct-chat]) .h-32,
  .h-32:where([data-direct-chat]) {
    height: calc(var(--spacing) * 32);
  }
  :where([data-direct-chat]) .h-40,
  .h-40:where([data-direct-chat]) {
    height: calc(var(--spacing) * 40);
  }
  :where([data-direct-chat]) .h-72,
  .h-72:where([data-direct-chat]) {
    height: calc(var(--spacing) * 72);
  }
  :where([data-direct-chat]) .h-80,
  .h-80:where([data-direct-chat]) {
    height: calc(var(--spacing) * 80);
  }
  :where([data-direct-chat]) .h-96,
  .h-96:where([data-direct-chat]) {
    height: calc(var(--spacing) * 96);
  }
  :where([data-direct-chat]) .h-\[2px\],
  .h-\[2px\]:where([data-direct-chat]) {
    height: 2px;
  }
  :where([data-direct-chat]) .h-\[32rem\],
  .h-\[32rem\]:where([data-direct-chat]) {
    height: 32rem;
  }
  :where([data-direct-chat]) .h-\[44px\],
  .h-\[44px\]:where([data-direct-chat]) {
    height: 44px;
  }
  :where([data-direct-chat]) .h-\[58px\],
  .h-\[58px\]:where([data-direct-chat]) {
    height: 58px;
  }
  :where([data-direct-chat]) .h-\[80px\],
  .h-\[80px\]:where([data-direct-chat]) {
    height: 80px;
  }
  :where([data-direct-chat]) .h-\[520px\],
  .h-\[520px\]:where([data-direct-chat]) {
    height: 520px;
  }
  :where([data-direct-chat]) .h-\[min\(700px\,calc\(100vh-7rem\)\)\],
  .h-\[min\(700px\,calc\(100vh-7rem\)\)\]:where([data-direct-chat]) {
    height: min(700px, 100vh - 7rem);
  }
  :where([data-direct-chat]) .h-auto,
  .h-auto:where([data-direct-chat]) {
    height: auto;
  }
  :where([data-direct-chat]) .h-full,
  .h-full:where([data-direct-chat]) {
    height: 100%;
  }
  :where([data-direct-chat]) .h-screen,
  .h-screen:where([data-direct-chat]) {
    height: 100vh;
  }
  :where([data-direct-chat]) .max-h-64,
  .max-h-64:where([data-direct-chat]) {
    max-height: calc(var(--spacing) * 64);
  }
  :where([data-direct-chat]) .max-h-screen,
  .max-h-screen:where([data-direct-chat]) {
    max-height: 100vh;
  }
  :where([data-direct-chat]) .min-h-0,
  .min-h-0:where([data-direct-chat]) {
    min-height: 0;
  }
  :where([data-direct-chat]) .min-h-5,
  .min-h-5:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .min-h-6,
  .min-h-6:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .min-h-8,
  .min-h-8:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .min-h-9,
  .min-h-9:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 9);
  }
  :where([data-direct-chat]) .min-h-11,
  .min-h-11:where([data-direct-chat]) {
    min-height: calc(var(--spacing) * 11);
  }
  :where([data-direct-chat]) .min-h-\[44px\],
  .min-h-\[44px\]:where([data-direct-chat]) {
    min-height: 44px;
  }
  :where([data-direct-chat]) .min-h-\[48px\],
  .min-h-\[48px\]:where([data-direct-chat]) {
    min-height: 48px;
  }
  :where([data-direct-chat]) .min-h-\[52px\],
  .min-h-\[52px\]:where([data-direct-chat]) {
    min-height: 52px;
  }
  :where([data-direct-chat]) .min-h-\[64px\],
  .min-h-\[64px\]:where([data-direct-chat]) {
    min-height: 64px;
  }
  :where([data-direct-chat]) .min-h-\[104px\]\!,
  .min-h-\[104px\]\!:where([data-direct-chat]) {
    min-height: 104px !important;
  }
  :where([data-direct-chat]) .min-h-\[106px\],
  .min-h-\[106px\]:where([data-direct-chat]) {
    min-height: 106px;
  }
  :where([data-direct-chat]) .min-h-\[118px\],
  .min-h-\[118px\]:where([data-direct-chat]) {
    min-height: 118px;
  }
  :where([data-direct-chat]) .min-h-\[148px\],
  .min-h-\[148px\]:where([data-direct-chat]) {
    min-height: 148px;
  }
  :where([data-direct-chat]) .min-h-\[240px\],
  .min-h-\[240px\]:where([data-direct-chat]) {
    min-height: 240px;
  }
  :where([data-direct-chat]) .col-12,
  .col-12:where([data-direct-chat]) {
    flex: none;
    width: 100%;
  }
  :where([data-direct-chat]) .col-auto,
  .col-auto:where([data-direct-chat]),
  :where([data-direct-chat]) .row-cols-auto > *,
  .row-cols-auto > *:where([data-direct-chat]) {
    flex: none;
    width: auto;
  }
  :where([data-direct-chat]) .\!w-full,
  .\!w-full:where([data-direct-chat]) {
    width: 100% !important;
  }
  :where([data-direct-chat]) .w-1\/2,
  .w-1\/2:where([data-direct-chat]) {
    width: 50%;
  }
  :where([data-direct-chat]) .w-2,
  .w-2:where([data-direct-chat]) {
    width: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .w-2\.5,
  .w-2\.5:where([data-direct-chat]) {
    width: calc(var(--spacing) * 2.5);
  }
  :where([data-direct-chat]) .w-3,
  .w-3:where([data-direct-chat]) {
    width: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .w-3\.5,
  .w-3\.5:where([data-direct-chat]) {
    width: calc(var(--spacing) * 3.5);
  }
  :where([data-direct-chat]) .w-4,
  .w-4:where([data-direct-chat]) {
    width: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .w-5,
  .w-5:where([data-direct-chat]) {
    width: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .w-6,
  .w-6:where([data-direct-chat]) {
    width: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .w-7,
  .w-7:where([data-direct-chat]) {
    width: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .w-8,
  .w-8:where([data-direct-chat]) {
    width: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .w-9,
  .w-9:where([data-direct-chat]) {
    width: calc(var(--spacing) * 9);
  }
  :where([data-direct-chat]) .w-10,
  .w-10:where([data-direct-chat]) {
    width: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .w-12,
  .w-12:where([data-direct-chat]) {
    width: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .w-14,
  .w-14:where([data-direct-chat]) {
    width: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .w-16,
  .w-16:where([data-direct-chat]) {
    width: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .w-20,
  .w-20:where([data-direct-chat]) {
    width: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .w-24,
  .w-24:where([data-direct-chat]) {
    width: calc(var(--spacing) * 24);
  }
  :where([data-direct-chat]) .w-32,
  .w-32:where([data-direct-chat]) {
    width: calc(var(--spacing) * 32);
  }
  :where([data-direct-chat]) .w-40,
  .w-40:where([data-direct-chat]) {
    width: calc(var(--spacing) * 40);
  }
  :where([data-direct-chat]) .w-60,
  .w-60:where([data-direct-chat]) {
    width: calc(var(--spacing) * 60);
  }
  :where([data-direct-chat]) .w-72,
  .w-72:where([data-direct-chat]) {
    width: calc(var(--spacing) * 72);
  }
  :where([data-direct-chat]) .w-80,
  .w-80:where([data-direct-chat]) {
    width: calc(var(--spacing) * 80);
  }
  :where([data-direct-chat]) .w-96,
  .w-96:where([data-direct-chat]) {
    width: calc(var(--spacing) * 96);
  }
  :where([data-direct-chat]) .w-\[30px\],
  .w-\[30px\]:where([data-direct-chat]) {
    width: 30px;
  }
  :where([data-direct-chat]) .w-\[32rem\],
  .w-\[32rem\]:where([data-direct-chat]) {
    width: 32rem;
  }
  :where([data-direct-chat]) .w-\[33\%\],
  .w-\[33\%\]:where([data-direct-chat]) {
    width: 33%;
  }
  :where([data-direct-chat]) .w-\[44px\],
  .w-\[44px\]:where([data-direct-chat]) {
    width: 44px;
  }
  :where([data-direct-chat]) .w-\[58px\],
  .w-\[58px\]:where([data-direct-chat]) {
    width: 58px;
  }
  :where([data-direct-chat]) .w-\[68\%\],
  .w-\[68\%\]:where([data-direct-chat]) {
    width: 68%;
  }
  :where([data-direct-chat]) .w-\[80\%\],
  .w-\[80\%\]:where([data-direct-chat]) {
    width: 80%;
  }
  :where([data-direct-chat]) .w-\[80px\],
  .w-\[80px\]:where([data-direct-chat]) {
    width: 80px;
  }
  :where([data-direct-chat]) .w-\[88\%\],
  .w-\[88\%\]:where([data-direct-chat]) {
    width: 88%;
  }
  :where([data-direct-chat]) .w-\[92\%\],
  .w-\[92\%\]:where([data-direct-chat]) {
    width: 92%;
  }
  :where([data-direct-chat]) .w-\[96\%\],
  .w-\[96\%\]:where([data-direct-chat]) {
    width: 96%;
  }
  :where([data-direct-chat]) .w-\[120px\],
  .w-\[120px\]:where([data-direct-chat]) {
    width: 120px;
  }
  :where([data-direct-chat]) .w-\[520px\],
  .w-\[520px\]:where([data-direct-chat]) {
    width: 520px;
  }
  :where([data-direct-chat]) .w-\[min\(460px\,calc\(100vw-2\.5rem\)\)\],
  .w-\[min\(460px\,calc\(100vw-2\.5rem\)\)\]:where([data-direct-chat]) {
    width: min(460px, 100vw - 2.5rem);
  }
  :where([data-direct-chat]) .w-auto,
  .w-auto:where([data-direct-chat]) {
    width: auto;
  }
  :where([data-direct-chat]) .w-fit,
  .w-fit:where([data-direct-chat]) {
    width: fit-content;
  }
  :where([data-direct-chat]) .w-full,
  .w-full:where([data-direct-chat]) {
    width: 100%;
  }
  :where([data-direct-chat]) .max-w-2xl,
  .max-w-2xl:where([data-direct-chat]) {
    max-width: var(--container-2xl);
  }
  :where([data-direct-chat]) .max-w-3xl,
  .max-w-3xl:where([data-direct-chat]) {
    max-width: var(--container-3xl);
  }
  :where([data-direct-chat]) .max-w-4xl,
  .max-w-4xl:where([data-direct-chat]) {
    max-width: var(--container-4xl);
  }
  :where([data-direct-chat]) .max-w-5xl,
  .max-w-5xl:where([data-direct-chat]) {
    max-width: var(--container-5xl);
  }
  :where([data-direct-chat]) .max-w-\[80\%\],
  .max-w-\[80\%\]:where([data-direct-chat]) {
    max-width: 80%;
  }
  :where([data-direct-chat]) .max-w-\[85\%\],
  .max-w-\[85\%\]:where([data-direct-chat]) {
    max-width: 85%;
  }
  :where([data-direct-chat]) .max-w-\[280px\],
  .max-w-\[280px\]:where([data-direct-chat]) {
    max-width: 280px;
  }
  :where([data-direct-chat]) .max-w-\[300px\],
  .max-w-\[300px\]:where([data-direct-chat]) {
    max-width: 300px;
  }
  :where([data-direct-chat]) .max-w-\[340px\],
  .max-w-\[340px\]:where([data-direct-chat]) {
    max-width: 340px;
  }
  :where([data-direct-chat]) .max-w-\[400px\],
  .max-w-\[400px\]:where([data-direct-chat]) {
    max-width: 400px;
  }
  :where([data-direct-chat]) .max-w-\[420px\],
  .max-w-\[420px\]:where([data-direct-chat]) {
    max-width: 420px;
  }
  :where([data-direct-chat]) .max-w-\[430px\],
  .max-w-\[430px\]:where([data-direct-chat]) {
    max-width: 430px;
  }
  :where([data-direct-chat]) .max-w-\[480px\],
  .max-w-\[480px\]:where([data-direct-chat]) {
    max-width: 480px;
  }
  :where([data-direct-chat]) .max-w-\[500px\],
  .max-w-\[500px\]:where([data-direct-chat]) {
    max-width: 500px;
  }
  :where([data-direct-chat]) .max-w-\[520px\],
  .max-w-\[520px\]:where([data-direct-chat]) {
    max-width: 520px;
  }
  :where([data-direct-chat]) .max-w-\[560px\],
  .max-w-\[560px\]:where([data-direct-chat]) {
    max-width: 560px;
  }
  :where([data-direct-chat]) .max-w-\[600px\],
  .max-w-\[600px\]:where([data-direct-chat]) {
    max-width: 600px;
  }
  :where([data-direct-chat]) .max-w-\[620px\],
  .max-w-\[620px\]:where([data-direct-chat]) {
    max-width: 620px;
  }
  :where([data-direct-chat]) .max-w-\[650px\],
  .max-w-\[650px\]:where([data-direct-chat]) {
    max-width: 650px;
  }
  :where([data-direct-chat]) .max-w-\[680px\],
  .max-w-\[680px\]:where([data-direct-chat]) {
    max-width: 680px;
  }
  :where([data-direct-chat]) .max-w-\[700px\],
  .max-w-\[700px\]:where([data-direct-chat]) {
    max-width: 700px;
  }
  :where([data-direct-chat]) .max-w-\[720px\],
  .max-w-\[720px\]:where([data-direct-chat]) {
    max-width: 720px;
  }
  :where([data-direct-chat]) .max-w-\[760px\],
  .max-w-\[760px\]:where([data-direct-chat]) {
    max-width: 760px;
  }
  :where([data-direct-chat]) .max-w-\[780px\],
  .max-w-\[780px\]:where([data-direct-chat]) {
    max-width: 780px;
  }
  :where([data-direct-chat]) .max-w-\[800px\],
  .max-w-\[800px\]:where([data-direct-chat]) {
    max-width: 800px;
  }
  :where([data-direct-chat]) .max-w-\[824px\],
  .max-w-\[824px\]:where([data-direct-chat]) {
    max-width: 824px;
  }
  :where([data-direct-chat]) .max-w-\[880px\],
  .max-w-\[880px\]:where([data-direct-chat]) {
    max-width: 880px;
  }
  :where([data-direct-chat]) .max-w-\[900px\],
  .max-w-\[900px\]:where([data-direct-chat]) {
    max-width: 900px;
  }
  :where([data-direct-chat]) .max-w-\[910px\],
  .max-w-\[910px\]:where([data-direct-chat]) {
    max-width: 910px;
  }
  :where([data-direct-chat]) .max-w-\[940px\],
  .max-w-\[940px\]:where([data-direct-chat]) {
    max-width: 940px;
  }
  :where([data-direct-chat]) .max-w-\[960px\],
  .max-w-\[960px\]:where([data-direct-chat]) {
    max-width: 960px;
  }
  :where([data-direct-chat]) .max-w-\[962px\],
  .max-w-\[962px\]:where([data-direct-chat]) {
    max-width: 962px;
  }
  :where([data-direct-chat]) .max-w-\[1000px\],
  .max-w-\[1000px\]:where([data-direct-chat]) {
    max-width: 1000px;
  }
  :where([data-direct-chat]) .max-w-\[1200px\],
  .max-w-\[1200px\]:where([data-direct-chat]) {
    max-width: 1200px;
  }
  :where([data-direct-chat]) .max-w-full,
  .max-w-full:where([data-direct-chat]) {
    max-width: 100%;
  }
  :where([data-direct-chat]) .max-w-none,
  .max-w-none:where([data-direct-chat]) {
    max-width: none;
  }
  :where([data-direct-chat]) .max-w-sm,
  .max-w-sm:where([data-direct-chat]) {
    max-width: var(--container-sm);
  }
  :where([data-direct-chat]) .max-w-xl,
  .max-w-xl:where([data-direct-chat]) {
    max-width: var(--container-xl);
  }
  :where([data-direct-chat]) .min-w-0,
  .min-w-0:where([data-direct-chat]) {
    min-width: 0;
  }
  :where([data-direct-chat]) .min-w-\[44px\],
  .min-w-\[44px\]:where([data-direct-chat]) {
    min-width: 44px;
  }
  :where([data-direct-chat]) .min-w-\[68\%\],
  .min-w-\[68\%\]:where([data-direct-chat]) {
    min-width: 68%;
  }
  :where([data-direct-chat]) .min-w-\[72px\],
  .min-w-\[72px\]:where([data-direct-chat]) {
    min-width: 72px;
  }
  :where([data-direct-chat]) .min-w-\[120px\],
  .min-w-\[120px\]:where([data-direct-chat]) {
    min-width: 120px;
  }
  :where([data-direct-chat]) .min-w-\[180px\],
  .min-w-\[180px\]:where([data-direct-chat]) {
    min-width: 180px;
  }
  :where([data-direct-chat]) .col,
  .col:where([data-direct-chat]) {
    flex: 1 0;
  }
  :where([data-direct-chat]) .flex-1,
  .flex-1:where([data-direct-chat]) {
    flex: 1;
  }
  :where([data-direct-chat]) .flex-none,
  .flex-none:where([data-direct-chat]) {
    flex: none;
  }
  :where([data-direct-chat]) .flex-shrink,
  .flex-shrink:where([data-direct-chat]) {
    flex-shrink: 1;
  }
  :where([data-direct-chat]) .flex-shrink-0,
  .flex-shrink-0:where([data-direct-chat]),
  :where([data-direct-chat]) .shrink-0,
  .shrink-0:where([data-direct-chat]) {
    flex-shrink: 0;
  }
  :where([data-direct-chat]) .flex-grow,
  .flex-grow:where([data-direct-chat]),
  :where([data-direct-chat]) .grow,
  .grow:where([data-direct-chat]) {
    flex-grow: 1;
  }
  :where([data-direct-chat]) .border-collapse,
  .border-collapse:where([data-direct-chat]) {
    border-collapse: collapse;
  }
  :where([data-direct-chat]) .border-separate,
  .border-separate:where([data-direct-chat]) {
    border-collapse: separate;
  }
  :where([data-direct-chat]) .border-spacing-0,
  .border-spacing-0:where([data-direct-chat]) {
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  }
  :where([data-direct-chat]) .-translate-x-1\/2,
  .-translate-x-1\/2:where([data-direct-chat]) {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .translate-x-1\/2,
  .translate-x-1\/2:where([data-direct-chat]) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .-translate-y-1\/2,
  .-translate-y-1\/2:where([data-direct-chat]) {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .-translate-y-24,
  .-translate-y-24:where([data-direct-chat]) {
    --tw-translate-y: calc(var(--spacing) * -24);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .translate-y-1\/2,
  .translate-y-1\/2:where([data-direct-chat]) {
    --tw-translate-y: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .-rotate-90,
  .-rotate-90:where([data-direct-chat]) {
    rotate: -90deg;
  }
  :where([data-direct-chat]) .rotate-0,
  .rotate-0:where([data-direct-chat]) {
    rotate: 0deg;
  }
  :where([data-direct-chat]) .rotate-90,
  .rotate-90:where([data-direct-chat]) {
    rotate: 90deg;
  }
  :where([data-direct-chat]) .rotate-180,
  .rotate-180:where([data-direct-chat]) {
    rotate: 180deg;
  }
  :where([data-direct-chat]) .transform,
  .transform:where([data-direct-chat]) {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  :where([data-direct-chat]) .animate-fade-left,
  .animate-fade-left:where([data-direct-chat]) {
    opacity: 0;
    animation: 0.6s ease-out forwards fade-left;
  }
  :where([data-direct-chat]) .animate-fade-up,
  .animate-fade-up:where([data-direct-chat]) {
    opacity: 0;
    animation: 0.6s ease-out forwards fade-up;
  }
  :where([data-direct-chat]) .animate-fade-in,
  .animate-fade-in:where([data-direct-chat]) {
    animation: 0.3s ease-out forwards fade-in;
  }
  :where([data-direct-chat]) .animate-pulse,
  .animate-pulse:where([data-direct-chat]) {
    animation: var(--animate-pulse);
  }
  :where([data-direct-chat]) .cursor-pointer,
  .cursor-pointer:where([data-direct-chat]) {
    cursor: pointer;
  }
  :where([data-direct-chat]) .resize,
  .resize:where([data-direct-chat]) {
    resize: both;
  }
  :where([data-direct-chat]) .resize-none,
  .resize-none:where([data-direct-chat]) {
    resize: none;
  }
  :where([data-direct-chat]) .snap-x,
  .snap-x:where([data-direct-chat]) {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }
  :where([data-direct-chat]) .snap-mandatory,
  .snap-mandatory:where([data-direct-chat]) {
    --tw-scroll-snap-strictness: mandatory;
  }
  :where([data-direct-chat]) .snap-start,
  .snap-start:where([data-direct-chat]) {
    scroll-snap-align: start;
  }
  :where([data-direct-chat]) .scroll-mt-28,
  .scroll-mt-28:where([data-direct-chat]) {
    scroll-margin-top: calc(var(--spacing) * 28);
  }
  :where([data-direct-chat]) .scroll-px-4,
  .scroll-px-4:where([data-direct-chat]) {
    scroll-padding-inline: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .\[scrollbar-width\:none\],
  .\[scrollbar-width\:none\]:where([data-direct-chat]) {
    scrollbar-width: none;
  }
  :where([data-direct-chat]) .list-outside,
  .list-outside:where([data-direct-chat]) {
    list-style-position: outside;
  }
  :where([data-direct-chat]) .list-disc,
  .list-disc:where([data-direct-chat]) {
    list-style-type: disc;
  }
  :where([data-direct-chat]) .list-none,
  .list-none:where([data-direct-chat]) {
    list-style-type: none;
  }
  :where([data-direct-chat]) .columns-2,
  .columns-2:where([data-direct-chat]) {
    columns: 2;
  }
  :where([data-direct-chat]) .break-inside-avoid,
  .break-inside-avoid:where([data-direct-chat]) {
    break-inside: avoid;
  }
  :where([data-direct-chat]) .grid-cols-1,
  .grid-cols-1:where([data-direct-chat]) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  :where([data-direct-chat]) .grid-cols-2,
  .grid-cols-2:where([data-direct-chat]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  :where([data-direct-chat]) .grid-cols-3,
  .grid-cols-3:where([data-direct-chat]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  :where([data-direct-chat]) .grid-cols-6,
  .grid-cols-6:where([data-direct-chat]) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  :where([data-direct-chat]) .grid-cols-\[1fr_auto\],
  .grid-cols-\[1fr_auto\]:where([data-direct-chat]) {
    grid-template-columns: 1fr auto;
  }
  :where([data-direct-chat]) .grid-cols-\[minmax\(0\,1fr\)_auto\],
  .grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-direct-chat]) {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  :where([data-direct-chat]) .grid-rows-\[0fr\],
  .grid-rows-\[0fr\]:where([data-direct-chat]) {
    grid-template-rows: 0fr;
  }
  :where([data-direct-chat]) .grid-rows-\[1fr\],
  .grid-rows-\[1fr\]:where([data-direct-chat]) {
    grid-template-rows: 1fr;
  }
  :where([data-direct-chat]) .flex-col,
  .flex-col:where([data-direct-chat]) {
    flex-direction: column;
  }
  :where([data-direct-chat]) .flex-row,
  .flex-row:where([data-direct-chat]) {
    flex-direction: row;
  }
  :where([data-direct-chat]) .flex-wrap,
  .flex-wrap:where([data-direct-chat]) {
    flex-wrap: wrap;
  }
  :where([data-direct-chat]) .items-baseline,
  .items-baseline:where([data-direct-chat]) {
    align-items: baseline;
  }
  :where([data-direct-chat]) .items-center,
  .items-center:where([data-direct-chat]) {
    align-items: center;
  }
  :where([data-direct-chat]) .items-end,
  .items-end:where([data-direct-chat]) {
    align-items: flex-end;
  }
  :where([data-direct-chat]) .items-start,
  .items-start:where([data-direct-chat]) {
    align-items: flex-start;
  }
  :where([data-direct-chat]) .items-stretch,
  .items-stretch:where([data-direct-chat]) {
    align-items: stretch;
  }
  :where([data-direct-chat]) .justify-between,
  .justify-between:where([data-direct-chat]) {
    justify-content: space-between;
  }
  :where([data-direct-chat]) .justify-center,
  .justify-center:where([data-direct-chat]) {
    justify-content: center;
  }
  :where([data-direct-chat]) .justify-start,
  .justify-start:where([data-direct-chat]) {
    justify-content: flex-start;
  }
  :where([data-direct-chat]) .gap-1,
  .gap-1:where([data-direct-chat]) {
    gap: var(--spacing);
  }
  :where([data-direct-chat]) .gap-1\.5,
  .gap-1\.5:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 1.5);
  }
  :where([data-direct-chat]) .gap-2,
  .gap-2:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .gap-2\.5,
  .gap-2\.5:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 2.5);
  }
  :where([data-direct-chat]) .gap-3,
  .gap-3:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .gap-3\.5,
  .gap-3\.5:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 3.5);
  }
  :where([data-direct-chat]) .gap-4,
  .gap-4:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .gap-5,
  .gap-5:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .gap-6,
  .gap-6:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .gap-7,
  .gap-7:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .gap-8,
  .gap-8:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .gap-10,
  .gap-10:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .gap-12,
  .gap-12:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .gap-14,
  .gap-14:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .gap-16,
  .gap-16:where([data-direct-chat]) {
    gap: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .gap-\[10px\],
  .gap-\[10px\]:where([data-direct-chat]) {
    gap: 10px;
  }
  :where([data-direct-chat]) .gap-\[18px\],
  .gap-\[18px\]:where([data-direct-chat]) {
    gap: 18px;
  }
  :where([data-direct-chat]) .gap-\[42px\],
  .gap-\[42px\]:where([data-direct-chat]) {
    gap: 42px;
  }
  :where([data-direct-chat]) .gap-px,
  .gap-px:where([data-direct-chat]) {
    gap: 1px;
  }
  :where([data-direct-chat]) :where(.space-y-1 > :not(:last-child)),
  :where(.space-y-1 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));
    margin-block-end: calc(
      var(--spacing) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-2 > :not(:last-child)),
  :where(.space-y-2 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 2) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-3 > :not(:last-child)),
  :where(.space-y-3 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 3) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-4 > :not(:last-child)),
  :where(.space-y-4 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 4) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-6 > :not(:last-child)),
  :where(.space-y-6 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 6) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-8 > :not(:last-child)),
  :where(.space-y-8 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) :where(.space-y-14 > :not(:last-child)),
  :where(.space-y-14 > :not(:last-child)):where([data-direct-chat]) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(
      calc(var(--spacing) * 14) * var(--tw-space-y-reverse)
    );
    margin-block-end: calc(
      calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))
    );
  }
  :where([data-direct-chat]) .gap-x-2,
  .gap-x-2:where([data-direct-chat]) {
    column-gap: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .gap-x-6,
  .gap-x-6:where([data-direct-chat]) {
    column-gap: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .gap-x-8,
  .gap-x-8:where([data-direct-chat]) {
    column-gap: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .gap-y-1,
  .gap-y-1:where([data-direct-chat]) {
    row-gap: var(--spacing);
  }
  :where([data-direct-chat]) .gap-y-2,
  .gap-y-2:where([data-direct-chat]) {
    row-gap: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .gap-y-4,
  .gap-y-4:where([data-direct-chat]) {
    row-gap: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .gap-y-5,
  .gap-y-5:where([data-direct-chat]) {
    row-gap: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) :where(.divide-y > :not(:last-child)),
  :where(.divide-y > :not(:last-child)):where([data-direct-chat]) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
  :where([data-direct-chat]) :where(.divide-\[\#EAEAEA\] > :not(:last-child)),
  :where(.divide-\[\#EAEAEA\] > :not(:last-child)):where([data-direct-chat]),
  :where([data-direct-chat]) :where(.divide-\[\#eaeaea\] > :not(:last-child)),
  :where(.divide-\[\#eaeaea\] > :not(:last-child)):where([data-direct-chat]) {
    border-color: #eaeaea;
  }
  :where([data-direct-chat]) .self-end,
  .self-end:where([data-direct-chat]) {
    align-self: flex-end;
  }
  :where([data-direct-chat]) .self-start,
  .self-start:where([data-direct-chat]) {
    align-self: flex-start;
  }
  :where([data-direct-chat]) .self-stretch,
  .self-stretch:where([data-direct-chat]) {
    align-self: stretch;
  }
  :where([data-direct-chat]) .truncate,
  .truncate:where([data-direct-chat]) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  :where([data-direct-chat]) .overflow-hidden,
  .overflow-hidden:where([data-direct-chat]) {
    overflow: hidden;
  }
  :where([data-direct-chat]) .overflow-x-auto,
  .overflow-x-auto:where([data-direct-chat]) {
    overflow-x: auto;
  }
  :where([data-direct-chat]) .overflow-y-auto,
  .overflow-y-auto:where([data-direct-chat]) {
    overflow-y: auto;
  }
  :where([data-direct-chat]) .scroll-smooth,
  .scroll-smooth:where([data-direct-chat]) {
    scroll-behavior: smooth;
  }
  :where([data-direct-chat]) .rounded,
  .rounded:where([data-direct-chat]) {
    border-radius: 0.25rem;
  }
  :where([data-direct-chat]) .rounded-2xl,
  .rounded-2xl:where([data-direct-chat]) {
    border-radius: var(--radius-2xl);
  }
  :where([data-direct-chat]) .rounded-3xl,
  .rounded-3xl:where([data-direct-chat]) {
    border-radius: var(--radius-3xl);
  }
  :where([data-direct-chat]) .rounded-\[6px\],
  .rounded-\[6px\]:where([data-direct-chat]) {
    border-radius: 6px;
  }
  :where([data-direct-chat]) .rounded-\[10px\],
  .rounded-\[10px\]:where([data-direct-chat]) {
    border-radius: 10px;
  }
  :where([data-direct-chat]) .rounded-\[14px\],
  .rounded-\[14px\]:where([data-direct-chat]) {
    border-radius: 14px;
  }
  :where([data-direct-chat]) .rounded-\[28px\],
  .rounded-\[28px\]:where([data-direct-chat]) {
    border-radius: 28px;
  }
  :where([data-direct-chat]) .rounded-full,
  .rounded-full:where([data-direct-chat]) {
    border-radius: 2147483647px;
  }
  :where([data-direct-chat]) .rounded-lg,
  .rounded-lg:where([data-direct-chat]) {
    border-radius: var(--radius-lg);
  }
  :where([data-direct-chat]) .rounded-md,
  .rounded-md:where([data-direct-chat]) {
    border-radius: var(--radius-md);
  }
  :where([data-direct-chat]) .rounded-xl,
  .rounded-xl:where([data-direct-chat]) {
    border-radius: var(--radius-xl);
  }
  :where([data-direct-chat]) .\!rounded-t-none,
  .\!rounded-t-none:where([data-direct-chat]) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  :where([data-direct-chat]) .rounded-t-\[10px\],
  .rounded-t-\[10px\]:where([data-direct-chat]) {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  :where([data-direct-chat]) .rounded-br-\[10px\],
  .rounded-br-\[10px\]:where([data-direct-chat]) {
    border-bottom-right-radius: 10px;
  }
  :where([data-direct-chat]) .rounded-br-sm,
  .rounded-br-sm:where([data-direct-chat]) {
    border-bottom-right-radius: var(--radius-sm);
  }
  :where([data-direct-chat]) .rounded-bl-sm,
  .rounded-bl-sm:where([data-direct-chat]) {
    border-bottom-left-radius: var(--radius-sm);
  }
  :where([data-direct-chat]) .border,
  .border:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  :where([data-direct-chat]) .border-0,
  .border-0:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  :where([data-direct-chat]) .border-2,
  .border-2:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  :where([data-direct-chat]) .border-\[48px\],
  .border-\[48px\]:where([data-direct-chat]) {
    border-style: var(--tw-border-style);
    border-width: 48px;
  }
  :where([data-direct-chat]) .border-x-0,
  .border-x-0:where([data-direct-chat]) {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }
  :where([data-direct-chat]) .border-y,
  .border-y:where([data-direct-chat]) {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  :where([data-direct-chat]) .border-t,
  .border-t:where([data-direct-chat]) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  :where([data-direct-chat]) .border-t-0,
  .border-t-0:where([data-direct-chat]) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  :where([data-direct-chat]) .border-t-2,
  .border-t-2:where([data-direct-chat]) {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  :where([data-direct-chat]) .border-r,
  .border-r:where([data-direct-chat]) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  :where([data-direct-chat]) .border-b,
  .border-b:where([data-direct-chat]) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  :where([data-direct-chat]) .border-b-2,
  .border-b-2:where([data-direct-chat]) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  :where([data-direct-chat]) .border-l-2,
  .border-l-2:where([data-direct-chat]) {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }
  :where([data-direct-chat]) .border-dashed,
  .border-dashed:where([data-direct-chat]) {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  :where([data-direct-chat]) .border-\[\#2d3748\],
  .border-\[\#2d3748\]:where([data-direct-chat]) {
    border-color: #2d3748;
  }
  :where([data-direct-chat]) .border-\[\#D4D4D4\],
  .border-\[\#D4D4D4\]:where([data-direct-chat]) {
    border-color: #d4d4d4;
  }
  :where([data-direct-chat]) .border-\[\#F6F6F6\],
  .border-\[\#F6F6F6\]:where([data-direct-chat]) {
    border-color: #f6f6f6;
  }
  :where([data-direct-chat]) .border-\[\#d9e9f6\],
  .border-\[\#d9e9f6\]:where([data-direct-chat]) {
    border-color: #d9e9f6;
  }
  :where([data-direct-chat]) .border-\[\#e8e8e8\],
  .border-\[\#e8e8e8\]:where([data-direct-chat]) {
    border-color: #e8e8e8;
  }
  :where([data-direct-chat]) .border-\[\#eaeaea\],
  .border-\[\#eaeaea\]:where([data-direct-chat]) {
    border-color: #eaeaea;
  }
  :where([data-direct-chat]) .border-\[\#ffd7c7\],
  .border-\[\#ffd7c7\]:where([data-direct-chat]) {
    border-color: #ffd7c7;
  }
  :where([data-direct-chat]) .border-amber-200,
  .border-amber-200:where([data-direct-chat]) {
    border-color: var(--color-amber-200);
  }
  :where([data-direct-chat]) .border-border,
  .border-border:where([data-direct-chat]) {
    border-color: var(--color-border);
  }
  :where([data-direct-chat]) .border-gray-100,
  .border-gray-100:where([data-direct-chat]) {
    border-color: var(--color-gray-100);
  }
  :where([data-direct-chat]) .border-gray-200,
  .border-gray-200:where([data-direct-chat]) {
    border-color: var(--color-gray-200);
  }
  :where([data-direct-chat]) .border-gray-300,
  .border-gray-300:where([data-direct-chat]) {
    border-color: var(--color-gray-300);
  }
  :where([data-direct-chat]) .border-green-200,
  .border-green-200:where([data-direct-chat]) {
    border-color: var(--color-green-200);
  }
  :where([data-direct-chat]) .border-neutral-200,
  .border-neutral-200:where([data-direct-chat]) {
    border-color: var(--color-neutral-200);
  }
  :where([data-direct-chat]) .border-orange-100,
  .border-orange-100:where([data-direct-chat]) {
    border-color: var(--color-orange-100);
  }
  :where([data-direct-chat]) .border-primary,
  .border-primary:where([data-direct-chat]),
  :where([data-direct-chat]) .border-primary\/25,
  .border-primary\/25:where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-primary\/25,
    .border-primary\/25:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-primary) 25%, transparent);
    }
  }
  :where([data-direct-chat]) .border-primary\/30,
  .border-primary\/30:where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-primary\/30,
    .border-primary\/30:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  :where([data-direct-chat]) .border-primary\/40,
  .border-primary\/40:where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-primary\/40,
    .border-primary\/40:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
    }
  }
  :where([data-direct-chat]) .border-red-100,
  .border-red-100:where([data-direct-chat]) {
    border-color: var(--color-red-100);
  }
  :where([data-direct-chat]) .border-red-200,
  .border-red-200:where([data-direct-chat]) {
    border-color: var(--color-red-200);
  }
  :where([data-direct-chat]) .border-red-500\/30,
  .border-red-500\/30:where([data-direct-chat]) {
    border-color: #fb2c364d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-red-500\/30,
    .border-red-500\/30:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent);
    }
  }
  :where([data-direct-chat]) .border-secondary\/5,
  .border-secondary\/5:where([data-direct-chat]) {
    border-color: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-secondary\/5,
    .border-secondary\/5:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-secondary) 5%, transparent);
    }
  }
  :where([data-direct-chat]) .border-transparent,
  .border-transparent:where([data-direct-chat]) {
    border-color: #0000;
  }
  :where([data-direct-chat]) .border-white,
  .border-white:where([data-direct-chat]) {
    border-color: var(--color-white);
  }
  :where([data-direct-chat]) .border-white\/10,
  .border-white\/10:where([data-direct-chat]) {
    border-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-white\/10,
    .border-white\/10:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  :where([data-direct-chat]) .border-white\/15,
  .border-white\/15:where([data-direct-chat]) {
    border-color: #ffffff26;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-white\/15,
    .border-white\/15:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  :where([data-direct-chat]) .border-white\/20,
  .border-white\/20:where([data-direct-chat]) {
    border-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-white\/20,
    .border-white\/20:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
  :where([data-direct-chat]) .border-white\/30,
  .border-white\/30:where([data-direct-chat]) {
    border-color: #ffffff4d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-white\/30,
    .border-white\/30:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  :where([data-direct-chat]) .border-white\/80,
  .border-white\/80:where([data-direct-chat]) {
    border-color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .border-white\/80,
    .border-white\/80:where([data-direct-chat]) {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  :where([data-direct-chat]) .border-b-\[\#eaeaea\],
  .border-b-\[\#eaeaea\]:where([data-direct-chat]) {
    border-bottom-color: #eaeaea;
  }
  :where([data-direct-chat]) .bg-\[\#0d1117\],
  .bg-\[\#0d1117\]:where([data-direct-chat]) {
    background-color: #0d1117;
  }
  :where([data-direct-chat]) .bg-\[\#1a1a2e\],
  .bg-\[\#1a1a2e\]:where([data-direct-chat]) {
    background-color: #1a1a2e;
  }
  :where([data-direct-chat]) .bg-\[\#1a1f2e\],
  .bg-\[\#1a1f2e\]:where([data-direct-chat]) {
    background-color: #1a1f2e;
  }
  :where([data-direct-chat]) .bg-\[\#4FCB8D\],
  .bg-\[\#4FCB8D\]:where([data-direct-chat]) {
    background-color: #4fcb8d;
  }
  :where([data-direct-chat]) .bg-\[\#28c840\],
  .bg-\[\#28c840\]:where([data-direct-chat]) {
    background-color: #28c840;
  }
  :where([data-direct-chat]) .bg-\[\#56c596\],
  .bg-\[\#56c596\]:where([data-direct-chat]) {
    background-color: #56c596;
  }
  :where([data-direct-chat]) .bg-\[\#94b8d4\],
  .bg-\[\#94b8d4\]:where([data-direct-chat]) {
    background-color: #94b8d4;
  }
  :where([data-direct-chat]) .bg-\[\#111111\],
  .bg-\[\#111111\]:where([data-direct-chat]) {
    background-color: #111;
  }
  :where([data-direct-chat]) .bg-\[\#EAEAEA\],
  .bg-\[\#EAEAEA\]:where([data-direct-chat]) {
    background-color: #eaeaea;
  }
  :where([data-direct-chat]) .bg-\[\#F5F5F5\],
  .bg-\[\#F5F5F5\]:where([data-direct-chat]) {
    background-color: #f5f5f5;
  }
  :where([data-direct-chat]) .bg-\[\#FAFAFA\],
  .bg-\[\#FAFAFA\]:where([data-direct-chat]) {
    background-color: #fafafa;
  }
  :where([data-direct-chat]) .bg-\[\#FFB44B\],
  .bg-\[\#FFB44B\]:where([data-direct-chat]) {
    background-color: #ffb44b;
  }
  :where([data-direct-chat]) .bg-\[\#FFF5F3\],
  .bg-\[\#FFF5F3\]:where([data-direct-chat]) {
    background-color: #fff5f3;
  }
  :where([data-direct-chat]) .bg-\[\#FFF8F8\],
  .bg-\[\#FFF8F8\]:where([data-direct-chat]) {
    background-color: #fff8f8;
  }
  :where([data-direct-chat]) .bg-\[\#e5f1fb\],
  .bg-\[\#e5f1fb\]:where([data-direct-chat]) {
    background-color: #e5f1fb;
  }
  :where([data-direct-chat]) .bg-\[\#e8e8e8\],
  .bg-\[\#e8e8e8\]:where([data-direct-chat]) {
    background-color: #e8e8e8;
  }
  :where([data-direct-chat]) .bg-\[\#e8f4fd\],
  .bg-\[\#e8f4fd\]:where([data-direct-chat]) {
    background-color: #e8f4fd;
  }
  :where([data-direct-chat]) .bg-\[\#edf1f5\],
  .bg-\[\#edf1f5\]:where([data-direct-chat]) {
    background-color: #edf1f5;
  }
  :where([data-direct-chat]) .bg-\[\#edf5fc\],
  .bg-\[\#edf5fc\]:where([data-direct-chat]) {
    background-color: #edf5fc;
  }
  :where([data-direct-chat]) .bg-\[\#eef6fc\],
  .bg-\[\#eef6fc\]:where([data-direct-chat]) {
    background-color: #eef6fc;
  }
  :where([data-direct-chat]) .bg-\[\#f1f1f1\],
  .bg-\[\#f1f1f1\]:where([data-direct-chat]) {
    background-color: #f1f1f1;
  }
  :where([data-direct-chat]) .bg-\[\#f2f4f7\],
  .bg-\[\#f2f4f7\]:where([data-direct-chat]) {
    background-color: #f2f4f7;
  }
  :where([data-direct-chat]) .bg-\[\#f3f3f3\],
  .bg-\[\#f3f3f3\]:where([data-direct-chat]) {
    background-color: #f3f3f3;
  }
  :where([data-direct-chat]) .bg-\[\#f6f8fa\],
  .bg-\[\#f6f8fa\]:where([data-direct-chat]) {
    background-color: #f6f8fa;
  }
  :where([data-direct-chat]) .bg-\[\#f8fafc\],
  .bg-\[\#f8fafc\]:where([data-direct-chat]) {
    background-color: #f8fafc;
  }
  :where([data-direct-chat]) .bg-\[\#febc2e\],
  .bg-\[\#febc2e\]:where([data-direct-chat]) {
    background-color: #febc2e;
  }
  :where([data-direct-chat]) .bg-\[\#ff5f57\],
  .bg-\[\#ff5f57\]:where([data-direct-chat]) {
    background-color: #ff5f57;
  }
  :where([data-direct-chat]) .bg-\[\#ff6b35\],
  .bg-\[\#ff6b35\]:where([data-direct-chat]) {
    background-color: #ff6b35;
  }
  :where([data-direct-chat]) .bg-\[\#ffd166\],
  .bg-\[\#ffd166\]:where([data-direct-chat]) {
    background-color: #ffd166;
  }
  :where([data-direct-chat]) .bg-\[\#fff0ed\],
  .bg-\[\#fff0ed\]:where([data-direct-chat]) {
    background-color: #fff0ed;
  }
  :where([data-direct-chat]) .bg-\[\#fff1eb\],
  .bg-\[\#fff1eb\]:where([data-direct-chat]) {
    background-color: #fff1eb;
  }
  :where([data-direct-chat]) .bg-\[\#fff4ef\],
  .bg-\[\#fff4ef\]:where([data-direct-chat]) {
    background-color: #fff4ef;
  }
  :where([data-direct-chat]) .bg-\[\#fff5f3\],
  .bg-\[\#fff5f3\]:where([data-direct-chat]) {
    background-color: #fff5f3;
  }
  :where([data-direct-chat]) .bg-amber-100,
  .bg-amber-100:where([data-direct-chat]) {
    background-color: var(--color-amber-100);
  }
  :where([data-direct-chat]) .bg-black\/5,
  .bg-black\/5:where([data-direct-chat]) {
    background-color: #0000000d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-black\/5,
    .bg-black\/5:where([data-direct-chat]) {
      background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
    }
  }
  :where([data-direct-chat]) .bg-black\/50,
  .bg-black\/50:where([data-direct-chat]) {
    background-color: #00000080;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-black\/50,
    .bg-black\/50:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-black) 50%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-black\/80,
  .bg-black\/80:where([data-direct-chat]) {
    background-color: #000c;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-black\/80,
    .bg-black\/80:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-black) 80%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-blue-500\/20,
  .bg-blue-500\/20:where([data-direct-chat]) {
    background-color: #3080ff33;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-blue-500\/20,
    .bg-blue-500\/20:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-blue-500) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-body,
  .bg-body:where([data-direct-chat]) {
    background-color: var(--color-body);
  }
  :where([data-direct-chat]) .bg-border,
  .bg-border:where([data-direct-chat]) {
    background-color: var(--color-border);
  }
  :where([data-direct-chat]) .bg-dark,
  .bg-dark:where([data-direct-chat]) {
    background-color: var(--color-dark);
  }
  :where([data-direct-chat]) .bg-emerald-50,
  .bg-emerald-50:where([data-direct-chat]) {
    background-color: var(--color-emerald-50);
  }
  :where([data-direct-chat]) .bg-gray-50,
  .bg-gray-50:where([data-direct-chat]) {
    background-color: var(--color-gray-50);
  }
  :where([data-direct-chat]) .bg-gray-50\/50,
  .bg-gray-50\/50:where([data-direct-chat]) {
    background-color: #f9fafb80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-gray-50\/50,
    .bg-gray-50\/50:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-gray-50) 50%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-gray-100,
  .bg-gray-100:where([data-direct-chat]) {
    background-color: var(--color-gray-100);
  }
  :where([data-direct-chat]) .bg-gray-200,
  .bg-gray-200:where([data-direct-chat]) {
    background-color: var(--color-gray-200);
  }
  :where([data-direct-chat]) .bg-gray-300,
  .bg-gray-300:where([data-direct-chat]) {
    background-color: var(--color-gray-300);
  }
  :where([data-direct-chat]) .bg-green-50,
  .bg-green-50:where([data-direct-chat]) {
    background-color: var(--color-green-50);
  }
  :where([data-direct-chat]) .bg-green-100,
  .bg-green-100:where([data-direct-chat]) {
    background-color: var(--color-green-100);
  }
  :where([data-direct-chat]) .bg-green-500,
  .bg-green-500:where([data-direct-chat]) {
    background-color: var(--color-green-500);
  }
  :where([data-direct-chat]) .bg-light\/40,
  .bg-light\/40:where([data-direct-chat]) {
    background-color: var(--color-light);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-light\/40,
    .bg-light\/40:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-light) 40%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-neutral-50,
  .bg-neutral-50:where([data-direct-chat]) {
    background-color: var(--color-neutral-50);
  }
  :where([data-direct-chat]) .bg-neutral-100,
  .bg-neutral-100:where([data-direct-chat]) {
    background-color: var(--color-neutral-100);
  }
  :where([data-direct-chat]) .bg-orange-50,
  .bg-orange-50:where([data-direct-chat]) {
    background-color: var(--color-orange-50);
  }
  :where([data-direct-chat]) .bg-primary,
  .bg-primary:where([data-direct-chat]),
  :where([data-direct-chat]) .bg-primary\/5,
  .bg-primary\/5:where([data-direct-chat]) {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-primary\/5,
    .bg-primary\/5:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 5%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-primary\/10,
  .bg-primary\/10:where([data-direct-chat]) {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-primary\/10,
    .bg-primary\/10:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 10%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-primary\/20,
  .bg-primary\/20:where([data-direct-chat]) {
    background-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-primary\/20,
    .bg-primary\/20:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-primary) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-red-50,
  .bg-red-50:where([data-direct-chat]) {
    background-color: var(--color-red-50);
  }
  :where([data-direct-chat]) .bg-red-500\/20,
  .bg-red-500\/20:where([data-direct-chat]) {
    background-color: #fb2c3633;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-red-500\/20,
    .bg-red-500\/20:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-red-500) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-secondary,
  .bg-secondary:where([data-direct-chat]),
  :where([data-direct-chat]) .bg-secondary\/10,
  .bg-secondary\/10:where([data-direct-chat]) {
    background-color: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-secondary\/10,
    .bg-secondary\/10:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-secondary) 10%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-secondary\/20,
  .bg-secondary\/20:where([data-direct-chat]) {
    background-color: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-secondary\/20,
    .bg-secondary\/20:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-secondary) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-secondary\/40,
  .bg-secondary\/40:where([data-direct-chat]) {
    background-color: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-secondary\/40,
    .bg-secondary\/40:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-secondary) 40%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-transparent,
  .bg-transparent:where([data-direct-chat]) {
    background-color: #0000;
  }
  :where([data-direct-chat]) .bg-white,
  .bg-white:where([data-direct-chat]) {
    background-color: var(--color-white);
  }
  :where([data-direct-chat]) .bg-white\/5,
  .bg-white\/5:where([data-direct-chat]) {
    background-color: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-white\/5,
    .bg-white\/5:where([data-direct-chat]) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  :where([data-direct-chat]) .bg-white\/10,
  .bg-white\/10:where([data-direct-chat]) {
    background-color: #ffffff1a;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-white\/10,
    .bg-white\/10:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-white) 10%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-white\/20,
  .bg-white\/20:where([data-direct-chat]) {
    background-color: #fff3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .bg-white\/20,
    .bg-white\/20:where([data-direct-chat]) {
      background-color: color-mix(
        in oklab,
        var(--color-white) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .bg-yellow-100,
  .bg-yellow-100:where([data-direct-chat]) {
    background-color: var(--color-yellow-100);
  }
  :where([data-direct-chat]) .bg-gradient-to-b,
  .bg-gradient-to-b:where([data-direct-chat]) {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  :where([data-direct-chat]) .bg-gradient-to-br,
  .bg-gradient-to-br:where([data-direct-chat]) {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  :where([data-direct-chat]) .bg-gradient-to-l,
  .bg-gradient-to-l:where([data-direct-chat]) {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  :where([data-direct-chat]) .bg-gradient-to-r,
  .bg-gradient-to-r:where([data-direct-chat]) {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  :where([data-direct-chat]) .bg-\[url\(\'\/images\/pattern-dark\.svg\'\)\],
  .bg-\[url\(\'\/images\/pattern-dark\.svg\'\)\]:where([data-direct-chat]) {
    background-image: url(/images/pattern-dark.svg);
  }
  :where([data-direct-chat]) .bg-\[url\(\'\/images\/pattern\.svg\'\)\],
  .bg-\[url\(\'\/images\/pattern\.svg\'\)\]:where([data-direct-chat]) {
    background-image: url(/images/pattern.svg);
  }
  :where([data-direct-chat]) .from-\[\#eef6fc\],
  .from-\[\#eef6fc\]:where([data-direct-chat]) {
    --tw-gradient-from: #eef6fc;
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-primary,
  .from-primary:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-primary);
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-primary\/20,
  .from-primary\/20:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .from-primary\/20,
    .from-primary\/20:where([data-direct-chat]) {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-primary) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .from-primary\/20,
  .from-primary\/20:where([data-direct-chat]) {
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-secondary,
  .from-secondary:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-secondary);
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-primary\/60,
  .to-primary\/60:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .to-primary\/60,
    .to-primary\/60:where([data-direct-chat]) {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-primary) 60%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .to-primary\/60,
  .to-primary\/60:where([data-direct-chat]) {
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-secondary,
  .to-secondary:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-secondary);
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-secondary\/20,
  .to-secondary\/20:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .to-secondary\/20,
    .to-secondary\/20:where([data-direct-chat]) {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-secondary) 20%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .to-secondary\/20,
  .to-secondary\/20:where([data-direct-chat]) {
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-secondary\/60,
  .to-secondary\/60:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-secondary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .to-secondary\/60,
    .to-secondary\/60:where([data-direct-chat]) {
      --tw-gradient-to: color-mix(
        in oklab,
        var(--color-secondary) 60%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .to-secondary\/60,
  .to-secondary\/60:where([data-direct-chat]) {
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-transparent,
  .to-transparent:where([data-direct-chat]) {
    --tw-gradient-to: transparent;
    --tw-gradient-via-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .via-transparent,
  .via-transparent:where([data-direct-chat]) {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
  }
  :where([data-direct-chat]) .from-\[\#eef6fc\],
  .from-\[\#eef6fc\]:where([data-direct-chat]) {
    --tw-gradient-from: #eef6fc;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-amber-500,
  .from-amber-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-amber-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-blue-500,
  .from-blue-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-cyan-500,
  .from-cyan-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-cyan-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-gray-50,
  .from-gray-50:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-gray-50);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-rose-500,
  .from-rose-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-rose-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-slate-500,
  .from-slate-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-slate-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-violet-500,
  .from-violet-500:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-violet-500);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-white,
  .from-white:where([data-direct-chat]) {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .from-white\/5,
  .from-white\/5:where([data-direct-chat]) {
    --tw-gradient-from: #ffffff0d;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .from-white\/5,
    .from-white\/5:where([data-direct-chat]) {
      --tw-gradient-from: color-mix(
        in oklab,
        var(--color-white) 5%,
        transparent
      );
    }
  }
  :where([data-direct-chat]) .from-white\/5,
  .from-white\/5:where([data-direct-chat]) {
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .via-transparent,
  .via-transparent:where([data-direct-chat]) {
    --tw-gradient-via: transparent;
    --tw-gradient-via-stops:
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-via) var(--tw-gradient-via-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  :where([data-direct-chat]) .to-blue-600,
  .to-blue-600:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-blue-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-blue-700,
  .to-blue-700:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-blue-700);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-cyan-700,
  .to-cyan-700:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-cyan-700);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-emerald-600,
  .to-emerald-600:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-emerald-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-orange-600,
  .to-orange-600:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-orange-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-pink-600,
  .to-pink-600:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-pink-600);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-slate-700,
  .to-slate-700:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-slate-700);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-transparent,
  .to-transparent:where([data-direct-chat]) {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .to-violet-700,
  .to-violet-700:where([data-direct-chat]) {
    --tw-gradient-to: var(--color-violet-700);
    --tw-gradient-stops: var(
      --tw-gradient-via-stops,
      var(--tw-gradient-position),
      var(--tw-gradient-from) var(--tw-gradient-from-position),
      var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
  }
  :where([data-direct-chat]) .bg-cover,
  .bg-cover:where([data-direct-chat]) {
    background-size: cover;
  }
  :where([data-direct-chat]) .bg-center,
  .bg-center:where([data-direct-chat]) {
    background-position: 50%;
  }
  :where([data-direct-chat]) .bg-no-repeat,
  .bg-no-repeat:where([data-direct-chat]) {
    background-repeat: no-repeat;
  }
  :where([data-direct-chat]) .fill-current,
  .fill-current:where([data-direct-chat]) {
    fill: currentColor;
  }
  :where([data-direct-chat]) .object-contain,
  .object-contain:where([data-direct-chat]) {
    object-fit: contain;
  }
  :where([data-direct-chat]) .object-cover,
  .object-cover:where([data-direct-chat]) {
    object-fit: cover;
  }
  :where([data-direct-chat]) .object-bottom,
  .object-bottom:where([data-direct-chat]) {
    object-position: bottom;
  }
  :where([data-direct-chat]) .object-center,
  .object-center:where([data-direct-chat]) {
    object-position: center;
  }
  :where([data-direct-chat]) .object-left,
  .object-left:where([data-direct-chat]) {
    object-position: left;
  }
  :where([data-direct-chat]) .object-right,
  .object-right:where([data-direct-chat]) {
    object-position: right;
  }
  :where([data-direct-chat]) .p-0,
  .p-0:where([data-direct-chat]) {
    padding: 0;
  }
  :where([data-direct-chat]) .p-2,
  .p-2:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .p-3,
  .p-3:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .p-4,
  .p-4:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .p-5,
  .p-5:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .p-6,
  .p-6:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .p-7,
  .p-7:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .p-8,
  .p-8:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .p-10,
  .p-10:where([data-direct-chat]) {
    padding: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .p-\[10px\],
  .p-\[10px\]:where([data-direct-chat]) {
    padding: 10px;
  }
  :where([data-direct-chat]) .px-1,
  .px-1:where([data-direct-chat]) {
    padding-inline: var(--spacing);
  }
  :where([data-direct-chat]) .px-2,
  .px-2:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .px-3,
  .px-3:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .px-4,
  .px-4:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .px-5,
  .px-5:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .px-6,
  .px-6:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .px-7,
  .px-7:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .px-8,
  .px-8:where([data-direct-chat]) {
    padding-inline: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .px-\[14px\],
  .px-\[14px\]:where([data-direct-chat]) {
    padding-inline: 14px;
  }
  :where([data-direct-chat]) .px-\[18px\],
  .px-\[18px\]:where([data-direct-chat]) {
    padding-inline: 18px;
  }
  :where([data-direct-chat]) .py-0\.5,
  .py-0\.5:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 0.5);
  }
  :where([data-direct-chat]) .py-1,
  .py-1:where([data-direct-chat]) {
    padding-block: var(--spacing);
  }
  :where([data-direct-chat]) .py-1\.5,
  .py-1\.5:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 1.5);
  }
  :where([data-direct-chat]) .py-2,
  .py-2:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .py-2\.5,
  .py-2\.5:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 2.5);
  }
  :where([data-direct-chat]) .py-3,
  .py-3:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .py-4,
  .py-4:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .py-5,
  .py-5:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .py-6,
  .py-6:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .py-7,
  .py-7:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .py-8,
  .py-8:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .py-9,
  .py-9:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 9);
  }
  :where([data-direct-chat]) .py-12,
  .py-12:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 12);
  }
  :where([data-direct-chat]) .py-14,
  .py-14:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .py-20,
  .py-20:where([data-direct-chat]) {
    padding-block: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .py-\[2\.5px\],
  .py-\[2\.5px\]:where([data-direct-chat]) {
    padding-block: 2.5px;
  }
  :where([data-direct-chat]) .py-\[6px\],
  .py-\[6px\]:where([data-direct-chat]) {
    padding-block: 6px;
  }
  :where([data-direct-chat]) .py-\[22px\],
  .py-\[22px\]:where([data-direct-chat]) {
    padding-block: 22px;
  }
  :where([data-direct-chat]) .py-\[72px\],
  .py-\[72px\]:where([data-direct-chat]) {
    padding-block: 72px;
  }
  :where([data-direct-chat]) .pt-0,
  .pt-0:where([data-direct-chat]) {
    padding-top: 0;
  }
  :where([data-direct-chat]) .pt-1,
  .pt-1:where([data-direct-chat]) {
    padding-top: var(--spacing);
  }
  :where([data-direct-chat]) .pt-1\.5,
  .pt-1\.5:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 1.5);
  }
  :where([data-direct-chat]) .pt-2,
  .pt-2:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .pt-4,
  .pt-4:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .pt-5,
  .pt-5:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .pt-8,
  .pt-8:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .pt-10,
  .pt-10:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .pt-16,
  .pt-16:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .pt-20,
  .pt-20:where([data-direct-chat]) {
    padding-top: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .pt-\[26px\],
  .pt-\[26px\]:where([data-direct-chat]) {
    padding-top: 26px;
  }
  :where([data-direct-chat]) .pt-\[72px\],
  .pt-\[72px\]:where([data-direct-chat]) {
    padding-top: 72px;
  }
  :where([data-direct-chat]) .pt-\[140px\],
  .pt-\[140px\]:where([data-direct-chat]) {
    padding-top: 140px;
  }
  :where([data-direct-chat]) .pr-5,
  .pr-5:where([data-direct-chat]) {
    padding-right: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .pb-2,
  .pb-2:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 2);
  }
  :where([data-direct-chat]) .pb-3,
  .pb-3:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 3);
  }
  :where([data-direct-chat]) .pb-4,
  .pb-4:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .pb-5,
  .pb-5:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .pb-6,
  .pb-6:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .pb-7,
  .pb-7:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .pb-8,
  .pb-8:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 8);
  }
  :where([data-direct-chat]) .pb-10,
  .pb-10:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 10);
  }
  :where([data-direct-chat]) .pb-16,
  .pb-16:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 16);
  }
  :where([data-direct-chat]) .pb-20,
  .pb-20:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 20);
  }
  :where([data-direct-chat]) .pb-24,
  .pb-24:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 24);
  }
  :where([data-direct-chat]) .pb-40,
  .pb-40:where([data-direct-chat]) {
    padding-bottom: calc(var(--spacing) * 40);
  }
  :where([data-direct-chat]) .pl-5,
  .pl-5:where([data-direct-chat]) {
    padding-left: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .pl-14,
  .pl-14:where([data-direct-chat]) {
    padding-left: calc(var(--spacing) * 14);
  }
  :where([data-direct-chat]) .text-center,
  .text-center:where([data-direct-chat]) {
    text-align: center;
  }
  :where([data-direct-chat]) .text-justify,
  .text-justify:where([data-direct-chat]) {
    text-align: justify;
  }
  :where([data-direct-chat]) .text-left,
  .text-left:where([data-direct-chat]) {
    text-align: left;
  }
  :where([data-direct-chat]) .align-middle,
  .align-middle:where([data-direct-chat]) {
    vertical-align: middle;
  }
  :where([data-direct-chat]) .align-top,
  .align-top:where([data-direct-chat]) {
    vertical-align: top;
  }
  :where([data-direct-chat]) .font-mono,
  .font-mono:where([data-direct-chat]) {
    font-family: var(--font-mono);
  }
  :where([data-direct-chat]) .font-primary,
  .font-primary:where([data-direct-chat]) {
    font-family: var(--font-primary);
  }
  :where([data-direct-chat]) .font-secondary,
  .font-secondary:where([data-direct-chat]) {
    font-family: var(--font-secondary);
  }
  :where([data-direct-chat]) .text-2xl,
  .text-2xl:where([data-direct-chat]) {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  :where([data-direct-chat]) .text-3xl,
  .text-3xl:where([data-direct-chat]) {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  :where([data-direct-chat]) .text-4xl,
  .text-4xl:where([data-direct-chat]) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  :where([data-direct-chat]) .text-base,
  .text-base:where([data-direct-chat]) {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  :where([data-direct-chat]) .text-lg,
  .text-lg:where([data-direct-chat]) {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  :where([data-direct-chat]) .text-sm,
  .text-sm:where([data-direct-chat]) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  :where([data-direct-chat]) .text-xl,
  .text-xl:where([data-direct-chat]) {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  :where([data-direct-chat]) .text-xs,
  .text-xs:where([data-direct-chat]) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  :where([data-direct-chat]) .text-\[8rem\],
  .text-\[8rem\]:where([data-direct-chat]) {
    font-size: 8rem;
  }
  :where([data-direct-chat]) .text-\[10px\],
  .text-\[10px\]:where([data-direct-chat]) {
    font-size: 10px;
  }
  :where([data-direct-chat]) .text-\[11px\],
  .text-\[11px\]:where([data-direct-chat]) {
    font-size: 11px;
  }
  :where([data-direct-chat]) .text-\[12px\],
  .text-\[12px\]:where([data-direct-chat]) {
    font-size: 12px;
  }
  :where([data-direct-chat]) .text-\[14px\],
  .text-\[14px\]:where([data-direct-chat]) {
    font-size: 14px;
  }
  :where([data-direct-chat]) .text-\[16px\],
  .text-\[16px\]:where([data-direct-chat]) {
    font-size: 16px;
  }
  :where([data-direct-chat]) .text-\[18px\],
  .text-\[18px\]:where([data-direct-chat]) {
    font-size: 18px;
  }
  :where([data-direct-chat]) .text-\[24px\],
  .text-\[24px\]:where([data-direct-chat]) {
    font-size: 24px;
  }
  :where([data-direct-chat]) .text-\[32px\],
  .text-\[32px\]:where([data-direct-chat]) {
    font-size: 32px;
  }
  :where([data-direct-chat]) .text-\[34px\],
  .text-\[34px\]:where([data-direct-chat]) {
    font-size: 34px;
  }
  :where([data-direct-chat]) .text-\[38px\],
  .text-\[38px\]:where([data-direct-chat]) {
    font-size: 38px;
  }
  :where([data-direct-chat]) .text-\[42px\],
  .text-\[42px\]:where([data-direct-chat]) {
    font-size: 42px;
  }
  :where([data-direct-chat]) .text-\[44px\],
  .text-\[44px\]:where([data-direct-chat]) {
    font-size: 44px;
  }
  :where([data-direct-chat]) .text-\[48px\],
  .text-\[48px\]:where([data-direct-chat]) {
    font-size: 48px;
  }
  :where([data-direct-chat]) .text-base,
  .text-base:where([data-direct-chat]) {
    font-size: var(--text-base);
  }
  :where([data-direct-chat]) .text-h2,
  .text-h2:where([data-direct-chat]) {
    font-size: var(--text-h2);
  }
  :where([data-direct-chat]) .text-h3,
  .text-h3:where([data-direct-chat]) {
    font-size: var(--text-h3);
  }
  :where([data-direct-chat]) .text-h4,
  .text-h4:where([data-direct-chat]) {
    font-size: var(--text-h4);
  }
  :where([data-direct-chat]) .leading-4,
  .leading-4:where([data-direct-chat]) {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  :where([data-direct-chat]) .leading-5,
  .leading-5:where([data-direct-chat]) {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  :where([data-direct-chat]) .leading-6,
  .leading-6:where([data-direct-chat]) {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  :where([data-direct-chat]) .leading-7,
  .leading-7:where([data-direct-chat]) {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  :where([data-direct-chat]) .leading-\[1\.02\],
  .leading-\[1\.02\]:where([data-direct-chat]) {
    --tw-leading: 1.02;
    line-height: 1.02;
  }
  :where([data-direct-chat]) .leading-\[1\.2\],
  .leading-\[1\.2\]:where([data-direct-chat]) {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  :where([data-direct-chat]) .leading-\[1\.3\],
  .leading-\[1\.3\]:where([data-direct-chat]) {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  :where([data-direct-chat]) .leading-\[1\.4\],
  .leading-\[1\.4\]:where([data-direct-chat]) {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  :where([data-direct-chat]) .leading-\[1\.08\],
  .leading-\[1\.08\]:where([data-direct-chat]) {
    --tw-leading: 1.08;
    line-height: 1.08;
  }
  :where([data-direct-chat]) .leading-\[1\.8\],
  .leading-\[1\.8\]:where([data-direct-chat]) {
    --tw-leading: 1.8;
    line-height: 1.8;
  }
  :where([data-direct-chat]) .leading-\[1\.12\],
  .leading-\[1\.12\]:where([data-direct-chat]) {
    --tw-leading: 1.12;
    line-height: 1.12;
  }
  :where([data-direct-chat]) .leading-\[1\.15\],
  .leading-\[1\.15\]:where([data-direct-chat]) {
    --tw-leading: 1.15;
    line-height: 1.15;
  }
  :where([data-direct-chat]) .leading-\[1\.16\],
  .leading-\[1\.16\]:where([data-direct-chat]) {
    --tw-leading: 1.16;
    line-height: 1.16;
  }
  :where([data-direct-chat]) .leading-\[1\.25\],
  .leading-\[1\.25\]:where([data-direct-chat]) {
    --tw-leading: 1.25;
    line-height: 1.25;
  }
  :where([data-direct-chat]) .leading-\[1\.35\],
  .leading-\[1\.35\]:where([data-direct-chat]) {
    --tw-leading: 1.35;
    line-height: 1.35;
  }
  :where([data-direct-chat]) .leading-\[1\.42\],
  .leading-\[1\.42\]:where([data-direct-chat]) {
    --tw-leading: 1.42;
    line-height: 1.42;
  }
  :where([data-direct-chat]) .leading-\[1\.45\],
  .leading-\[1\.45\]:where([data-direct-chat]) {
    --tw-leading: 1.45;
    line-height: 1.45;
  }
  :where([data-direct-chat]) .leading-\[1\.55\],
  .leading-\[1\.55\]:where([data-direct-chat]) {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  :where([data-direct-chat]) .leading-none,
  .leading-none:where([data-direct-chat]) {
    --tw-leading: 1;
    line-height: 1;
  }
  :where([data-direct-chat]) .leading-normal,
  .leading-normal:where([data-direct-chat]) {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
  :where([data-direct-chat]) .leading-relaxed,
  .leading-relaxed:where([data-direct-chat]) {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  :where([data-direct-chat]) .leading-snug,
  .leading-snug:where([data-direct-chat]) {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  :where([data-direct-chat]) .leading-tight,
  .leading-tight:where([data-direct-chat]) {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  :where([data-direct-chat]) .font-bold,
  .font-bold:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  :where([data-direct-chat]) .font-light,
  .font-light:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  :where([data-direct-chat]) .font-medium,
  .font-medium:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  :where([data-direct-chat]) .font-normal,
  .font-normal:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  :where([data-direct-chat]) .font-semibold,
  .font-semibold:where([data-direct-chat]) {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  :where([data-direct-chat]) .tracking-\[-0\.01em\],
  .tracking-\[-0\.01em\]:where([data-direct-chat]) {
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  :where([data-direct-chat]) .tracking-\[-0\.015em\],
  .tracking-\[-0\.015em\]:where([data-direct-chat]) {
    --tw-tracking: -0.015em;
    letter-spacing: -0.015em;
  }
  :where([data-direct-chat]) .tracking-\[-0\.025em\],
  .tracking-\[-0\.025em\]:where([data-direct-chat]) {
    --tw-tracking: -0.025em;
    letter-spacing: -0.025em;
  }
  :where([data-direct-chat]) .tracking-\[0\.2em\],
  .tracking-\[0\.2em\]:where([data-direct-chat]) {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  :where([data-direct-chat]) .tracking-\[0\.12em\],
  .tracking-\[0\.12em\]:where([data-direct-chat]) {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  :where([data-direct-chat]) .tracking-\[0\.14em\],
  .tracking-\[0\.14em\]:where([data-direct-chat]) {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  :where([data-direct-chat]) .tracking-\[0\.15em\],
  .tracking-\[0\.15em\]:where([data-direct-chat]) {
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
  }
  :where([data-direct-chat]) .tracking-\[0\.16em\],
  .tracking-\[0\.16em\]:where([data-direct-chat]) {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  :where([data-direct-chat]) .tracking-tight,
  .tracking-tight:where([data-direct-chat]) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  :where([data-direct-chat]) .tracking-wide,
  .tracking-wide:where([data-direct-chat]) {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  :where([data-direct-chat]) .tracking-wider,
  .tracking-wider:where([data-direct-chat]) {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  :where([data-direct-chat]) .break-words,
  .break-words:where([data-direct-chat]) {
    overflow-wrap: break-word;
  }
  :where([data-direct-chat]) .whitespace-nowrap,
  .whitespace-nowrap:where([data-direct-chat]) {
    white-space: nowrap;
  }
  :where([data-direct-chat]) .whitespace-pre-wrap,
  .whitespace-pre-wrap:where([data-direct-chat]) {
    white-space: pre-wrap;
  }
  :where([data-direct-chat]) .text-\[\#1a1a1a\],
  .text-\[\#1a1a1a\]:where([data-direct-chat]) {
    color: #1a1a1a;
  }
  :where([data-direct-chat]) .text-\[\#1d5f8f\],
  .text-\[\#1d5f8f\]:where([data-direct-chat]) {
    color: #1d5f8f;
  }
  :where([data-direct-chat]) .text-\[\#2D2D2D\],
  .text-\[\#2D2D2D\]:where([data-direct-chat]) {
    color: #2d2d2d;
  }
  :where([data-direct-chat]) .text-\[\#4a5568\],
  .text-\[\#4a5568\]:where([data-direct-chat]) {
    color: #4a5568;
  }
  :where([data-direct-chat]) .text-\[\#7dd3fc\],
  .text-\[\#7dd3fc\]:where([data-direct-chat]) {
    color: #7dd3fc;
  }
  :where([data-direct-chat]) .text-\[\#7ee787\],
  .text-\[\#7ee787\]:where([data-direct-chat]) {
    color: #7ee787;
  }
  :where([data-direct-chat]) .text-\[\#9CA3AF\],
  .text-\[\#9CA3AF\]:where([data-direct-chat]) {
    color: #9ca3af;
  }
  :where([data-direct-chat]) .text-\[\#50BF23\],
  .text-\[\#50BF23\]:where([data-direct-chat]) {
    color: #50bf23;
  }
  :where([data-direct-chat]) .text-\[\#1584FF\],
  .text-\[\#1584FF\]:where([data-direct-chat]) {
    color: #1584ff;
  }
  :where([data-direct-chat]) .text-\[\#8191a6\],
  .text-\[\#8191a6\]:where([data-direct-chat]) {
    color: #8191a6;
  }
  :where([data-direct-chat]) .text-\[\#8892a4\],
  .text-\[\#8892a4\]:where([data-direct-chat]) {
    color: #8892a4;
  }
  :where([data-direct-chat]) .text-\[\#050505\],
  .text-\[\#050505\]:where([data-direct-chat]) {
    color: #050505;
  }
  :where([data-direct-chat]) .text-\[\#111111\],
  .text-\[\#111111\]:where([data-direct-chat]) {
    color: #111;
  }
  :where([data-direct-chat]) .text-\[\#202020\],
  .text-\[\#202020\]:where([data-direct-chat]) {
    color: #202020;
  }
  :where([data-direct-chat]) .text-\[\#222222\],
  .text-\[\#222222\]:where([data-direct-chat]) {
    color: #222;
  }
  :where([data-direct-chat]) .text-\[\#242424\],
  .text-\[\#242424\]:where([data-direct-chat]) {
    color: #242424;
  }
  :where([data-direct-chat]) .text-\[\#252525\],
  .text-\[\#252525\]:where([data-direct-chat]) {
    color: #252525;
  }
  :where([data-direct-chat]) .text-\[\#333333\],
  .text-\[\#333333\]:where([data-direct-chat]) {
    color: #333;
  }
  :where([data-direct-chat]) .text-\[\#666666\],
  .text-\[\#666666\]:where([data-direct-chat]) {
    color: #666;
  }
  :where([data-direct-chat]) .text-\[\#D9E4F1\],
  .text-\[\#D9E4F1\]:where([data-direct-chat]) {
    color: #d9e4f1;
  }
  :where([data-direct-chat]) .text-\[\#F0F0F0\],
  .text-\[\#F0F0F0\]:where([data-direct-chat]) {
    color: #f0f0f0;
  }
  :where([data-direct-chat]) .text-\[\#F2F2F2\],
  .text-\[\#F2F2F2\]:where([data-direct-chat]) {
    color: #f2f2f2;
  }
  :where([data-direct-chat]) .text-\[\#FF6B35\],
  .text-\[\#FF6B35\]:where([data-direct-chat]) {
    color: #ff6b35;
  }
  :where([data-direct-chat]) .text-\[\#a0aec0\],
  .text-\[\#a0aec0\]:where([data-direct-chat]) {
    color: #a0aec0;
  }
  :where([data-direct-chat]) .text-\[\#b42318\],
  .text-\[\#b42318\]:where([data-direct-chat]) {
    color: #b42318;
  }
  :where([data-direct-chat]) .text-\[\#c9d1d9\],
  .text-\[\#c9d1d9\]:where([data-direct-chat]) {
    color: #c9d1d9;
  }
  :where([data-direct-chat]) .text-\[\#f85149\],
  .text-\[\#f85149\]:where([data-direct-chat]) {
    color: #f85149;
  }
  :where([data-direct-chat]) .text-\[\#ff9a76\],
  .text-\[\#ff9a76\]:where([data-direct-chat]) {
    color: #ff9a76;
  }
  :where([data-direct-chat]) .text-amber-800,
  .text-amber-800:where([data-direct-chat]) {
    color: var(--color-amber-800);
  }
  :where([data-direct-chat]) .text-black,
  .text-black:where([data-direct-chat]) {
    color: var(--color-black);
  }
  :where([data-direct-chat]) .text-blue-400,
  .text-blue-400:where([data-direct-chat]) {
    color: var(--color-blue-400);
  }
  :where([data-direct-chat]) .text-blue-600,
  .text-blue-600:where([data-direct-chat]) {
    color: var(--color-blue-600);
  }
  :where([data-direct-chat]) .text-dark,
  .text-dark:where([data-direct-chat]) {
    color: var(--color-dark);
  }
  :where([data-direct-chat]) .text-emerald-700,
  .text-emerald-700:where([data-direct-chat]) {
    color: var(--color-emerald-700);
  }
  :where([data-direct-chat]) .text-gray-300,
  .text-gray-300:where([data-direct-chat]) {
    color: var(--color-gray-300);
  }
  :where([data-direct-chat]) .text-gray-400,
  .text-gray-400:where([data-direct-chat]) {
    color: var(--color-gray-400);
  }
  :where([data-direct-chat]) .text-gray-500,
  .text-gray-500:where([data-direct-chat]) {
    color: var(--color-gray-500);
  }
  :where([data-direct-chat]) .text-gray-600,
  .text-gray-600:where([data-direct-chat]) {
    color: var(--color-gray-600);
  }
  :where([data-direct-chat]) .text-gray-700,
  .text-gray-700:where([data-direct-chat]) {
    color: var(--color-gray-700);
  }
  :where([data-direct-chat]) .text-gray-800,
  .text-gray-800:where([data-direct-chat]) {
    color: var(--color-gray-800);
  }
  :where([data-direct-chat]) .text-gray-900,
  .text-gray-900:where([data-direct-chat]) {
    color: var(--color-gray-900);
  }
  :where([data-direct-chat]) .text-green-500,
  .text-green-500:where([data-direct-chat]) {
    color: var(--color-green-500);
  }
  :where([data-direct-chat]) .text-green-600,
  .text-green-600:where([data-direct-chat]) {
    color: var(--color-green-600);
  }
  :where([data-direct-chat]) .text-green-700,
  .text-green-700:where([data-direct-chat]) {
    color: var(--color-green-700);
  }
  :where([data-direct-chat]) .text-neutral-300,
  .text-neutral-300:where([data-direct-chat]) {
    color: var(--color-neutral-300);
  }
  :where([data-direct-chat]) .text-neutral-400,
  .text-neutral-400:where([data-direct-chat]) {
    color: var(--color-neutral-400);
  }
  :where([data-direct-chat]) .text-orange-800,
  .text-orange-800:where([data-direct-chat]) {
    color: var(--color-orange-800);
  }
  :where([data-direct-chat]) .text-primary,
  .text-primary:where([data-direct-chat]) {
    color: var(--color-primary-text);
  }
  :where([data-direct-chat]) .text-primary-contrast,
  .text-primary-contrast:where([data-direct-chat]) {
    color: var(--color-primary-contrast);
  }
  :where([data-direct-chat]) .text-primary-on-dark,
  .text-primary-on-dark:where([data-direct-chat]) {
    color: var(--color-primary-on-dark);
  }
  :where([data-direct-chat]) .text-primary\/60,
  .text-primary\/60:where([data-direct-chat]) {
    color: var(--color-primary-text);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-primary\/60,
    .text-primary\/60:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-primary-text) 60%, transparent);
    }
  }
  :where([data-direct-chat]) .text-red-300,
  .text-red-300:where([data-direct-chat]) {
    color: var(--color-red-300);
  }
  :where([data-direct-chat]) .text-red-400,
  .text-red-400:where([data-direct-chat]) {
    color: var(--color-red-400);
  }
  :where([data-direct-chat]) .text-red-500,
  .text-red-500:where([data-direct-chat]) {
    color: var(--color-red-500);
  }
  :where([data-direct-chat]) .text-red-600,
  .text-red-600:where([data-direct-chat]) {
    color: var(--color-red-600);
  }
  :where([data-direct-chat]) .text-red-700,
  .text-red-700:where([data-direct-chat]) {
    color: var(--color-red-700);
  }
  :where([data-direct-chat]) .text-secondary,
  .text-secondary:where([data-direct-chat]) {
    color: var(--color-secondary);
  }
  :where([data-direct-chat]) .text-text,
  .text-text:where([data-direct-chat]) {
    color: var(--color-text);
  }
  :where([data-direct-chat]) .text-text-dark,
  .text-text-dark:where([data-direct-chat]) {
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) .text-text-light,
  .text-text-light:where([data-direct-chat]) {
    color: var(--color-text-light);
  }
  :where([data-direct-chat]) .text-white,
  .text-white:where([data-direct-chat]) {
    color: var(--color-white);
  }
  :where([data-direct-chat]) .text-white\/50,
  .text-white\/50:where([data-direct-chat]) {
    color: #ffffff80;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/50,
    .text-white\/50:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 50%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/60,
  .text-white\/60:where([data-direct-chat]) {
    color: #fff9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/60,
    .text-white\/60:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/70,
  .text-white\/70:where([data-direct-chat]) {
    color: #ffffffb3;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/70,
    .text-white\/70:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/75,
  .text-white\/75:where([data-direct-chat]) {
    color: #ffffffbf;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/75,
    .text-white\/75:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 75%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/80,
  .text-white\/80:where([data-direct-chat]) {
    color: #fffc;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/80,
    .text-white\/80:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/85,
  .text-white\/85:where([data-direct-chat]) {
    color: #ffffffd9;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/85,
    .text-white\/85:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  :where([data-direct-chat]) .text-white\/90,
  .text-white\/90:where([data-direct-chat]) {
    color: #ffffffe6;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat]) .text-white\/90,
    .text-white\/90:where([data-direct-chat]) {
      color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  :where([data-direct-chat]) .text-yellow-700,
  .text-yellow-700:where([data-direct-chat]) {
    color: var(--color-yellow-700);
  }
  :where([data-direct-chat]) .text-yellow-800,
  .text-yellow-800:where([data-direct-chat]) {
    color: var(--color-yellow-800);
  }
  :where([data-direct-chat]) .capitalize,
  .capitalize:where([data-direct-chat]) {
    text-transform: capitalize;
  }
  :where([data-direct-chat]) .uppercase,
  .uppercase:where([data-direct-chat]) {
    text-transform: uppercase;
  }
  :where([data-direct-chat]) .italic,
  .italic:where([data-direct-chat]) {
    font-style: italic;
  }
  :where([data-direct-chat]) .tabular-nums,
  .tabular-nums:where([data-direct-chat]) {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,)
      var(--tw-numeric-figure,) var(--tw-numeric-spacing,)
      var(--tw-numeric-fraction,);
  }
  :where([data-direct-chat]) .overline,
  .overline:where([data-direct-chat]) {
    text-decoration-line: overline;
  }
  :where([data-direct-chat]) .underline,
  .underline:where([data-direct-chat]) {
    text-decoration-line: underline;
  }
  :where([data-direct-chat]) .underline-offset-2,
  .underline-offset-2:where([data-direct-chat]) {
    text-underline-offset: 2px;
  }
  :where([data-direct-chat]) .opacity-0,
  .opacity-0:where([data-direct-chat]) {
    opacity: 0;
  }
  :where([data-direct-chat]) .opacity-10,
  .opacity-10:where([data-direct-chat]) {
    opacity: 0.1;
  }
  :where([data-direct-chat]) .opacity-20,
  .opacity-20:where([data-direct-chat]) {
    opacity: 0.2;
  }
  :where([data-direct-chat]) .opacity-30,
  .opacity-30:where([data-direct-chat]) {
    opacity: 0.3;
  }
  :where([data-direct-chat]) .opacity-50,
  .opacity-50:where([data-direct-chat]) {
    opacity: 0.5;
  }
  :where([data-direct-chat]) .opacity-60,
  .opacity-60:where([data-direct-chat]) {
    opacity: 0.6;
  }
  :where([data-direct-chat]) .opacity-90,
  .opacity-90:where([data-direct-chat]) {
    opacity: 0.9;
  }
  :where([data-direct-chat]) .shadow-2xl,
  .shadow-2xl:where([data-direct-chat]) {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.06\)\],
  .shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.06\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 2px 8px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.06\)\],
  .shadow-\[0_4px_12px_0_rgba\(0\,0\,0\,0\.06\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 4px 12px 0 var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_4px_14px_0_rgba\(0\,0\,0\,0\.1\)\],
  .shadow-\[0_4px_14px_0_rgba\(0\,0\,0\,0\.1\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 4px 14px 0 var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.08\)\],
  .shadow-\[0_4px_16px_0_rgba\(0\,0\,0\,0\.08\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 4px 16px 0 var(--tw-shadow-color, #00000014);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_6px_14px_0_rgba\(0\,0\,0\,0\.1\)\],
  .shadow-\[0_6px_14px_0_rgba\(0\,0\,0\,0\.1\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 6px 14px 0 var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.1\)\],
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.1\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.06\)\],
  .shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.06\)\]:where([data-direct-chat]) {
    --tw-shadow: 0 20px 60px var(--tw-shadow-color, #0000000f);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-lg,
  .shadow-lg:where([data-direct-chat]) {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, #0000001a),
      0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-sm,
  .shadow-sm:where([data-direct-chat]) {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .shadow-xl,
  .shadow-xl:where([data-direct-chat]) {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, #0000001a),
      0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .ring-2,
  .ring-2:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .outline,
  .outline:where([data-direct-chat]) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  :where([data-direct-chat]) .blur,
  .blur:where([data-direct-chat]) {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  :where([data-direct-chat]) .blur-2xl,
  .blur-2xl:where([data-direct-chat]) {
    --tw-blur: blur(var(--blur-2xl));
    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,);
  }
  :where([data-direct-chat]) .blur-xl,
  .blur-xl:where([data-direct-chat]) {
    --tw-blur: blur(var(--blur-xl));
    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,);
  }
  :where([data-direct-chat]) .grayscale,
  .grayscale:where([data-direct-chat]) {
    --tw-grayscale: grayscale(100%);
    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,);
  }
  :where([data-direct-chat]) .filter,
  .filter:where([data-direct-chat]) {
    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,);
  }
  :where([data-direct-chat]) .backdrop-blur-md,
  .backdrop-blur-md:where([data-direct-chat]) {
    --tw-backdrop-blur: blur(var(--blur-md));
    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,);
  }
  :where([data-direct-chat]) .backdrop-blur-sm,
  .backdrop-blur-sm:where([data-direct-chat]) {
    --tw-backdrop-blur: blur(var(--blur-sm));
    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,);
  }
  :where([data-direct-chat]) .backdrop-filter,
  .backdrop-filter:where([data-direct-chat]) {
    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,);
  }
  :where([data-direct-chat]) .transition,
  .transition:where([data-direct-chat]) {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-\[grid-template-rows\],
  .transition-\[grid-template-rows\]:where([data-direct-chat]) {
    transition-property: grid-template-rows;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-all,
  .transition-all:where([data-direct-chat]) {
    transition-property: all;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-colors,
  .transition-colors:where([data-direct-chat]) {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-opacity,
  .transition-opacity:where([data-direct-chat]) {
    transition-property: opacity;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-shadow,
  .transition-shadow:where([data-direct-chat]) {
    transition-property: box-shadow;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .transition-transform,
  .transition-transform:where([data-direct-chat]) {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  :where([data-direct-chat]) .duration-200,
  .duration-200:where([data-direct-chat]) {
    --tw-duration: 0.2s;
    transition-duration: 0.2s;
  }
  :where([data-direct-chat]) .duration-300,
  .duration-300:where([data-direct-chat]) {
    --tw-duration: 0.3s;
    transition-duration: 0.3s;
  }
  :where([data-direct-chat]) .duration-500,
  .duration-500:where([data-direct-chat]) {
    --tw-duration: 0.5s;
    transition-duration: 0.5s;
  }
  :where([data-direct-chat]) .ease-in-out,
  .ease-in-out:where([data-direct-chat]) {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  :where([data-direct-chat]) .ease-out,
  .ease-out:where([data-direct-chat]) {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  :where([data-direct-chat]) .outline-none,
  .outline-none:where([data-direct-chat]) {
    --tw-outline-style: none;
    outline-style: none;
  }
  :where([data-direct-chat]) .animate-delay-100,
  .animate-delay-100:where([data-direct-chat]) {
    animation-delay: 0.1s;
  }
  :where([data-direct-chat]) .animate-delay-200,
  .animate-delay-200:where([data-direct-chat]) {
    animation-delay: 0.2s;
  }
  :where([data-direct-chat]) .animate-delay-300,
  .animate-delay-300:where([data-direct-chat]) {
    animation-delay: 0.3s;
  }
  :where([data-direct-chat]) .animate-delay-400,
  .animate-delay-400:where([data-direct-chat]) {
    animation-delay: 0.4s;
  }
  :where([data-direct-chat]) .animate-delay-500,
  .animate-delay-500:where([data-direct-chat]) {
    animation-delay: 0.5s;
  }
  :where([data-direct-chat])
    .group-open\:rotate-0:is(:where(.group):is([open], :popover-open, :open) *),
  .group-open\:rotate-0:is(
      :where(.group):is([open], :popover-open, :open) *
    ):where([data-direct-chat]) {
    rotate: 0deg;
  }
  :where([data-direct-chat])
    .group-open\:rotate-45:is(
      :where(.group):is([open], :popover-open, :open) *
    ),
  .group-open\:rotate-45:is(
      :where(.group):is([open], :popover-open, :open) *
    ):where([data-direct-chat]) {
    rotate: 45deg;
  }
  :where([data-direct-chat])
    .group-open\:rotate-180:is(
      :where(.group):is([open], :popover-open, :open) *
    ),
  .group-open\:rotate-180:is(
      :where(.group):is([open], :popover-open, :open) *
    ):where([data-direct-chat]) {
    rotate: 180deg;
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .group-hover\:visible:is(:where(.group):hover *),
    .group-hover\:visible:is(:where(.group):hover *):where([data-direct-chat]) {
      visibility: visible;
    }
    :where([data-direct-chat])
      .group-hover\:scale-110:is(:where(.group):hover *),
    .group-hover\:scale-110:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    :where([data-direct-chat])
      .group-hover\:scale-150:is(:where(.group):hover *),
    .group-hover\:scale-150:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      --tw-scale-x: 150%;
      --tw-scale-y: 150%;
      --tw-scale-z: 150%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
    :where([data-direct-chat])
      .group-hover\:rotate-180:is(:where(.group):hover *),
    .group-hover\:rotate-180:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      rotate: 180deg;
    }
    :where([data-direct-chat])
      .group-hover\:bg-black\/30:is(:where(.group):hover *),
    .group-hover\:bg-black\/30:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      background-color: #0000004d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat])
        .group-hover\:bg-black\/30:is(:where(.group):hover *),
      .group-hover\:bg-black\/30:is(:where(.group):hover *):where(
          [data-direct-chat]
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-black) 30%,
          transparent
        );
      }
    }
    :where([data-direct-chat])
      .group-hover\:bg-gray-400:is(:where(.group):hover *),
    .group-hover\:bg-gray-400:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      background-color: var(--color-gray-400);
    }
    :where([data-direct-chat])
      .group-hover\:bg-primary\/20:is(:where(.group):hover *),
    .group-hover\:bg-primary\/20:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat])
        .group-hover\:bg-primary\/20:is(:where(.group):hover *),
      .group-hover\:bg-primary\/20:is(:where(.group):hover *):where(
          [data-direct-chat]
        ) {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 20%,
          transparent
        );
      }
    }
    :where([data-direct-chat])
      .group-hover\:text-primary:is(:where(.group):hover *),
    .group-hover\:text-primary:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      color: var(--color-primary-text);
    }
    :where([data-direct-chat])
      .group-hover\:opacity-100:is(:where(.group):hover *),
    .group-hover\:opacity-100:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      opacity: 1;
    }
    :where([data-direct-chat])
      .group-hover\:grayscale-0:is(:where(.group):hover *),
    .group-hover\:grayscale-0:is(:where(.group):hover *):where(
        [data-direct-chat]
      ) {
      --tw-grayscale: grayscale(0%);
      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,);
    }
  }
  :where([data-direct-chat]) .marker\:content-none ::marker,
  .marker\:content-none :where([data-direct-chat])::marker,
  :where([data-direct-chat]) .marker\:content-none::marker,
  .marker\:content-none:where([data-direct-chat])::marker {
    --tw-content: none;
    content: none;
  }
  :where([data-direct-chat]) .marker\:content-none ::-webkit-details-marker,
  .marker\:content-none :where([data-direct-chat])::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  :where([data-direct-chat]) .marker\:content-none::-webkit-details-marker,
  .marker\:content-none:where([data-direct-chat])::-webkit-details-marker {
    --tw-content: none;
    content: none;
  }
  :where([data-direct-chat]) .placeholder\:text-gray-400::placeholder,
  .placeholder\:text-gray-400:where([data-direct-chat])::placeholder {
    color: var(--color-gray-400);
  }
  :where([data-direct-chat]) .placeholder\:text-text-light::placeholder,
  .placeholder\:text-text-light:where([data-direct-chat])::placeholder {
    color: var(--color-text-light);
  }
  :where([data-direct-chat]) .before\:absolute:before,
  .before\:absolute:where([data-direct-chat]):before {
    content: var(--tw-content);
    position: absolute;
  }
  :where([data-direct-chat]) .before\:inset-y-0:before,
  .before\:inset-y-0:where([data-direct-chat]):before {
    content: var(--tw-content);
    inset-block: 0;
  }
  :where([data-direct-chat]) .before\:left-0:before,
  .before\:left-0:where([data-direct-chat]):before {
    content: var(--tw-content);
    left: 0;
  }
  :where([data-direct-chat]) .before\:w-1\.5:before,
  .before\:w-1\.5:where([data-direct-chat]):before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
  }
  :where([data-direct-chat]) .before\:bg-primary:before,
  .before\:bg-primary:where([data-direct-chat]):before {
    content: var(--tw-content);
    background-color: var(--color-primary);
  }
  :where([data-direct-chat]) .before\:content-\[\'\'\]:before,
  .before\:content-\[\'\'\]:where([data-direct-chat]):before {
    --tw-content: "";
    content: var(--tw-content);
  }
  :where([data-direct-chat]) .last\:mb-0:last-child,
  .last\:mb-0:last-child:where([data-direct-chat]) {
    margin-bottom: 0;
  }
  :where([data-direct-chat]) .last\:border-b-0:last-child,
  .last\:border-b-0:last-child:where([data-direct-chat]) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
  :where([data-direct-chat])
    .open\:border-primary\/30:is([open], :popover-open, :open),
  .open\:border-primary\/30:is([open], :popover-open, :open):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-primary);
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat])
      .open\:border-primary\/30:is([open], :popover-open, :open),
    .open\:border-primary\/30:is([open], :popover-open, :open):where(
        [data-direct-chat]
      ) {
      border-color: color-mix(in oklab, var(--color-primary) 30%, transparent);
    }
  }
  :where([data-direct-chat]) .open\:shadow-md:is([open], :popover-open, :open),
  .open\:shadow-md:is([open], :popover-open, :open):where([data-direct-chat]) {
    --tw-shadow:
      0 4px 6px -1px var(--tw-shadow-color, #0000001a),
      0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .focus-within\:border-primary:focus-within,
  .focus-within\:border-primary:focus-within:where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  :where([data-direct-chat]) .focus-within\:ring-2:focus-within,
  .focus-within\:ring-2:focus-within:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  @media (hover: hover) {
    :where([data-direct-chat]) .hover\:-translate-y-0\.5:hover,
    .hover\:-translate-y-0\.5:hover:where([data-direct-chat]) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where([data-direct-chat]) .hover\:-translate-y-1:hover,
    .hover\:-translate-y-1:hover:where([data-direct-chat]) {
      --tw-translate-y: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where([data-direct-chat]) .hover\:translate-y-\[-4px\]:hover,
    .hover\:translate-y-\[-4px\]:hover:where([data-direct-chat]) {
      --tw-translate-y: -4px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where([data-direct-chat]) .hover\:translate-y-\[-8px\]:hover,
    .hover\:translate-y-\[-8px\]:hover:where([data-direct-chat]) {
      --tw-translate-y: -8px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    :where([data-direct-chat]) .hover\:scale-\[1\.02\]:hover,
    .hover\:scale-\[1\.02\]:hover:where([data-direct-chat]) {
      scale: 1.02;
    }
    :where([data-direct-chat]) .hover\:border-blue-400\/30:hover,
    .hover\:border-blue-400\/30:hover:where([data-direct-chat]) {
      border-color: #54a2ff4d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-blue-400\/30:hover,
      .hover\:border-blue-400\/30:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-blue-400) 30%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:border-gray-300:hover,
    .hover\:border-gray-300:hover:where([data-direct-chat]) {
      border-color: var(--color-gray-300);
    }
    :where([data-direct-chat]) .hover\:border-orange-200:hover,
    .hover\:border-orange-200:hover:where([data-direct-chat]) {
      border-color: var(--color-orange-200);
    }
    :where([data-direct-chat]) .hover\:border-primary:hover,
    .hover\:border-primary:hover:where([data-direct-chat]),
    :where([data-direct-chat]) .hover\:border-primary\/20:hover,
    .hover\:border-primary\/20:hover:where([data-direct-chat]) {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-primary\/20:hover,
      .hover\:border-primary\/20:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 20%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:border-primary\/30:hover,
    .hover\:border-primary\/30:hover:where([data-direct-chat]) {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-primary\/30:hover,
      .hover\:border-primary\/30:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 30%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:border-primary\/40:hover,
    .hover\:border-primary\/40:hover:where([data-direct-chat]) {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-primary\/40:hover,
      .hover\:border-primary\/40:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 40%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:border-primary\/50:hover,
    .hover\:border-primary\/50:hover:where([data-direct-chat]) {
      border-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-primary\/50:hover,
      .hover\:border-primary\/50:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-primary) 50%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:border-secondary\/30:hover,
    .hover\:border-secondary\/30:hover:where([data-direct-chat]) {
      border-color: var(--color-secondary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:border-secondary\/30:hover,
      .hover\:border-secondary\/30:hover:where([data-direct-chat]) {
        border-color: color-mix(
          in oklab,
          var(--color-secondary) 30%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-gray-50:hover,
    .hover\:bg-gray-50:hover:where([data-direct-chat]) {
      background-color: var(--color-gray-50);
    }
    :where([data-direct-chat]) .hover\:bg-gray-100:hover,
    .hover\:bg-gray-100:hover:where([data-direct-chat]) {
      background-color: var(--color-gray-100);
    }
    :where([data-direct-chat]) .hover\:bg-gray-200:hover,
    .hover\:bg-gray-200:hover:where([data-direct-chat]) {
      background-color: var(--color-gray-200);
    }
    :where([data-direct-chat]) .hover\:bg-light:hover,
    .hover\:bg-light:hover:where([data-direct-chat]) {
      background-color: var(--color-light);
    }
    :where([data-direct-chat]) .hover\:bg-neutral-50:hover,
    .hover\:bg-neutral-50:hover:where([data-direct-chat]) {
      background-color: var(--color-neutral-50);
    }
    :where([data-direct-chat]) .hover\:bg-neutral-100:hover,
    .hover\:bg-neutral-100:hover:where([data-direct-chat]) {
      background-color: var(--color-neutral-100);
    }
    :where([data-direct-chat]) .hover\:bg-orange-100:hover,
    .hover\:bg-orange-100:hover:where([data-direct-chat]) {
      background-color: var(--color-orange-100);
    }
    :where([data-direct-chat]) .hover\:bg-primary:hover,
    .hover\:bg-primary:hover:where([data-direct-chat]),
    :where([data-direct-chat]) .hover\:bg-primary\/5:hover,
    .hover\:bg-primary\/5:hover:where([data-direct-chat]) {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-primary\/5:hover,
      .hover\:bg-primary\/5:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 5%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-primary\/10:hover,
    .hover\:bg-primary\/10:hover:where([data-direct-chat]) {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-primary\/10:hover,
      .hover\:bg-primary\/10:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 10%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-primary\/80:hover,
    .hover\:bg-primary\/80:hover:where([data-direct-chat]) {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-primary\/80:hover,
      .hover\:bg-primary\/80:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 80%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-primary\/90:hover,
    .hover\:bg-primary\/90:hover:where([data-direct-chat]) {
      background-color: var(--color-primary);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-primary\/90:hover,
      .hover\:bg-primary\/90:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-primary) 90%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-secondary:hover,
    .hover\:bg-secondary:hover:where([data-direct-chat]) {
      background-color: var(--color-secondary);
    }
    :where([data-direct-chat]) .hover\:bg-white:hover,
    .hover\:bg-white:hover:where([data-direct-chat]) {
      background-color: var(--color-white);
    }
    :where([data-direct-chat]) .hover\:bg-white\/5:hover,
    .hover\:bg-white\/5:hover:where([data-direct-chat]) {
      background-color: #ffffff0d;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-white\/5:hover,
      .hover\:bg-white\/5:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-white) 5%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-white\/10:hover,
    .hover\:bg-white\/10:hover:where([data-direct-chat]) {
      background-color: #ffffff1a;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-white\/10:hover,
      .hover\:bg-white\/10:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-white) 10%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-white\/20:hover,
    .hover\:bg-white\/20:hover:where([data-direct-chat]) {
      background-color: #fff3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-white\/20:hover,
      .hover\:bg-white\/20:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-white) 20%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:bg-white\/70:hover,
    .hover\:bg-white\/70:hover:where([data-direct-chat]) {
      background-color: #ffffffb3;
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:bg-white\/70:hover,
      .hover\:bg-white\/70:hover:where([data-direct-chat]) {
        background-color: color-mix(
          in oklab,
          var(--color-white) 70%,
          transparent
        );
      }
    }
    :where([data-direct-chat]) .hover\:text-dark:hover,
    .hover\:text-dark:hover:where([data-direct-chat]) {
      color: var(--color-dark);
    }
    :where([data-direct-chat]) .hover\:text-gray-300:hover,
    .hover\:text-gray-300:hover:where([data-direct-chat]) {
      color: var(--color-gray-300);
    }
    :where([data-direct-chat]) .hover\:text-primary:hover,
    .hover\:text-primary:hover:where([data-direct-chat]) {
      color: var(--color-primary-text);
    }
    :where([data-direct-chat]) .hover\:text-primary-contrast:hover,
    .hover\:text-primary-contrast:hover:where([data-direct-chat]) {
      color: var(--color-primary-contrast);
    }
    :where([data-direct-chat]) .hover\:text-primary\/80:hover,
    .hover\:text-primary\/80:hover:where([data-direct-chat]) {
      color: var(--color-primary-text);
    }
    @supports (color: color-mix(in lab, red, red)) {
      :where([data-direct-chat]) .hover\:text-primary\/80:hover,
      .hover\:text-primary\/80:hover:where([data-direct-chat]) {
        color: color-mix(in oklab, var(--color-primary-text) 80%, transparent);
      }
    }
    :where([data-direct-chat]) .hover\:text-secondary:hover,
    .hover\:text-secondary:hover:where([data-direct-chat]) {
      color: var(--color-secondary);
    }
    :where([data-direct-chat]) .hover\:text-text-dark:hover,
    .hover\:text-text-dark:hover:where([data-direct-chat]) {
      color: var(--color-text-dark);
    }
    :where([data-direct-chat]) .hover\:text-white:hover,
    .hover\:text-white:hover:where([data-direct-chat]) {
      color: var(--color-white);
    }
    :where([data-direct-chat]) .hover\:no-underline:hover,
    .hover\:no-underline:hover:where([data-direct-chat]) {
      text-decoration-line: none;
    }
    :where([data-direct-chat]) .hover\:underline:hover,
    .hover\:underline:hover:where([data-direct-chat]) {
      text-decoration-line: underline;
    }
    :where([data-direct-chat]) .hover\:opacity-100:hover,
    .hover\:opacity-100:hover:where([data-direct-chat]) {
      opacity: 1;
    }
    :where([data-direct-chat]) .hover\:shadow-lg:hover,
    .hover\:shadow-lg:hover:where([data-direct-chat]) {
      --tw-shadow:
        0 10px 15px -3px var(--tw-shadow-color, #0000001a),
        0 4px 6px -4px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    :where([data-direct-chat]) .hover\:shadow-sm:hover,
    .hover\:shadow-sm:hover:where([data-direct-chat]) {
      --tw-shadow:
        0 1px 3px 0 var(--tw-shadow-color, #0000001a),
        0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    :where([data-direct-chat]) .hover\:shadow-xl:hover,
    .hover\:shadow-xl:hover:where([data-direct-chat]) {
      --tw-shadow:
        0 20px 25px -5px var(--tw-shadow-color, #0000001a),
        0 8px 10px -6px var(--tw-shadow-color, #0000001a);
      box-shadow:
        var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
        var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    :where([data-direct-chat]) .hover\:brightness-90:hover,
    .hover\:brightness-90:hover:where([data-direct-chat]) {
      --tw-brightness: brightness(90%);
      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,);
    }
    :where([data-direct-chat]) .hover\:brightness-95:hover,
    .hover\:brightness-95:hover:where([data-direct-chat]) {
      --tw-brightness: brightness(95%);
      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,);
    }
    :where([data-direct-chat]) .hover\:grayscale-0:hover,
    .hover\:grayscale-0:hover:where([data-direct-chat]) {
      --tw-grayscale: grayscale(0%);
      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,);
    }
  }
  :where([data-direct-chat]) .focus\:translate-y-0:focus,
  .focus\:translate-y-0:focus:where([data-direct-chat]) {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  :where([data-direct-chat]) .focus\:border-primary:focus,
  .focus\:border-primary:focus:where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  :where([data-direct-chat]) .focus\:border-secondary:focus,
  .focus\:border-secondary:focus:where([data-direct-chat]) {
    border-color: var(--color-secondary);
  }
  :where([data-direct-chat]) .focus\:ring-0:focus,
  .focus\:ring-0:focus:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .focus\:ring-2:focus,
  .focus\:ring-2:focus:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .focus\:ring-white:focus,
  .focus\:ring-white:focus:where([data-direct-chat]) {
    --tw-ring-color: var(--color-white);
  }
  :where([data-direct-chat]) .focus\:ring-offset-2:focus,
  .focus\:ring-offset-2:focus:where([data-direct-chat]) {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  :where([data-direct-chat]) .focus\:outline-none:focus,
  .focus\:outline-none:focus:where([data-direct-chat]) {
    --tw-outline-style: none;
    outline-style: none;
  }
  :where([data-direct-chat]) .focus-visible\:z-10:focus-visible,
  .focus-visible\:z-10:focus-visible:where([data-direct-chat]) {
    z-index: 10;
  }
  :where([data-direct-chat]) .focus-visible\:ring-2:focus-visible,
  .focus-visible\:ring-2:focus-visible:where([data-direct-chat]) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  :where([data-direct-chat]) .focus-visible\:outline:focus-visible,
  .focus-visible\:outline:focus-visible:where([data-direct-chat]) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  :where([data-direct-chat]) .focus-visible\:outline-2:focus-visible,
  .focus-visible\:outline-2:focus-visible:where([data-direct-chat]) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  :where([data-direct-chat]) .focus-visible\:outline-offset-2:focus-visible,
  .focus-visible\:outline-offset-2:focus-visible:where([data-direct-chat]) {
    outline-offset: 2px;
  }
  :where([data-direct-chat]) .focus-visible\:outline-none:focus-visible,
  .focus-visible\:outline-none:focus-visible:where([data-direct-chat]) {
    --tw-outline-style: none;
    outline-style: none;
  }
  :where([data-direct-chat]) .focus-visible\:ring-inset:focus-visible,
  .focus-visible\:ring-inset:focus-visible:where([data-direct-chat]) {
    --tw-ring-inset: inset;
  }
  :where([data-direct-chat]) .disabled\:cursor-not-allowed:disabled,
  .disabled\:cursor-not-allowed:disabled:where([data-direct-chat]) {
    cursor: not-allowed;
  }
  :where([data-direct-chat]) .disabled\:opacity-50:disabled,
  .disabled\:opacity-50:disabled:where([data-direct-chat]) {
    opacity: 0.5;
  }
  :where([data-direct-chat]) .disabled\:opacity-60:disabled,
  .disabled\:opacity-60:disabled:where([data-direct-chat]) {
    opacity: 0.6;
  }
  :where([data-direct-chat]) .has-\[\:checked\]\:border-primary:has(:checked),
  .has-\[\:checked\]\:border-primary:has(:checked):where([data-direct-chat]) {
    border-color: var(--color-primary);
  }
  :where([data-direct-chat]) .has-\[\:checked\]\:bg-orange-50\/40:has(:checked),
  .has-\[\:checked\]\:bg-orange-50\/40:has(:checked):where([data-direct-chat]) {
    background-color: #fff7ed66;
  }
  @supports (color: color-mix(in lab, red, red)) {
    :where([data-direct-chat])
      .has-\[\:checked\]\:bg-orange-50\/40:has(:checked),
    .has-\[\:checked\]\:bg-orange-50\/40:has(:checked):where(
        [data-direct-chat]
      ) {
      background-color: color-mix(
        in oklab,
        var(--color-orange-50) 40%,
        transparent
      );
    }
  }
  @media (width>=421px) {
    :where([data-direct-chat]) .min-\[421px\]\:text-\[38px\],
    .min-\[421px\]\:text-\[38px\]:where([data-direct-chat]) {
      font-size: 38px;
    }
  }
  @media (width>=1101px) {
    :where([data-direct-chat]) .min-\[1101px\]\:max-w-\[500px\],
    .min-\[1101px\]\:max-w-\[500px\]:where([data-direct-chat]) {
      max-width: 500px;
    }
    :where([data-direct-chat]) .min-\[1101px\]\:grid-cols-\[452px_1fr\],
    .min-\[1101px\]\:grid-cols-\[452px_1fr\]:where([data-direct-chat]) {
      grid-template-columns: 452px 1fr;
    }
    :where([data-direct-chat]) .min-\[1101px\]\:grid-cols-\[480px_1fr\],
    .min-\[1101px\]\:grid-cols-\[480px_1fr\]:where([data-direct-chat]) {
      grid-template-columns: 480px 1fr;
    }
    :where([data-direct-chat]) .min-\[1101px\]\:grid-cols-\[500px_1fr\],
    .min-\[1101px\]\:grid-cols-\[500px_1fr\]:where([data-direct-chat]) {
      grid-template-columns: 500px 1fr;
    }
    :where([data-direct-chat]) .min-\[1101px\]\:gap-\[50px\],
    .min-\[1101px\]\:gap-\[50px\]:where([data-direct-chat]) {
      gap: 50px;
    }
    :where([data-direct-chat]) .min-\[1101px\]\:pt-\[11px\],
    .min-\[1101px\]\:pt-\[11px\]:where([data-direct-chat]) {
      padding-top: 11px;
    }
  }
  @media (width>=40rem) {
    :where([data-direct-chat]) .sm\:left-4,
    .sm\:left-4:where([data-direct-chat]) {
      left: calc(var(--spacing) * 4);
    }
    :where([data-direct-chat]) .sm\:col-10,
    .sm\:col-10:where([data-direct-chat]) {
      grid-column: 10;
    }
    :where([data-direct-chat]) .sm\:mt-10,
    .sm\:mt-10:where([data-direct-chat]) {
      margin-top: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .sm\:mt-12,
    .sm\:mt-12:where([data-direct-chat]) {
      margin-top: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .sm\:block,
    .sm\:block:where([data-direct-chat]) {
      display: block;
    }
    :where([data-direct-chat]) .sm\:hidden,
    .sm\:hidden:where([data-direct-chat]) {
      display: none;
    }
    :where([data-direct-chat]) .sm\:col-10,
    .sm\:col-10:where([data-direct-chat]) {
      flex: none;
      width: 83.3333%;
    }
    :where([data-direct-chat]) .sm\:w-\[calc\(66\.666\%_-_0\.5rem\)\],
    .sm\:w-\[calc\(66\.666\%_-_0\.5rem\)\]:where([data-direct-chat]) {
      width: calc(66.666% - 0.5rem);
    }
    :where([data-direct-chat]) .sm\:w-auto,
    .sm\:w-auto:where([data-direct-chat]) {
      width: auto;
    }
    :where([data-direct-chat]) .sm\:max-w-\[360px\],
    .sm\:max-w-\[360px\]:where([data-direct-chat]) {
      max-width: 360px;
    }
    :where([data-direct-chat]) .sm\:columns-3,
    .sm\:columns-3:where([data-direct-chat]) {
      columns: 3;
    }
    :where([data-direct-chat]) .sm\:grid-cols-2,
    .sm\:grid-cols-2:where([data-direct-chat]) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .sm\:grid-cols-3,
    .sm\:grid-cols-3:where([data-direct-chat]) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\],
    .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]:where([data-direct-chat]) {
      grid-template-columns: minmax(0, 1fr) auto;
    }
    :where([data-direct-chat]) .sm\:flex-row,
    .sm\:flex-row:where([data-direct-chat]) {
      flex-direction: row;
    }
    :where([data-direct-chat]) .sm\:items-center,
    .sm\:items-center:where([data-direct-chat]) {
      align-items: center;
    }
    :where([data-direct-chat]) .sm\:items-start,
    .sm\:items-start:where([data-direct-chat]) {
      align-items: flex-start;
    }
    :where([data-direct-chat]) .sm\:gap-3,
    .sm\:gap-3:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 3);
    }
    :where([data-direct-chat]) .sm\:gap-4,
    .sm\:gap-4:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 4);
    }
    :where([data-direct-chat]) .sm\:gap-5,
    .sm\:gap-5:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 5);
    }
    :where([data-direct-chat]) .sm\:justify-self-end,
    .sm\:justify-self-end:where([data-direct-chat]) {
      justify-self: flex-end;
    }
    :where([data-direct-chat]) .sm\:bg-red-200,
    .sm\:bg-red-200:where([data-direct-chat]) {
      background-color: var(--color-red-200);
    }
    :where([data-direct-chat]) .sm\:p-8,
    .sm\:p-8:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 8);
    }
    :where([data-direct-chat]) .sm\:p-\[22px\],
    .sm\:p-\[22px\]:where([data-direct-chat]) {
      padding: 22px;
    }
    :where([data-direct-chat]) .sm\:px-6,
    .sm\:px-6:where([data-direct-chat]) {
      padding-inline: calc(var(--spacing) * 6);
    }
    :where([data-direct-chat]) .sm\:pb-32,
    .sm\:pb-32:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 32);
    }
    :where([data-direct-chat]) .sm\:text-xs,
    .sm\:text-xs:where([data-direct-chat]) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    :where([data-direct-chat]) .sm\:text-\[40px\],
    .sm\:text-\[40px\]:where([data-direct-chat]) {
      font-size: 40px;
    }
    :where([data-direct-chat]) .sm\:text-\[48px\],
    .sm\:text-\[48px\]:where([data-direct-chat]) {
      font-size: 48px;
    }
    :where([data-direct-chat]) .sm\:text-\[56px\],
    .sm\:text-\[56px\]:where([data-direct-chat]) {
      font-size: 56px;
    }
  }
  @media (width>=48rem) {
    :where([data-direct-chat]) .md\:-right-10,
    .md\:-right-10:where([data-direct-chat]) {
      right: calc(var(--spacing) * -10);
    }
    :where([data-direct-chat]) .md\:order-1,
    .md\:order-1:where([data-direct-chat]) {
      order: 1;
    }
    :where([data-direct-chat]) .md\:order-2,
    .md\:order-2:where([data-direct-chat]) {
      order: 2;
    }
    :where([data-direct-chat]) .md\:col-8,
    .md\:col-8:where([data-direct-chat]) {
      grid-column: 8;
    }
    :where([data-direct-chat]) .md\:col-span-2,
    .md\:col-span-2:where([data-direct-chat]) {
      grid-column: span 2 / span 2;
    }
    :where([data-direct-chat]) .md\:mx-auto,
    .md\:mx-auto:where([data-direct-chat]) {
      margin-inline: auto;
    }
    :where([data-direct-chat]) .md\:-mt-8,
    .md\:-mt-8:where([data-direct-chat]) {
      margin-top: calc(var(--spacing) * -8);
    }
    :where([data-direct-chat]) .md\:mt-10,
    .md\:mt-10:where([data-direct-chat]) {
      margin-top: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .md\:mt-14,
    .md\:mt-14:where([data-direct-chat]) {
      margin-top: calc(var(--spacing) * 14);
    }
    :where([data-direct-chat]) .md\:mt-\[6px\],
    .md\:mt-\[6px\]:where([data-direct-chat]) {
      margin-top: 6px;
    }
    :where([data-direct-chat]) .md\:mt-\[33px\],
    .md\:mt-\[33px\]:where([data-direct-chat]) {
      margin-top: 33px;
    }
    :where([data-direct-chat]) .md\:mt-\[38px\],
    .md\:mt-\[38px\]:where([data-direct-chat]) {
      margin-top: 38px;
    }
    :where([data-direct-chat]) .md\:mt-\[59px\],
    .md\:mt-\[59px\]:where([data-direct-chat]) {
      margin-top: 59px;
    }
    :where([data-direct-chat]) .md\:mt-\[60px\],
    .md\:mt-\[60px\]:where([data-direct-chat]) {
      margin-top: 60px;
    }
    :where([data-direct-chat]) .md\:mb-10,
    .md\:mb-10:where([data-direct-chat]) {
      margin-bottom: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .md\:block,
    .md\:block:where([data-direct-chat]) {
      display: block;
    }
    :where([data-direct-chat]) .md\:grid,
    .md\:grid:where([data-direct-chat]) {
      display: grid;
    }
    :where([data-direct-chat]) .md\:hidden,
    .md\:hidden:where([data-direct-chat]) {
      display: none;
    }
    :where([data-direct-chat]) .md\:h-\[48px\],
    .md\:h-\[48px\]:where([data-direct-chat]) {
      height: 48px;
    }
    :where([data-direct-chat]) .md\:min-h-\[204px\],
    .md\:min-h-\[204px\]:where([data-direct-chat]) {
      min-height: 204px;
    }
    :where([data-direct-chat]) .md\:min-h-\[236px\],
    .md\:min-h-\[236px\]:where([data-direct-chat]) {
      min-height: 236px;
    }
    :where([data-direct-chat]) .md\:min-h-\[246px\],
    .md\:min-h-\[246px\]:where([data-direct-chat]) {
      min-height: 246px;
    }
    :where([data-direct-chat]) .md\:min-h-\[300px\],
    .md\:min-h-\[300px\]:where([data-direct-chat]) {
      min-height: 300px;
    }
    :where([data-direct-chat]) .md\:col-8,
    .md\:col-8:where([data-direct-chat]) {
      flex: none;
      width: 66.6667%;
    }
    :where([data-direct-chat]) .md\:w-\[268px\],
    .md\:w-\[268px\]:where([data-direct-chat]) {
      width: 268px;
    }
    :where([data-direct-chat]) .md\:w-\[582px\],
    .md\:w-\[582px\]:where([data-direct-chat]) {
      width: 582px;
    }
    :where([data-direct-chat]) .md\:w-\[calc\(50\%_-_0\.75rem\)\],
    .md\:w-\[calc\(50\%_-_0\.75rem\)\]:where([data-direct-chat]) {
      width: calc(50% - 0.75rem);
    }
    :where([data-direct-chat]) .md\:w-auto,
    .md\:w-auto:where([data-direct-chat]) {
      width: auto;
    }
    :where([data-direct-chat]) .md\:max-w-\[878px\],
    .md\:max-w-\[878px\]:where([data-direct-chat]) {
      max-width: 878px;
    }
    :where([data-direct-chat]) .md\:min-w-0,
    .md\:min-w-0:where([data-direct-chat]) {
      min-width: 0;
    }
    :where([data-direct-chat]) .md\:grid-cols-2,
    .md\:grid-cols-2:where([data-direct-chat]) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .md\:grid-cols-3,
    .md\:grid-cols-3:where([data-direct-chat]) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .md\:grid-cols-4,
    .md\:grid-cols-4:where([data-direct-chat]) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .md\:grid-cols-\[1\.08fr_0\.92fr\],
    .md\:grid-cols-\[1\.08fr_0\.92fr\]:where([data-direct-chat]) {
      grid-template-columns: 1.08fr 0.92fr;
    }
    :where([data-direct-chat]) .md\:grid-cols-\[2fr_3fr\],
    .md\:grid-cols-\[2fr_3fr\]:where([data-direct-chat]) {
      grid-template-columns: 2fr 3fr;
    }
    :where([data-direct-chat]) .md\:flex-row,
    .md\:flex-row:where([data-direct-chat]) {
      flex-direction: row;
    }
    :where([data-direct-chat]) .md\:flex-row-reverse,
    .md\:flex-row-reverse:where([data-direct-chat]) {
      flex-direction: row-reverse;
    }
    :where([data-direct-chat]) .md\:items-center,
    .md\:items-center:where([data-direct-chat]) {
      align-items: center;
    }
    :where([data-direct-chat]) .md\:items-end,
    .md\:items-end:where([data-direct-chat]) {
      align-items: flex-end;
    }
    :where([data-direct-chat]) .md\:justify-between,
    .md\:justify-between:where([data-direct-chat]) {
      justify-content: space-between;
    }
    :where([data-direct-chat]) .md\:justify-center,
    .md\:justify-center:where([data-direct-chat]) {
      justify-content: center;
    }
    :where([data-direct-chat]) .md\:gap-4,
    .md\:gap-4:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 4);
    }
    :where([data-direct-chat]) .md\:gap-16,
    .md\:gap-16:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 16);
    }
    :where([data-direct-chat]) .md\:overflow-visible,
    .md\:overflow-visible:where([data-direct-chat]) {
      overflow: visible;
    }
    :where([data-direct-chat]) .md\:bg-yellow-200,
    .md\:bg-yellow-200:where([data-direct-chat]) {
      background-color: var(--color-yellow-200);
    }
    :where([data-direct-chat]) .md\:p-6,
    .md\:p-6:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 6);
    }
    :where([data-direct-chat]) .md\:p-7,
    .md\:p-7:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 7);
    }
    :where([data-direct-chat]) .md\:p-8,
    .md\:p-8:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 8);
    }
    :where([data-direct-chat]) .md\:p-10,
    .md\:p-10:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .md\:p-12,
    .md\:p-12:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .md\:px-0,
    .md\:px-0:where([data-direct-chat]) {
      padding-inline: 0;
    }
    :where([data-direct-chat]) .md\:px-6,
    .md\:px-6:where([data-direct-chat]) {
      padding-inline: calc(var(--spacing) * 6);
    }
    :where([data-direct-chat]) .md\:px-9,
    .md\:px-9:where([data-direct-chat]) {
      padding-inline: calc(var(--spacing) * 9);
    }
    :where([data-direct-chat]) .md\:px-\[30px\],
    .md\:px-\[30px\]:where([data-direct-chat]) {
      padding-inline: 30px;
    }
    :where([data-direct-chat]) .md\:py-8,
    .md\:py-8:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 8);
    }
    :where([data-direct-chat]) .md\:py-12,
    .md\:py-12:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .md\:py-20,
    .md\:py-20:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 20);
    }
    :where([data-direct-chat]) .md\:py-\[26px\],
    .md\:py-\[26px\]:where([data-direct-chat]) {
      padding-block: 26px;
    }
    :where([data-direct-chat]) .md\:pt-0,
    .md\:pt-0:where([data-direct-chat]) {
      padding-top: 0;
    }
    :where([data-direct-chat]) .md\:pt-4,
    .md\:pt-4:where([data-direct-chat]) {
      padding-top: calc(var(--spacing) * 4);
    }
    :where([data-direct-chat]) .md\:pt-\[60px\],
    .md\:pt-\[60px\]:where([data-direct-chat]) {
      padding-top: 60px;
    }
    :where([data-direct-chat]) .md\:pb-0,
    .md\:pb-0:where([data-direct-chat]) {
      padding-bottom: 0;
    }
    :where([data-direct-chat]) .md\:pb-12,
    .md\:pb-12:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .md\:pb-20,
    .md\:pb-20:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 20);
    }
    :where([data-direct-chat]) .md\:pb-\[100px\],
    .md\:pb-\[100px\]:where([data-direct-chat]) {
      padding-bottom: 100px;
    }
    :where([data-direct-chat]) .md\:text-3xl,
    .md\:text-3xl:where([data-direct-chat]) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
    :where([data-direct-chat]) .md\:text-4xl,
    .md\:text-4xl:where([data-direct-chat]) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
    :where([data-direct-chat]) .md\:text-5xl,
    .md\:text-5xl:where([data-direct-chat]) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    :where([data-direct-chat]) .md\:text-base,
    .md\:text-base:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    :where([data-direct-chat]) .md\:text-lg,
    .md\:text-lg:where([data-direct-chat]) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    :where([data-direct-chat]) .md\:text-sm,
    .md\:text-sm:where([data-direct-chat]) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    :where([data-direct-chat]) .md\:text-xl,
    .md\:text-xl:where([data-direct-chat]) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    :where([data-direct-chat]) .md\:text-\[13px\],
    .md\:text-\[13px\]:where([data-direct-chat]) {
      font-size: 13px;
    }
    :where([data-direct-chat]) .md\:text-\[14px\],
    .md\:text-\[14px\]:where([data-direct-chat]) {
      font-size: 14px;
    }
    :where([data-direct-chat]) .md\:text-\[15px\],
    .md\:text-\[15px\]:where([data-direct-chat]) {
      font-size: 15px;
    }
    :where([data-direct-chat]) .md\:text-\[16px\],
    .md\:text-\[16px\]:where([data-direct-chat]) {
      font-size: 16px;
    }
    :where([data-direct-chat]) .md\:text-\[17px\],
    .md\:text-\[17px\]:where([data-direct-chat]) {
      font-size: 17px;
    }
    :where([data-direct-chat]) .md\:text-\[18px\],
    .md\:text-\[18px\]:where([data-direct-chat]) {
      font-size: 18px;
    }
    :where([data-direct-chat]) .md\:text-\[36px\],
    .md\:text-\[36px\]:where([data-direct-chat]) {
      font-size: 36px;
    }
    :where([data-direct-chat]) .md\:text-\[38px\],
    .md\:text-\[38px\]:where([data-direct-chat]) {
      font-size: 38px;
    }
    :where([data-direct-chat]) .md\:text-\[40px\],
    .md\:text-\[40px\]:where([data-direct-chat]) {
      font-size: 40px;
    }
    :where([data-direct-chat]) .md\:text-\[42px\],
    .md\:text-\[42px\]:where([data-direct-chat]) {
      font-size: 42px;
    }
    :where([data-direct-chat]) .md\:text-\[44px\],
    .md\:text-\[44px\]:where([data-direct-chat]) {
      font-size: 44px;
    }
    :where([data-direct-chat]) .md\:text-\[48px\],
    .md\:text-\[48px\]:where([data-direct-chat]) {
      font-size: 48px;
    }
    :where([data-direct-chat]) .md\:text-\[56px\],
    .md\:text-\[56px\]:where([data-direct-chat]) {
      font-size: 56px;
    }
    :where([data-direct-chat]) .md\:text-base,
    .md\:text-base:where([data-direct-chat]) {
      font-size: var(--text-base);
    }
    :where([data-direct-chat]) .md\:text-h2,
    .md\:text-h2:where([data-direct-chat]) {
      font-size: var(--text-h2);
    }
    :where([data-direct-chat]) .md\:leading-\[1\.35\],
    .md\:leading-\[1\.35\]:where([data-direct-chat]) {
      --tw-leading: 1.35;
      line-height: 1.35;
    }
    :where([data-direct-chat]) .md\:leading-normal,
    .md\:leading-normal:where([data-direct-chat]) {
      --tw-leading: var(--leading-normal);
      line-height: var(--leading-normal);
    }
  }
  @media (width>=64rem) {
    :where([data-direct-chat]) .lg\:order-1,
    .lg\:order-1:where([data-direct-chat]) {
      order: 1;
    }
    :where([data-direct-chat]) .lg\:order-2,
    .lg\:order-2:where([data-direct-chat]) {
      order: 2;
    }
    :where([data-direct-chat]) .lg\:col-6,
    .lg\:col-6:where([data-direct-chat]) {
      grid-column: 6;
    }
    :where([data-direct-chat]) .lg\:col-8,
    .lg\:col-8:where([data-direct-chat]) {
      grid-column: 8;
    }
    :where([data-direct-chat]) .lg\:col-10,
    .lg\:col-10:where([data-direct-chat]) {
      grid-column: 10;
    }
    :where([data-direct-chat]) .lg\:col-span-3,
    .lg\:col-span-3:where([data-direct-chat]) {
      grid-column: span 3 / span 3;
    }
    :where([data-direct-chat]) .lg\:col-span-4,
    .lg\:col-span-4:where([data-direct-chat]) {
      grid-column: span 4 / span 4;
    }
    :where([data-direct-chat]) .lg\:col-span-5,
    .lg\:col-span-5:where([data-direct-chat]) {
      grid-column: span 5 / span 5;
    }
    :where([data-direct-chat]) .lg\:col-span-7,
    .lg\:col-span-7:where([data-direct-chat]) {
      grid-column: span 7 / span 7;
    }
    :where([data-direct-chat]) .lg\:col-span-8,
    .lg\:col-span-8:where([data-direct-chat]) {
      grid-column: span 8 / span 8;
    }
    :where([data-direct-chat]) .lg\:col-span-9,
    .lg\:col-span-9:where([data-direct-chat]) {
      grid-column: span 9 / span 9;
    }
    :where([data-direct-chat]) .lg\:mb-16,
    .lg\:mb-16:where([data-direct-chat]) {
      margin-bottom: calc(var(--spacing) * 16);
    }
    :where([data-direct-chat]) .lg\:mb-18,
    .lg\:mb-18:where([data-direct-chat]) {
      margin-bottom: calc(var(--spacing) * 18);
    }
    :where([data-direct-chat]) .lg\:mb-24,
    .lg\:mb-24:where([data-direct-chat]) {
      margin-bottom: calc(var(--spacing) * 24);
    }
    :where([data-direct-chat]) .lg\:mb-\[-54px\],
    .lg\:mb-\[-54px\]:where([data-direct-chat]) {
      margin-bottom: -54px;
    }
    :where([data-direct-chat]) .lg\:mb-\[-380px\],
    .lg\:mb-\[-380px\]:where([data-direct-chat]) {
      margin-bottom: -380px;
    }
    :where([data-direct-chat]) .lg\:block,
    .lg\:block:where([data-direct-chat]) {
      display: block;
    }
    :where([data-direct-chat]) .lg\:flex,
    .lg\:flex:where([data-direct-chat]) {
      display: flex;
    }
    :where([data-direct-chat]) .lg\:grid,
    .lg\:grid:where([data-direct-chat]) {
      display: grid;
    }
    :where([data-direct-chat]) .lg\:hidden,
    .lg\:hidden:where([data-direct-chat]) {
      display: none;
    }
    :where([data-direct-chat]) .lg\:h-\[286px\],
    .lg\:h-\[286px\]:where([data-direct-chat]) {
      height: 286px;
    }
    :where([data-direct-chat]) .lg\:min-h-6,
    .lg\:min-h-6:where([data-direct-chat]) {
      min-height: calc(var(--spacing) * 6);
    }
    :where([data-direct-chat]) .lg\:col-6,
    .lg\:col-6:where([data-direct-chat]) {
      flex: none;
      width: 50%;
    }
    :where([data-direct-chat]) .lg\:col-8,
    .lg\:col-8:where([data-direct-chat]) {
      flex: none;
      width: 66.6667%;
    }
    :where([data-direct-chat]) .lg\:col-10,
    .lg\:col-10:where([data-direct-chat]) {
      flex: none;
      width: 83.3333%;
    }
    :where([data-direct-chat]) .lg\:w-1\/2,
    .lg\:w-1\/2:where([data-direct-chat]) {
      width: 50%;
    }
    :where([data-direct-chat]) .lg\:w-2\/3,
    .lg\:w-2\/3:where([data-direct-chat]) {
      width: 66.6667%;
    }
    :where([data-direct-chat]) .lg\:max-w-\[400px\],
    .lg\:max-w-\[400px\]:where([data-direct-chat]) {
      max-width: 400px;
    }
    :where([data-direct-chat]) .lg\:flex-1,
    .lg\:flex-1:where([data-direct-chat]) {
      flex: 1;
    }
    :where([data-direct-chat]) .lg\:grid-cols-2,
    .lg\:grid-cols-2:where([data-direct-chat]) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .lg\:grid-cols-3,
    .lg\:grid-cols-3:where([data-direct-chat]) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .lg\:grid-cols-4,
    .lg\:grid-cols-4:where([data-direct-chat]) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .lg\:grid-cols-6,
    .lg\:grid-cols-6:where([data-direct-chat]) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .lg\:grid-cols-12,
    .lg\:grid-cols-12:where([data-direct-chat]) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[0\.8fr_1\.2fr\],
    .lg\:grid-cols-\[0\.8fr_1\.2fr\]:where([data-direct-chat]) {
      grid-template-columns: 0.8fr 1.2fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[0\.9fr_1\.1fr\],
    .lg\:grid-cols-\[0\.9fr_1\.1fr\]:where([data-direct-chat]) {
      grid-template-columns: 0.9fr 1.1fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[0\.92fr_1\.08fr\],
    .lg\:grid-cols-\[0\.92fr_1\.08fr\]:where([data-direct-chat]) {
      grid-template-columns: 0.92fr 1.08fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[1\.02fr_0\.98fr\],
    .lg\:grid-cols-\[1\.02fr_0\.98fr\]:where([data-direct-chat]) {
      grid-template-columns: 1.02fr 0.98fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[1fr_2fr\],
    .lg\:grid-cols-\[1fr_2fr\]:where([data-direct-chat]) {
      grid-template-columns: 1fr 2fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[2fr_3fr\],
    .lg\:grid-cols-\[2fr_3fr\]:where([data-direct-chat]) {
      grid-template-columns: 2fr 3fr;
    }
    :where([data-direct-chat]) .lg\:grid-cols-\[270px_minmax\(0\,1fr\)\],
    .lg\:grid-cols-\[270px_minmax\(0\,1fr\)\]:where([data-direct-chat]) {
      grid-template-columns: 270px minmax(0, 1fr);
    }
    :where([data-direct-chat])
      .lg\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\],
    .lg\:grid-cols-\[minmax\(0\,420px\)_minmax\(0\,1fr\)\]:where(
      [data-direct-chat]
    ) {
      grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
    }
    :where([data-direct-chat]) .lg\:flex-row,
    .lg\:flex-row:where([data-direct-chat]) {
      flex-direction: row;
    }
    :where([data-direct-chat]) .lg\:items-center,
    .lg\:items-center:where([data-direct-chat]) {
      align-items: center;
    }
    :where([data-direct-chat]) .lg\:items-start,
    .lg\:items-start:where([data-direct-chat]) {
      align-items: flex-start;
    }
    :where([data-direct-chat]) .lg\:justify-between,
    .lg\:justify-between:where([data-direct-chat]) {
      justify-content: space-between;
    }
    :where([data-direct-chat]) .lg\:justify-end,
    .lg\:justify-end:where([data-direct-chat]) {
      justify-content: flex-end;
    }
    :where([data-direct-chat]) .lg\:gap-10,
    .lg\:gap-10:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .lg\:gap-12,
    .lg\:gap-12:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .lg\:gap-16,
    .lg\:gap-16:where([data-direct-chat]) {
      gap: calc(var(--spacing) * 16);
    }
    :where([data-direct-chat]) :where(.lg\:space-x-1 > :not(:last-child)),
    :where(.lg\:space-x-1 > :not(:last-child)):where([data-direct-chat]) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse));
      margin-inline-end: calc(
        var(--spacing) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    :where([data-direct-chat]) .lg\:bg-green-200,
    .lg\:bg-green-200:where([data-direct-chat]) {
      background-color: var(--color-green-200);
    }
    :where([data-direct-chat]) .lg\:p-5,
    .lg\:p-5:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 5);
    }
    :where([data-direct-chat]) .lg\:p-8,
    .lg\:p-8:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 8);
    }
    :where([data-direct-chat]) .lg\:p-10,
    .lg\:p-10:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .lg\:p-\[60px\],
    .lg\:p-\[60px\]:where([data-direct-chat]) {
      padding: 60px;
    }
    :where([data-direct-chat]) .lg\:py-16,
    .lg\:py-16:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 16);
    }
    :where([data-direct-chat]) .lg\:py-20,
    .lg\:py-20:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 20);
    }
    :where([data-direct-chat]) .lg\:py-28,
    .lg\:py-28:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 28);
    }
    :where([data-direct-chat]) .lg\:py-\[160px\],
    .lg\:py-\[160px\]:where([data-direct-chat]) {
      padding-block: 160px;
    }
    :where([data-direct-chat]) .lg\:pt-0,
    .lg\:pt-0:where([data-direct-chat]) {
      padding-top: 0;
    }
    :where([data-direct-chat]) .lg\:pt-10,
    .lg\:pt-10:where([data-direct-chat]) {
      padding-top: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .lg\:pt-12,
    .lg\:pt-12:where([data-direct-chat]) {
      padding-top: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .lg\:pt-16,
    .lg\:pt-16:where([data-direct-chat]) {
      padding-top: calc(var(--spacing) * 16);
    }
    :where([data-direct-chat]) .lg\:pt-20,
    .lg\:pt-20:where([data-direct-chat]) {
      padding-top: calc(var(--spacing) * 20);
    }
    :where([data-direct-chat]) .lg\:pt-\[46px\],
    .lg\:pt-\[46px\]:where([data-direct-chat]) {
      padding-top: 46px;
    }
    :where([data-direct-chat]) .lg\:pt-\[60px\],
    .lg\:pt-\[60px\]:where([data-direct-chat]) {
      padding-top: 60px;
    }
    :where([data-direct-chat]) .lg\:pt-\[74px\],
    .lg\:pt-\[74px\]:where([data-direct-chat]) {
      padding-top: 74px;
    }
    :where([data-direct-chat]) .lg\:pt-\[84px\],
    .lg\:pt-\[84px\]:where([data-direct-chat]) {
      padding-top: 84px;
    }
    :where([data-direct-chat]) .lg\:pt-\[86px\],
    .lg\:pt-\[86px\]:where([data-direct-chat]) {
      padding-top: 86px;
    }
    :where([data-direct-chat]) .lg\:pt-\[102px\],
    .lg\:pt-\[102px\]:where([data-direct-chat]) {
      padding-top: 102px;
    }
    :where([data-direct-chat]) .lg\:pt-\[108px\],
    .lg\:pt-\[108px\]:where([data-direct-chat]) {
      padding-top: 108px;
    }
    :where([data-direct-chat]) .lg\:pb-0,
    .lg\:pb-0:where([data-direct-chat]) {
      padding-bottom: 0;
    }
    :where([data-direct-chat]) .lg\:pb-10,
    .lg\:pb-10:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 10);
    }
    :where([data-direct-chat]) .lg\:pb-20,
    .lg\:pb-20:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 20);
    }
    :where([data-direct-chat]) .lg\:pb-\[49px\],
    .lg\:pb-\[49px\]:where([data-direct-chat]) {
      padding-bottom: 49px;
    }
    :where([data-direct-chat]) .lg\:pb-\[74px\],
    .lg\:pb-\[74px\]:where([data-direct-chat]) {
      padding-bottom: 74px;
    }
    :where([data-direct-chat]) .lg\:pb-\[113px\],
    .lg\:pb-\[113px\]:where([data-direct-chat]) {
      padding-bottom: 113px;
    }
    :where([data-direct-chat]) .lg\:pb-\[114px\],
    .lg\:pb-\[114px\]:where([data-direct-chat]) {
      padding-bottom: 114px;
    }
    :where([data-direct-chat]) .lg\:pb-\[131px\],
    .lg\:pb-\[131px\]:where([data-direct-chat]) {
      padding-bottom: 131px;
    }
    :where([data-direct-chat]) .lg\:pb-\[135px\],
    .lg\:pb-\[135px\]:where([data-direct-chat]) {
      padding-bottom: 135px;
    }
    :where([data-direct-chat]) .lg\:text-5xl,
    .lg\:text-5xl:where([data-direct-chat]) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    :where([data-direct-chat]) .lg\:text-base,
    .lg\:text-base:where([data-direct-chat]) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    :where([data-direct-chat]) .lg\:text-lg,
    .lg\:text-lg:where([data-direct-chat]) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
    :where([data-direct-chat]) .lg\:text-sm,
    .lg\:text-sm:where([data-direct-chat]) {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
    :where([data-direct-chat]) .lg\:text-\[2\.5rem\],
    .lg\:text-\[2\.5rem\]:where([data-direct-chat]) {
      font-size: 2.5rem;
    }
    :where([data-direct-chat]) .lg\:text-\[2\.75rem\],
    .lg\:text-\[2\.75rem\]:where([data-direct-chat]) {
      font-size: 2.75rem;
    }
    :where([data-direct-chat]) .lg\:text-\[2rem\],
    .lg\:text-\[2rem\]:where([data-direct-chat]) {
      font-size: 2rem;
    }
    :where([data-direct-chat]) .lg\:text-\[3\.5rem\],
    .lg\:text-\[3\.5rem\]:where([data-direct-chat]) {
      font-size: 3.5rem;
    }
    :where([data-direct-chat]) .lg\:text-\[18px\],
    .lg\:text-\[18px\]:where([data-direct-chat]) {
      font-size: 18px;
    }
    :where([data-direct-chat]) .lg\:text-\[56px\],
    .lg\:text-\[56px\]:where([data-direct-chat]) {
      font-size: 56px;
    }
    :where([data-direct-chat]) .lg\:text-base,
    .lg\:text-base:where([data-direct-chat]) {
      font-size: var(--text-base);
    }
    :where([data-direct-chat]) .lg\:text-h3,
    .lg\:text-h3:where([data-direct-chat]) {
      font-size: var(--text-h3);
    }
  }
  @media (width>=80rem) {
    :where([data-direct-chat]) .xl\:col-8,
    .xl\:col-8:where([data-direct-chat]) {
      grid-column: 8;
    }
    :where([data-direct-chat]) .xl\:col-10,
    .xl\:col-10:where([data-direct-chat]) {
      grid-column: 10;
    }
    :where([data-direct-chat]) .xl\:col-span-1,
    .xl\:col-span-1:where([data-direct-chat]) {
      grid-column: span 1 / span 1;
    }
    :where([data-direct-chat]) .xl\:block,
    .xl\:block:where([data-direct-chat]) {
      display: block;
    }
    :where([data-direct-chat]) .xl\:hidden,
    .xl\:hidden:where([data-direct-chat]) {
      display: none;
    }
    :where([data-direct-chat]) .xl\:col-8,
    .xl\:col-8:where([data-direct-chat]) {
      flex: none;
      width: 66.6667%;
    }
    :where([data-direct-chat]) .xl\:col-10,
    .xl\:col-10:where([data-direct-chat]) {
      flex: none;
      width: 83.3333%;
    }
    :where([data-direct-chat]) .xl\:max-w-none,
    .xl\:max-w-none:where([data-direct-chat]) {
      max-width: none;
    }
    :where([data-direct-chat]) .xl\:grid-cols-3,
    .xl\:grid-cols-3:where([data-direct-chat]) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .xl\:grid-cols-4,
    .xl\:grid-cols-4:where([data-direct-chat]) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .xl\:grid-cols-7,
    .xl\:grid-cols-7:where([data-direct-chat]) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    :where([data-direct-chat]) .xl\:justify-start,
    .xl\:justify-start:where([data-direct-chat]) {
      justify-content: flex-start;
    }
    :where([data-direct-chat]) :where(.xl\:space-x-2 > :not(:last-child)),
    :where(.xl\:space-x-2 > :not(:last-child)):where([data-direct-chat]) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(
        calc(var(--spacing) * 2) * var(--tw-space-x-reverse)
      );
      margin-inline-end: calc(
        calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))
      );
    }
    :where([data-direct-chat]) .xl\:bg-blue-200,
    .xl\:bg-blue-200:where([data-direct-chat]) {
      background-color: var(--color-blue-200);
    }
    :where([data-direct-chat]) .xl\:p-12,
    .xl\:p-12:where([data-direct-chat]) {
      padding: calc(var(--spacing) * 12);
    }
    :where([data-direct-chat]) .xl\:py-24,
    .xl\:py-24:where([data-direct-chat]) {
      padding-block: calc(var(--spacing) * 24);
    }
    :where([data-direct-chat]) .xl\:pb-24,
    .xl\:pb-24:where([data-direct-chat]) {
      padding-bottom: calc(var(--spacing) * 24);
    }
    :where([data-direct-chat]) .xl\:text-\[56px\],
    .xl\:text-\[56px\]:where([data-direct-chat]) {
      font-size: 56px;
    }
    :where([data-direct-chat]) .xl\:text-\[68px\],
    .xl\:text-\[68px\]:where([data-direct-chat]) {
      font-size: 68px;
    }
    :where([data-direct-chat]) .xl\:text-\[72px\],
    .xl\:text-\[72px\]:where([data-direct-chat]) {
      font-size: 72px;
    }
    :where([data-direct-chat]) .xl\:whitespace-nowrap,
    .xl\:whitespace-nowrap:where([data-direct-chat]) {
      white-space: nowrap;
    }
  }
  @media (width>=96rem) {
    :where([data-direct-chat]) .\32 xl\:block,
    .\32 xl\:block:where([data-direct-chat]) {
      display: block;
    }
    :where([data-direct-chat]) .\32 xl\:hidden,
    .\32 xl\:hidden:where([data-direct-chat]) {
      display: none;
    }
    :where([data-direct-chat]) .\32 xl\:bg-pink-200,
    .\32 xl\:bg-pink-200:where([data-direct-chat]) {
      background-color: var(--color-pink-200);
    }
  }
  :where([data-direct-chat]) .dark\:hidden:where(.dark, .dark *),
  .dark\:hidden:where(.dark, .dark *):where([data-direct-chat]) {
    display: none;
  }
  :where([data-direct-chat]) .dark\:inline-block:where(.dark, .dark *),
  .dark\:inline-block:where(.dark, .dark *):where([data-direct-chat]) {
    display: inline-block;
  }
  :where([data-direct-chat])
    .dark\:border-darkmode-border:where(.dark, .dark *),
  .dark\:border-darkmode-border:where(.dark, .dark *):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat])
    .dark\:border-darkmode-primary:where(.dark, .dark *),
  .dark\:border-darkmode-primary:where(.dark, .dark *):where(
      [data-direct-chat]
    ) {
    border-color: var(--color-darkmode-primary);
  }
  :where([data-direct-chat]) .dark\:bg-darkmode-body:where(.dark, .dark *),
  .dark\:bg-darkmode-body:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-body);
  }
  :where([data-direct-chat]) .dark\:bg-darkmode-border:where(.dark, .dark *),
  .dark\:bg-darkmode-border:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-border);
  }
  :where([data-direct-chat]) .dark\:bg-darkmode-light:where(.dark, .dark *),
  .dark\:bg-darkmode-light:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-light);
  }
  :where([data-direct-chat]) .dark\:bg-darkmode-primary:where(.dark, .dark *),
  .dark\:bg-darkmode-primary:where(.dark, .dark *):where([data-direct-chat]) {
    background-color: var(--color-darkmode-primary);
  }
  :where([data-direct-chat]) .dark\:text-darkmode-dark:where(.dark, .dark *),
  .dark\:text-darkmode-dark:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-dark);
  }
  :where([data-direct-chat]) .dark\:text-darkmode-primary:where(.dark, .dark *),
  .dark\:text-darkmode-primary:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-primary-text);
  }
  :where([data-direct-chat]) .dark\:text-darkmode-text:where(.dark, .dark *),
  .dark\:text-darkmode-text:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-darkmode-text);
  }
  :where([data-direct-chat])
    .dark\:text-darkmode-text-dark:where(.dark, .dark *),
  .dark\:text-darkmode-text-dark:where(.dark, .dark *):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text-dark);
  }
  :where([data-direct-chat])
    .dark\:text-darkmode-text-light:where(.dark, .dark *),
  .dark\:text-darkmode-text-light:where(.dark, .dark *):where(
      [data-direct-chat]
    ) {
    color: var(--color-darkmode-text-light);
  }
  :where([data-direct-chat]) .dark\:text-text-dark:where(.dark, .dark *),
  .dark\:text-text-dark:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-text-dark);
  }
  :where([data-direct-chat]) .dark\:text-white:where(.dark, .dark *),
  .dark\:text-white:where(.dark, .dark *):where([data-direct-chat]) {
    color: var(--color-white);
  }
  @media (hover: hover) {
    :where([data-direct-chat])
      .dark\:hover\:bg-darkmode-light:where(.dark, .dark *):hover,
    .dark\:hover\:bg-darkmode-light:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      background-color: var(--color-darkmode-light);
    }
    :where([data-direct-chat])
      .dark\:hover\:bg-darkmode-primary:where(.dark, .dark *):hover,
    .dark\:hover\:bg-darkmode-primary:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      background-color: var(--color-darkmode-primary);
    }
    :where([data-direct-chat])
      .dark\:hover\:bg-darkmode-secondary:where(.dark, .dark *):hover,
    .dark\:hover\:bg-darkmode-secondary:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      background-color: var(--color-darkmode-secondary);
    }
    :where([data-direct-chat])
      .dark\:hover\:text-black:where(.dark, .dark *):hover,
    .dark\:hover\:text-black:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      color: var(--color-black);
    }
    :where([data-direct-chat])
      .dark\:hover\:text-darkmode-primary:where(.dark, .dark *):hover,
    .dark\:hover\:text-darkmode-primary:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      color: var(--color-darkmode-primary-text);
    }
    :where([data-direct-chat])
      .dark\:hover\:text-darkmode-text-dark:where(.dark, .dark *):hover,
    .dark\:hover\:text-darkmode-text-dark:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      color: var(--color-darkmode-text-dark);
    }
    :where([data-direct-chat])
      .dark\:hover\:text-text-dark:where(.dark, .dark *):hover,
    .dark\:hover\:text-text-dark:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      color: var(--color-text-dark);
    }
    :where([data-direct-chat])
      .dark\:hover\:text-white:where(.dark, .dark *):hover,
    .dark\:hover\:text-white:where(.dark, .dark *):hover:where(
        [data-direct-chat]
      ) {
      color: var(--color-white);
    }
  }
  :where([data-direct-chat])
    .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,
  .\[\&\:\:-webkit-details-marker\]\:hidden:where(
      [data-direct-chat]
    )::-webkit-details-marker {
    display: none;
  }
  :where([data-direct-chat])
    .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,
  .\[\&\:\:-webkit-scrollbar\]\:hidden:where(
      [data-direct-chat]
    )::-webkit-scrollbar {
    display: none;
  }
}
:where([data-direct-chat]) .swiper-pagination-bullet,
.swiper-pagination-bullet:where([data-direct-chat]) {
  height: calc(var(--spacing) * 2.5) !important;
  width: calc(var(--spacing) * 2.5) !important;
  background-color: var(--color-light) !important;
  opacity: 1 !important;
}
:where([data-direct-chat]) .swiper-pagination-bullet:where(.dark, .dark *),
.swiper-pagination-bullet:where(.dark, .dark *):where([data-direct-chat]) {
  background-color: var(--color-darkmode-light) !important;
}
:where([data-direct-chat]) .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:where([data-direct-chat]) {
  height: calc(var(--spacing) * 4) !important;
  width: calc(var(--spacing) * 4) !important;
  background-color: var(--color-primary) !important;
}
:where([data-direct-chat])
  .swiper-pagination-bullet-active:where(.dark, .dark *),
.swiper-pagination-bullet-active:where(.dark, .dark *):where(
    [data-direct-chat]
  ) {
  background-color: var(--color-darkmode-primary) !important;
}
:where([data-direct-chat]) .animate-marquee,
.animate-marquee:where([data-direct-chat]) {
  animation: 20s linear infinite marquee;
}
:where([data-direct-chat]) .marquee-container:hover .animate-marquee,
.marquee-container:hover .animate-marquee:where([data-direct-chat]) {
  animation-play-state: paused;
}
:where([data-direct-chat]) .content-deferred,
.content-deferred:where([data-direct-chat]) {
  content-visibility: auto;
  contain-intrinsic-size: auto 900px;
}
:where([data-direct-chat]) .content-deferred-sm,
.content-deferred-sm:where([data-direct-chat]) {
  content-visibility: auto;
  contain-intrinsic-size: auto 520px;
}