@font-face {
  font-family: "Mona Sans";
  src: url("assets/fonts/mona/MonaSansVF-875ad1fa.woff2?v=875ad1fab0c1") format("woff2-variations");
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

#merchantSurface,
#merchantSurface button,
#merchantSurface textarea,
#merchantSurface input,
#merchantSurface select {
  font-family: "Mona Sans", ui-sans-serif, sans-serif;
  font-stretch: 100%;
  font-optical-sizing: auto;
  font-synthesis: none;
}

#merchantSurface {
  grid-template-rows: 64px minmax(0, 1fr);
}

#merchantSurface .brand {
  font-weight: 600;
  letter-spacing: 0;
}

#merchantSurface #callAction,
#merchantSurface .header-actions .link-button,
#merchantSurface .suggestion {
  font-weight: 500;
  letter-spacing: 0;
}

#merchantSurface .open-lens-title h1 {
  font-size: 62px;
  font-weight: 500;
  font-stretch: 92%;
  font-variation-settings: "wdth" 92, "opsz" 64, "wght" 500;
  letter-spacing: 0;
  line-height: 1.04;
}

#merchantSurface .open-lens-title p {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

#merchantSurface .chat-status {
  font-weight: 400;
  letter-spacing: 0;
}

#merchantSurface .chat-status strong {
  font-weight: 600;
}

#merchantSurface .bubble {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
}

#merchantSurface .message.merchant .bubble {
  font-weight: 400;
}

#merchantSurface .artifact h2,
#merchantSurface .artifact h3,
#merchantSurface .provider-name {
  font-weight: 500;
  letter-spacing: 0;
}

#merchantSurface .eyebrow,
#merchantSurface .badge,
#merchantSurface .fit,
#merchantSurface .brief-item button,
#merchantSurface .criterion-status,
#merchantSurface .field label,
#merchantSurface .action {
  font-weight: 600;
}

#merchantSurface #composer {
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
}

#merchantSurface .brief-item strong,
#merchantSurface .numbers {
  font-variant-numeric: tabular-nums;
}

#merchantSurface .brief-label {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 5px 10px;
  flex-wrap: wrap;
}

#merchantSurface .brief-label .provenance {
  color: var(--miles-graphite);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

#merchantSurface .artifact {
  scroll-margin-block-end: 150px;
}

#merchantSurface .chat-frame[data-engaged="false"] .composer-meta {
  display: none;
}

#merchantSurface .composer-meta {
  color: var(--miles-graphite);
  font-size: 11px;
  flex-wrap: wrap;
}

#merchantSurface .composer-meta .link-button {
  font-size: 11px;
}

#merchantSurface #send svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#merchantSurface .chat-frame[data-engaged="false"] .open-lens-title {
  max-height: none;
}

@media (max-width: 720px) {
  #merchantSurface {
    grid-template-rows: 56px minmax(0, 1fr) auto;
  }

  #merchantSurface .open-lens-title h1 {
    font-size: 43px;
    line-height: 1.1;
  }

  #merchantSurface .composer-meta .link-button {
    font-size: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #merchantSurface .composer-tools {
    transition: none;
  }
}