.ci-vera-bridge-mockup {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 2.4242cqi;
  background: #fff;
  color: var(--color-text);
  container-type: inline-size;
}

.ci-vera-bridge-header {
  box-sizing: border-box;
  display: flex;
  height: 13.1818cqi;
  align-items: center;
  gap: 2.5758cqi;
  padding-inline: 3.6364cqi;
  border-block-end: max(1px, 0.1677cqi) solid #e6e2d9;
}

.ci-vera-bridge-logo-tile {
  display: grid;
  width: 6.6667cqi;
  height: 6.6667cqi;
  flex: none;
  place-items: center;
  border-radius: 1.3333cqi;
  background: #f8580e;
}

.ci-vera-bridge-logo-mark {
  width: 5.0231cqi;
  height: 4.3908cqi;
}

.ci-vera-bridge-header-copy {
  min-width: 0;
}

.ci-vera-bridge-assistant-name,
.ci-vera-bridge-workspace-label,
.ci-vera-bridge-message,
.ci-vera-bridge-clarification-card p {
  margin: 0;
}

.ci-vera-bridge-assistant-name {
  font-size: 3.0303cqi;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.ci-vera-bridge-workspace-label {
  margin-block-start: 0.303cqi;
  color: #5d616f;
  font-size: 2.1429cqi;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
}

.ci-vera-bridge-body {
  box-sizing: border-box;
  display: flex;
  height: calc(100% - 13.1818cqi);
  min-height: 0;
  flex-direction: column;
  padding: 3.0303cqi 3.6364cqi 3.6364cqi;
}

.ci-vera-bridge-conversation {
  display: flex;
  min-height: 0;
  flex-direction: column;
}

.ci-vera-bridge-message,
.ci-vera-bridge-clarification-card {
  box-sizing: border-box;
  border: max(1px, 0.1966cqi) solid #e6e2d9;
  border-radius: 1.1794cqi;
  color: #061c5a;
  font-size: 2.3588cqi;
  font-weight: 400;
}

.ci-vera-bridge-message {
  display: flex;
  align-items: center;
}

.ci-vera-bridge-user-message {
  min-height: 6.6667cqi;
  align-self: flex-end;
  justify-content: center;
  padding: 1.5152cqi 2.2686cqi;
  background: #fbf9f4;
  line-height: 1.3;
  white-space: nowrap;
}

.ci-vera-bridge-first-question {
  max-width: 56.8182cqi;
}

.ci-vera-bridge-second-question {
  max-width: 54.2424cqi;
  margin-block-start: 2.4242cqi;
}

.ci-vera-bridge-assistant-message {
  width: 74.3939cqi;
  min-height: 11.2121cqi;
  margin-block-start: 2.4242cqi;
  padding: 1.5152cqi 2.2727cqi;
  background: #fff;
  line-height: 1.6;
}

.ci-vera-bridge-clarification-card {
  width: 74.3939cqi;
  min-height: 14.8485cqi;
  margin-block-start: 2.4242cqi;
  padding: 1.8182cqi 2.2727cqi 1.9697cqi;
  background: #fff;
  line-height: 1.6;
}

.ci-vera-bridge-tones {
  display: flex;
  max-width: 100%;
  align-items: center;
  gap: 1.2121cqi;
  margin-block-start: 1.5152cqi;
}

.ci-vera-bridge-tones span {
  box-sizing: border-box;
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  height: 4.5455cqi;
  align-items: center;
  justify-content: center;
  padding-inline: 1.8182cqi;
  border: max(1px, 0.1515cqi) solid rgb(6 28 90 / 20%);
  border-radius: 1.2121cqi;
  background: #eaf5fb;
  font-size: 1.9697cqi;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

.ci-vera-bridge-actions {
  display: flex;
  align-items: center;
  gap: 1.8152cqi;
  margin-block-start: 2.5758cqi;
}

.ci-vera-bridge-actions span {
  box-sizing: border-box;
  display: inline-flex;
  width: max-content;
  min-width: 13.9669cqi;
  max-width: 100%;
  height: 5.9091cqi;
  align-items: center;
  justify-content: center;
  padding-inline: 2.1488cqi;
  border-radius: 1.4325cqi;
  font-size: 2.3278cqi;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}

.ci-vera-bridge-primary-action {
  background: #f60;
  color: #fff;
}

.ci-vera-bridge-secondary-action {
  border: max(1px, 0.1791cqi) solid #e6e2d9;
  background: #fff;
  color: #061c5a;
}

.ci-vera-bridge-composer {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-height: 7.5758cqi;
  align-items: center;
  justify-content: space-between;
  gap: 2cqi;
  margin-block-start: auto;
  padding-inline: 2.0641cqi 0.9394cqi;
  border: max(1px, 0.2064cqi) solid #e6e2d9;
  border-radius: 1.2386cqi;
  background: #fff;
  color: #5d616f;
  font-size: 2.4771cqi;
  font-weight: 400;
  line-height: 1.3;
}

.ci-vera-bridge-composer > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ci-vera-bridge-submit {
  display: grid;
  width: 5.5735cqi;
  height: 5.5735cqi;
  flex: none;
  place-items: center;
  border-radius: 0.8257cqi;
  background: #f0ece2;
}

.ci-vera-bridge-submit img {
  width: 2.6835cqi;
  height: 2.6835cqi;
}