* {
  font-family: var(--dialog-shop-font-family);
}
.dialog-ai-input {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 0;
  width: 100%;
  gap: 20px;
  border-bottom: 1px solid var(--dialog-primary-color-alpha);
  border-top: 1px solid var(--dialog-primary-color-alpha);
}

.dialog-ai-input-text {
  display: flex;
  gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dialog-question-text-title {
  color: #6c6c6c;
  font-family: var(--primary-font-family);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.dialog-question-text-description {
  color: #000;
  font-family: var(--primary-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.dialog-input-wrapper {
  position: relative;
  width: 100%;
  height: 50px;
  padding: 16px 20px;
  border: 1px solid #d9d9d9;
  border-radius: var(--cta-border-type);
  background: #ffffff;
  display: flex;
  align-items: center;
}

.dialog-input-wrapper.dialog-ai-input-square {
  border-radius: 8px;
  border: 1px solid #dddddd;
}

.dialog-input-wrapper:focus,
.dialog-input-wrapper:active,
.dialog-input-wrapper:focus-within,
.dialog-input-wrapper:target,
.dialog-input-wrapper:visited,
.dialog-input-wrapper:focus-visible {
  border: 1px solid #181825;
}
.dialog-input-container {
  display: flex;
  justify-items: center;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.dialog-input-container > svg > path {
  stroke: "#ffffff";
}

.dialog-input-submit {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--dialog-primary-color);
  position: absolute;
  cursor: pointer;
  top: calc(50% - 20px);
  right: 4px;
  border: unset;
}
.dialog-input-submit.dialog-input-submit-squared {
  border-radius: 4px;
  padding: 12px;
  top: calc(50% - 18px);
  width: unset;
  top: unset;
  height: unset;
}
.dialog-input-submit > svg > path,
.dialog-input-submit > svg > g > path {
  stroke: var(--dialog-cta-text-color);
}
.dialog-input-submit[data-state="recording"] {
  background-color: transparent;
}
.dialog-input-submit[data-state="recording"] > svg > path,
.dialog-input-submit > svg > g > path {
  stroke: #c92222;
}

.dialog-input-submit > svg {
  min-width: 20px;
}

.dialog-input-submit.dialog-input-submit-squared > svg {
  min-width: unset;
}

.dialog-ask-anything-input-ai-input {
  outline: unset;
  box-shadow: unset;
  border: unset;
  width: 100%;
  font-size: 16px;
  background: transparent;
  padding-right: 35px;
}

.dialog-ask-anything-input-ai-input:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
}

.dialog-ask-anything-input-ai-input::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #575665;
}