@charset "UTF-8";.mw-AccountSSO-layout {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mw-AccountSSO-ssoButton {
  font: var(--mw-text-3);
  font-weight: var(--mw-regular);
  cursor: pointer;
  display: block;
  padding: 0.875rem 1.25rem;
  border: 1px solid transparent;
  border-radius: var(--mw-border-radius);
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.mw-AccountSSO-ssoButton svg {
  width: var(--mw-cross-icon-size);
  height: var(--mw-cross-icon-size);
}

.mw-AccountSSO-facebook {
  background-color: #1877f2;
  border-color: #1877f2;
  color: var(--mw-color-text-placeholder);
}

.mw-AccountSSO-google {
  background-color: #fff;
  border-color: var(--mw-color-text-alt);
  color: var(--mw-color-text-alt);
  font-family: "Roboto", sans-serif;
  font-weight: var(--mw-medium);
}

.mw-AccountSSO-apple,
.mw-AccountSSO-x {
  background-color: var(--mw-color-text);
  border-color: var(--mw-color-text);
  color: var(--mw-color-text-reversed);
}

.mw-AccountSSO-unknownSSO {
  background-color: var(--mw-color-text-reversed);
  border-color: var(--mw-color-text);
  color: var(--mw-color-text);
}.mw-Modal-root {
  overflow: hidden;
  outline: none;
  display: flex;
  flex-direction: column;
  z-index: 100;
  border-radius: var(--mw-border-radius-1);
  background: var(--mw-color-surface);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5);
  padding: 2rem 2.25rem;
}
.mw-Modal-root .mw-Modal-close {
  z-index: 2;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
.mw-Modal-root .mw-Modal-close:dir(rtl) {
  inset-inline-end: auto;
  inset-inline-start: 0;
}
.mw-Modal-root .mw-Modal-close svg {
  width: var(--mw-cross-icon-size);
  height: var(--mw-cross-icon-size);
}
.mw-Modal-root .mw-Modal-close svg path {
  fill: var(--mw-color-primary);
}

.mw-Modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}.mw-AccountModal-main {
  width: 20rem;
  font: var(--mw-text-1);
}

.mw-AccountModal-header {
  margin-bottom: 1.25rem;
}
.mw-AccountModal-header > h1 {
  margin: 0;
  font: inherit;
}
.mw-AccountModal-header > p {
  margin: 0;
  color: var(--mw-color-text-secondary);
  font: inherit;
}

.mw-AccountModal-message {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  font: inherit;
}

.mw-AccountModal-error {
  font: inherit;
  color: var(--mw-color-error);
  font-size: var(--mw-small-font);
  margin-block: 0 1rem;
  margin-inline: 0;
}.mw-InteractionLoading-card, .mw-InteractionLoading-dots {
  padding: 1rem;
  border-radius: var(--mw-border-radius-3);
  background: var(--mw-color-surface);
}

@keyframes mw-InteractionLoading-flipIn {
  from {
    transform: translateZ(-20rem) rotateY(90deg);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes mw-InteractionLoading-flipOut {
  from {
    transform: rotateY(0);
  }
  to {
    transform: translateZ(-20rem) rotateY(-90deg);
  }
}
@keyframes mw-InteractionLoading-blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mw-InteractionLoading-loadingScale {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(2, 2);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes mw-InteractionLoading-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-InteractionLoading-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mw-InteractionLoading-showAfter80percentage {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-InteractionLoading-loading-dot-1-animation {
  0%, 29.9%, 100% {
    opacity: 0;
  }
  30%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-InteractionLoading-loading-dot-2-animation {
  0%, 59.9%, 100% {
    opacity: 0;
  }
  60%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-InteractionLoading-loading-dot-3-animation {
  0%, 89.9%, 100% {
    opacity: 0;
  }
  90%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-InteractionLoading-sparkleFade {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.mw-InteractionLoading-root {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mw-InteractionLoading-dots {
  display: inline-flex;
  gap: 0.6rem;
  padding: 1.3rem 1.6rem;
  animation: mw-InteractionLoading-fadeIn 0.9s 1 ease-in forwards;
  background: transparent;
}

.mw-InteractionLoading-dot {
  opacity: 0.7;
  width: 0.3rem;
  height: 0.3rem;
  background: var(--mw-color-text);
  border-radius: 50%;
  animation: mw-InteractionLoading-loadingScale 1s linear infinite;
}
.mw-InteractionLoading-dot:nth-child(1) {
  animation-delay: 0s;
}
.mw-InteractionLoading-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.mw-InteractionLoading-dot:nth-child(3) {
  animation-delay: 0.4s;
}
.mw-InteractionLoading-dot:nth-child(4) {
  animation-delay: 0.6s;
}.mw-Button-mw-button-base, .mw-Button-primary, .mw-Button-secondary {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

.mw-Button-primary {
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
}
.mw-Button-primary:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
}
.mw-Button-primary:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-Button-primary:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
}
.mw-Button-primary:disabled {
  background: var(--mw-button-disabled-bg);
  cursor: unset;
}

.mw-Button-secondary {
  --mw-button-color: var(--mw-color-primary);
  --mw-button-bg: transparent;
  --mw-button-hover-color: hsl(from var(--mw-color-primary) h s calc(l - 5));
  --mw-button-hover-bg: hsl(from var(--mw-button-hover-color) h s l / 5%);
  --mw-button-active-color: hsl(from var(--mw-color-primary) h s calc(l - 10));
  --mw-button-active-bg: hsl(from var(--mw-button-active-color) h s l / 5%);
  --mw-button-disabled-color: hsl(
    from var(--mw-color-primary) h 0 calc(l + 25)
  );
  --mw-button-disabled-bg: transparent;
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
  border: 1px solid var(--mw-button-color);
}
.mw-Button-secondary:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
  border-color: var(--mw-button-hover-color);
}
.mw-Button-secondary:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-Button-secondary:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
  border-color: var(--mw-button-active-color);
}
.mw-Button-secondary:disabled {
  color: var(--mw-button-disabled-color);
  background: var(--mw-button-disabled-bg);
  border-color: var(--mw-button-disabled-color);
  cursor: unset;
}.mw-ErrorBoundary-root {
  width: 16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}

.mw-ErrorBoundary-brandLogo {
  display: block;
  height: 3rem;
  width: 100%;
  border: none;
  content: var(--mw-error-modal-image);
  object-fit: contain;
}

.mw-ErrorBoundary-title {
  margin: 0;
  font-style: normal;
  font: var(--mw-text-1);
  padding: 0;
  text-align: center;
}

.mw-ErrorBoundary-content {
  margin: 0;
  font-style: normal;
  font: var(--mw-text-1);
  padding: 0;
  white-space: pre-line;
  text-align: center;
}

.mw-ErrorBoundary-buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.mw-ErrorBoundary-resetButton,
.mw-ErrorBoundary-reloadButton {
  width: 100%;
}@keyframes mw-SparkleLoader-flipIn {
  from {
    transform: translateZ(-20rem) rotateY(90deg);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes mw-SparkleLoader-flipOut {
  from {
    transform: rotateY(0);
  }
  to {
    transform: translateZ(-20rem) rotateY(-90deg);
  }
}
@keyframes mw-SparkleLoader-blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mw-SparkleLoader-loadingScale {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(2, 2);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes mw-SparkleLoader-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-SparkleLoader-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mw-SparkleLoader-showAfter80percentage {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-SparkleLoader-loading-dot-1-animation {
  0%, 29.9%, 100% {
    opacity: 0;
  }
  30%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-SparkleLoader-loading-dot-2-animation {
  0%, 59.9%, 100% {
    opacity: 0;
  }
  60%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-SparkleLoader-loading-dot-3-animation {
  0%, 89.9%, 100% {
    opacity: 0;
  }
  90%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-SparkleLoader-sparkleFade {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.mw-SparkleLoader-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  margin: 1.5rem 0;
}

.mw-SparkleLoader-sparkle {
  width: 1.5rem;
  height: 1.5rem;
  animation: mw-SparkleLoader-sparkleFade 4s ease-in-out infinite;
}

.mw-SparkleLoader-processingText {
  display: flex;
  align-items: baseline;
  font-size: 1rem;
  font-weight: 500;
  color: var(--mw-color-text-alt);
}

.mw-SparkleLoader-dots {
  display: flex;
  gap: 0.125rem;
  margin-inline-start: 0.1rem;
}

.mw-SparkleLoader-dot {
  width: 0.2rem;
  height: 0.2rem;
  background-color: var(--mw-color-text-alt);
  border-radius: 50%;
  opacity: 0;
}
.mw-SparkleLoader-dot:nth-child(1) {
  animation: mw-SparkleLoader-loading-dot-1-animation 3s infinite;
}
.mw-SparkleLoader-dot:nth-child(2) {
  animation: mw-SparkleLoader-loading-dot-2-animation 3s infinite;
}
.mw-SparkleLoader-dot:nth-child(3) {
  animation: mw-SparkleLoader-loading-dot-3-animation 3s infinite;
}.mw-ConversationView-root {
  position: relative;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .mw-ConversationView-root {
    overflow: auto;
  }
  .mw-ConversationView-root::-webkit-scrollbar {
    width: 0.5rem;
    background-color: transparent;
  }
  .mw-ConversationView-root::-webkit-scrollbar-thumb {
    background-color: var(--mw-scrollbar-bg);
    border-radius: var(--mw-border-radius-4);
  }
  .mw-ConversationView-root::-webkit-scrollbar-thumb:hover {
    background-color: var(--mw-scrollbar-hover-bg);
  }
  .mw-ConversationView-root::-webkit-scrollbar-thumb:active {
    background-color: var(--mw-scrollbar-active-bg);
  }
}

.mw-ConversationView-container {
  padding: 1.5rem 0;
}

.mw-ConversationView-placeholder {
  padding-bottom: 20vh;
}

.mw-ConversationView-avatar {
  position: absolute;
  width: 100%;
  inset-block-end: 0;
  pointer-events: none;
}

.mw-ConversationView-intentContainer {
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
}

.mw-ConversationView-intent {
  padding: 0.75rem 1.5rem;
  background: var(--mw-color-field);
  border-radius: var(--mw-border-radius);
  color: var(--mw-color-text);
  opacity: 0.3;
  width: fit-content;
}

.mw-ConversationView-fadeOut {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}.mw-LanguagePicker-trigger {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  padding-inline-start: 0.5rem;
  border-radius: var(--mw-border-radius-1);
  background-color: transparent;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
}
.mw-LanguagePicker-trigger:active {
  background-color: var(--mw-color-surface-pressed);
}
.mw-LanguagePicker-trigger:focus {
  outline: 1px solid var(--mw-color-outline-focus);
  background-color: var(--mw-color-surface-hover);
}
.mw-LanguagePicker-trigger:hover, .mw-LanguagePicker-trigger[data-state=open] {
  background-color: var(--mw-color-surface-hover);
}

.mw-LanguagePicker-icon {
  width: var(--mw-icon-size);
  color: var(--mw-color-primary);
}

.mw-LanguagePicker-content {
  margin-block-start: 0.5rem;
  min-width: 12rem;
  max-height: 12rem;
  padding: 0.5rem;
  border-radius: var(--mw-border-radius-1);
  background: var(--mw-color-surface);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  font: var(--mw-text-4);
  overflow-y: auto;
}
.mw-LanguagePicker-content::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-LanguagePicker-content::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-LanguagePicker-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-LanguagePicker-content::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}

.mw-LanguagePicker-item {
  display: flex;
  height: 1.5rem;
  padding: 0rem 0.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: var(--mw-border-radius-3);
  text-transform: uppercase;
  cursor: pointer;
  font: var(--mw-text-5);
  font-weight: var(--mw-regular);
}
.mw-LanguagePicker-item:focus {
  outline: 1px solid var(--mw-color-outline-focus);
  background-color: var(--mw-color-surface-hover);
}
.mw-LanguagePicker-item:hover {
  background-color: var(--mw-color-surface-hover);
}
.mw-LanguagePicker-item[data-highlighted] {
  background-color: var(--mw-color-surface-pressed);
}.mw-IntentPickerList-root {
  height: 100%;
  overflow: hidden;
}

.mw-IntentPickerList-fadeOutIntentPicker {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.mw-IntentPickerList-categoryFilterContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-start: 1.5rem;
  margin-block-end: 0.75rem;
}

.mw-IntentPickerList-categoryFilterTitle {
  font: var(--mw-text-4);
  font-weight: var(--mw-medium);
  color: var(--mw-color-primary);
}

.mw-IntentPickerList-noIntents {
  text-align: center;
}

.mw-IntentPickerList-categoryFilterIcon {
  display: inline-flex;
  height: 2.25rem;
  width: 2.25rem;
  border-radius: var(--mw-border-radius);
  color: var(--mw-color-primary);
  border: 1px solid transparent;
  background: var(--mw-color-surface);
  justify-content: center;
}
.mw-IntentPickerList-categoryFilterIcon svg {
  width: 1.25rem;
}
.mw-IntentPickerList-categoryFilterIcon:hover, .mw-IntentPickerList-categoryFilterIcon:focus {
  background: var(--mw-color-surface-hover);
  outline: 1px solid var(--mw-color-outline-focus);
  outline-offset: -1px;
  cursor: pointer;
}

.mw-IntentPickerList-dialogOverlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  inset: 0;
  animation: mw-IntentPickerList-overlayShow 150ms;
}

.mw-IntentPickerList-dialogContent {
  background: var(--mw-color-surface);
  border-radius: var(--mw-border-radius) var(--mw-border-radius) 0 0;
  position: fixed;
  bottom: 0;
  inset-inline: 0;
  padding: 1rem;
  animation: mw-IntentPickerList-contentShow 150ms;
  transform-origin: bottom center;
}

.mw-IntentPickerList-closeButton {
  position: absolute;
  top: 1rem;
  inset-inline-end: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes mw-IntentPickerList-overlayShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mw-IntentPickerList-contentShow {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mw-IntentPickerList-categoryFilterPopover {
  width: 17.75rem;
  padding: 0.5rem;
  position: absolute;
  inset-inline-end: 0;
  border-radius: var(--mw-border-radius);
  background: var(--mw-color-surface);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.mw-IntentPickerList-popoverTitle {
  font: var(--mw-text-5);
  font-weight: var(--mw-regular);
  color: var(--mw-color-text-secondary);
}

.mw-IntentPickerList-popoverOptionList {
  padding: 0;
  margin: 0;
}

.mw-IntentPickerList-popoverOptionLabel {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  width: 100%;
  font: var(--mw-text-5);
  font-weight: var(--mw-regular);
  line-height: 1.5rem;
}

.mw-IntentPickerList-popoverOptionItem,
.mw-IntentPickerList-popoverTitle {
  display: flex;
  align-items: center;
  height: 1.5rem;
  padding: 0rem 0.5rem;
  gap: 0.5rem;
}

.mw-IntentPickerList-popoverOptionText {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mw-IntentPickerList-intentListContainer::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-IntentPickerList-intentListContainer::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-IntentPickerList-intentListContainer::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-IntentPickerList-intentListContainer::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}
.mw-IntentPickerList-intentListContainer {
  --fade-height: 2.5rem;
}
@media only screen and (min-width: 768px) {
  .mw-IntentPickerList-intentListContainer {
    --fade-height: 3.5rem;
  }
}
.mw-IntentPickerList-intentListContainer {
  overflow: auto;
  /* Top sticky gradient overlay */
}
.mw-IntentPickerList-intentListContainer::before {
  content: "";
  position: sticky;
  top: 0;
  display: block;
  height: var(--fade-height);
  background: linear-gradient(to bottom, var(--mw-color-surface) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  opacity: 0;
}
.mw-IntentPickerList-intentListContainer {
  /* Bottom sticky gradient overlay */
}
.mw-IntentPickerList-intentListContainer::after {
  content: "";
  position: sticky;
  bottom: 0;
  display: block;
  height: var(--fade-height);
  background: linear-gradient(to top, var(--mw-color-surface) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  opacity: 0;
}
.mw-IntentPickerList-intentListContainer {
  /* Progressive enhancement: use scroll-driven animations so hints only show
     when scrollable, fade in after leaving top, and fade out at bottom */
}
@supports (animation-timeline: scroll()) {
  .mw-IntentPickerList-intentListContainer {
    scroll-timeline-name: --intents;
    scroll-timeline-axis: block;
  }
  .mw-IntentPickerList-intentListContainer::before {
    animation: mw-IntentPickerList-fadeTop 1s both linear;
    animation-timeline: --intents;
  }
  .mw-IntentPickerList-intentListContainer::after {
    animation: mw-IntentPickerList-fadeBottom 1s both linear;
    animation-timeline: --intents;
  }
}

@keyframes mw-IntentPickerList-fadeTop {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-IntentPickerList-fadeBottom {
  0% {
    opacity: 1;
  }
  98% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mw-IntentPickerList-intentList {
  margin: calc(var(--fade-height) * -1) 0;
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.mw-IntentPickerList-intentBtn {
  font-family: var(--mw-text-3);
  color: var(--mw-color-text);
  font: inherit;
  border-radius: 5.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--mw-color-field);
  cursor: pointer;
  border: none;
}
.mw-IntentPickerList-intentBtn:hover {
  background: hsl(from var(--mw-color-field) h s calc(l + 3));
}
.mw-IntentPickerList-intentBtn:active {
  background: var(--mw-color-primary);
  color: var(--mw-color-text-reversed);
}
.mw-IntentPickerList-intentBtn:focus-visible {
  outline: 1px solid var(--mw-color-outline-focus);
  outline-offset: -1px;
}

input[type=checkbox] {
  position: absolute;
  height: 2rem;
  width: 2rem;
  margin: -0.5rem;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.mw-IntentPickerList-checkmark {
  width: 1rem;
  border-radius: 3px;
  border: 1px solid var(--mw-color-outline);
  aspect-ratio: 1/1;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

input[type=checkbox]:checked + .mw-IntentPickerList-checkmark {
  border-color: var(--mw-color-primary);
}

input[type=checkbox]:hover + .mw-IntentPickerList-checkmark {
  background-color: var(--mw-color-surface-hover);
}

input[type=checkbox]:focus-visible + .mw-IntentPickerList-checkmark {
  border-radius: 3px;
  border: 1px solid var(--mw-color-outline-focus);
}

input[type=checkbox]:checked + .mw-IntentPickerList-checkmark:after {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: var(--mw-color-primary);
  clip-path: path("M6.22296 9.74723L11.6452 4.32501C11.8081 4.16205 11.997 4.08057 12.2118 4.08057C12.4267 4.08057 12.6156 4.16205 12.7785 4.32501C12.9415 4.48797 13.023 4.67686 13.023 4.89168C13.023 5.10649 12.9415 5.29538 12.7785 5.45834L6.77852 11.4583C6.61555 11.6213 6.42666 11.7028 6.21185 11.7028C5.99703 11.7028 5.80815 11.6213 5.64518 11.4583L3.22296 9.03612C3.06 8.87316 2.97852 8.68427 2.97852 8.46946C2.97852 8.25464 3.06 8.06575 3.22296 7.90279C3.38592 7.73983 3.57481 7.65834 3.78963 7.65834C4.00444 7.65834 4.19333 7.73983 4.35629 7.90279L6.22296 9.74723Z");
}.mw-LandingView-root {
  height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, var(--mw-conversation-max-width));
  grid-template-rows: auto 10rem auto 1fr;
  justify-content: center;
  padding-block: 0rem 5rem;
  padding-inline: 1.25rem;
  gap: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .mw-LandingView-root {
    padding-block: 0rem 1.5rem;
    padding-inline: 0 1.25rem;
  }
}

.mw-LandingView-loadingRoot {
  gap: 1.5rem;
  transition: gap 0.4s 0.5s ease-out;
}

.mw-LandingView-languagePicker {
  position: absolute;
  inset-inline-end: 1.25rem;
  inset-block-start: 1.25rem;
}
@media only screen and (min-width: 768px) {
  .mw-LandingView-languagePicker {
    inset-inline-end: 2rem;
    inset-block-start: 2rem;
  }
}

.mw-LandingView-fadeOutLanguagePicker {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

.mw-LandingView-logoContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  justify-content: center;
  align-content: center;
  padding-block: 6rem 4rem;
  padding-inline: 4.5rem;
}
@media only screen and (min-width: 768px) {
  .mw-LandingView-logoContainer {
    margin: 0 auto;
  }
}

.mw-LandingView-fadeOutLogoContainer {
  opacity: 0;
  padding: 0;
  transition: opacity 0.2s ease-out, padding 0.4s 0.5s ease-out;
}

.mw-LandingView-logoPlacer {
  display: block;
  height: 5rem;
  width: 100%;
  border: none;
  object-fit: contain;
  object-position: center;
  content: var(--mw-landing-page-logo);
}
@media only screen and (min-width: 768px) {
  .mw-LandingView-logoPlacer {
    max-width: 20rem;
  }
}

.mw-LandingView-shrinkLogo {
  height: 0;
  transition: height 0.4s 0.5s ease-out;
}

.mw-LandingView-errorContainer {
  margin-block-start: 1.25rem;
  margin-inline-start: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mw-LandingView-errorIcon {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--mw-color-error);
}

.mw-LandingView-error {
  color: var(--mw-color-error);
  line-height: 1.5;
}

.mw-LandingView-loader {
  opacity: 0;
}

.mw-LandingView-loading {
  opacity: 1;
  transition: opacity 0.4s ease-out 0.8s;
}.mw-StartConversation-input-colors, .mw-StartConversation-intentTextarea, .mw-StartConversation-base-input {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-StartConversation-input-colors::placeholder, .mw-StartConversation-intentTextarea::placeholder, .mw-StartConversation-base-input::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-StartConversation-input-colors:focus, .mw-StartConversation-intentTextarea:focus, .mw-StartConversation-base-input:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-StartConversation-input-colors:disabled, .mw-StartConversation-intentTextarea:disabled, .mw-StartConversation-base-input:disabled {
  opacity: 0.5;
}

.mw-StartConversation-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-StartConversation-base-input {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-StartConversation-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-StartConversation-mw-button-base {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

@keyframes mw-StartConversation-flipIn {
  from {
    transform: translateZ(-20rem) rotateY(90deg);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes mw-StartConversation-flipOut {
  from {
    transform: rotateY(0);
  }
  to {
    transform: translateZ(-20rem) rotateY(-90deg);
  }
}
@keyframes mw-StartConversation-blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mw-StartConversation-loadingScale {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(2, 2);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes mw-StartConversation-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-StartConversation-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mw-StartConversation-showAfter80percentage {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-StartConversation-loading-dot-1-animation {
  0%, 29.9%, 100% {
    opacity: 0;
  }
  30%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-StartConversation-loading-dot-2-animation {
  0%, 59.9%, 100% {
    opacity: 0;
  }
  60%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-StartConversation-loading-dot-3-animation {
  0%, 89.9%, 100% {
    opacity: 0;
  }
  90%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-StartConversation-sparkleFade {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.mw-StartConversation-textareaContainer {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: var(--mw-color-surface);
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  padding-block: 0.5rem;
  padding-inline: 0.75rem 0.5rem;
}
.mw-StartConversation-textareaContainer:focus-within {
  border-color: var(--mw-color-outline-focus);
}

.mw-StartConversation-shrinkInputContainer {
  opacity: 0.3;
  gap: 0;
  padding: 0.75rem 1.5rem;
  width: 0;
  min-width: fit-content;
  transition: width 0.4s ease-in-out, padding 0.3s ease-in, gap 0.3s ease-in, opacity 0.2s 0.7s;
}

.mw-StartConversation-intentText {
  display: none;
  width: 100%;
}

.mw-StartConversation-showIntentText {
  display: block;
}

.mw-StartConversation-sparklesIcon {
  width: 1.5rem;
  height: 1.5rem;
  align-self: self-start;
  margin-top: 0.25rem;
}

.mw-StartConversation-inputBox {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0.5rem;
}

.mw-StartConversation-intentTextarea::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-StartConversation-intentTextarea::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-StartConversation-intentTextarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-StartConversation-intentTextarea::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}
.mw-StartConversation-intentTextarea {
  background-color: transparent;
  display: block;
  outline: none;
  border: none;
  flex: 1;
  font: inherit;
  font: var(--mw-text-1);
  resize: none;
  line-height: 1.6;
}
.mw-StartConversation-intentTextarea:focus {
  outline: 0;
}

.mw-StartConversation-hideIntentInput {
  display: none;
}

.mw-StartConversation-submit {
  align-self: end;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.mw-StartConversation-submit svg {
  width: 1.75rem;
  height: 1.75rem;
}

.mw-StartConversation-fadeOutNonTextElements {
  opacity: 0;
  width: 0;
  height: 0;
  transition: opacity 0.2s ease-out, height 0.2s 0.5s, width 0.1s 0.1s ease-out;
}:root {
  --mw-color-primary: hsla(217, 100%, 51%, 1);
  --mw-color-text: hsl(0, 0%, 0%, 1);
  --mw-color-text-reversed: hsl(0, 0%, 100%, 1);
  --mw-color-outline: hsl(0, 0%, 74%, 1);
  --mw-color-field: hsl(0, 0%, 94%, 1);
  --mw-color-surface: hsl(0, 0%, 100%, 1);
  --mw-color-block: hsl(0, 6%, 93%, 1);
  --mw-color-error: hsl(0, 100%, 39%, 1);
  --mw-color-primary-alt: hsl(from var(--mw-color-primary) h s calc(l + 36));
  --mw-color-text-placeholder: hsl(from var(--mw-color-text) h s calc(l + 70));
  --mw-color-text-secondary: hsl(from var(--mw-color-text) h s calc(l + 40));
  --mw-color-text-alt: hsl(from var(--mw-color-text) h s calc(l + 49));
  --mw-color-surface-hover: hsl(from var(--mw-color-surface) h s calc(l - 5));
  --mw-color-surface-pressed: hsl(
    from var(--mw-color-surface) h s calc(l - 10)
  );
  --mw-color-surface-on-surface-default: hsl(
    from var(--mw-color-surface) h s calc(l - 3)
  );
  --mw-color-surface-on-surface-hover: hsl(
    from var(--mw-color-surface) h s calc(l - 8)
  );
  --mw-color-outline-focus: hsl(from var(--mw-color-outline) h s calc(l - 22));
  --mw-color-error-field: hsl(from var(--mw-color-error) h s calc(l + 60));
  --mw-font-family: Inter, "Helvetica Neue", Helvetica, Arial, serif;
  --mw-standard-font: 1rem;
  --mw-small-font: 0.875rem;
  --mw-border-radius-base: 1.25rem;
  --mw-border-radius-scale: 0.25rem;
  --mw-border-radius-4: max(
    0rem,
    calc(var(--mw-border-radius) - 4 * var(--mw-border-radius-scale))
  );
  --mw-border-radius-3: max(
    0rem,
    calc(var(--mw-border-radius) - 3 * var(--mw-border-radius-scale))
  );
  --mw-border-radius-2: max(
    0rem,
    calc(var(--mw-border-radius) - 2 * var(--mw-border-radius-scale))
  );
  --mw-border-radius-1: max(
    0rem,
    calc(var(--mw-border-radius) - 1 * var(--mw-border-radius-scale))
  );
  --mw-border-radius: var(--mw-border-radius-base);
  --mw-border-radius1: calc(
    var(--mw-border-radius) + 1 * var(--mw-border-radius-scale)
  );
  --mw-app-logo: url("data:image/svg+xml,%3csvg%20width='320'%20height='78'%20viewBox='0%200%20320%2078'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_14_9727)'%3e%3cpath%20d='M10.9004%2020.0425C9.13164%2028.4849%207.44059%2036.5346%204.23733%2038.9883C4.23733%2038.9922%204.23733%2038.9961%204.23733%2039C4.23733%2040.1705%203.28879%2041.1194%202.11866%2041.1194C0.94854%2041.1194%200%2040.1705%200%2039C0%2037.8295%200.94854%2036.8806%202.11866%2036.8806C2.67846%2036.8806%203.18772%2037.0984%203.56869%2037.4562C6.09942%2035.0529%207.86044%2026.6611%209.31435%2019.7119C11.4408%209.57404%2013.4467%200%2018.0961%200C22.4501%200%2024.4832%208.37631%2026.4658%2017.7559C27.4532%2017.9348%2028.2035%2018.7981%2028.2035%2019.8403C28.2035%2020.5713%2027.8342%2021.213%2027.2705%2021.598C28.9227%2029.4026%2030.983%2038.1289%2034.0697%2038.1289C37.4051%2038.1289%2039.5471%2027.9171%2041.2654%2019.708C43.3957%209.57404%2045.4016%200%2050.051%200C54.7004%200%2056.7102%209.57404%2058.8328%2019.708C60.2906%2026.6611%2062.0477%2035.0491%2064.5785%2037.4523C64.9594%2037.0945%2065.4648%2036.8768%2066.0285%2036.8768C67.1986%2036.8768%2068.1471%2037.8256%2068.1471%2038.9961C68.1471%2040.1666%2067.1986%2041.1155%2066.0285%2041.1155C64.8584%2041.1155%2063.9098%2040.1666%2063.9098%2038.9961C63.9098%2038.9922%2063.9098%2038.9883%2063.9098%2038.9844C60.7065%2036.5307%2059.0155%2028.481%2057.2467%2020.0386C55.5285%2011.8334%2053.3865%201.61771%2050.051%201.61771C46.7156%201.61771%2044.5736%2011.8295%2042.8553%2020.0386C40.7328%2030.1726%2038.7269%2039.7466%2034.0736%2039.7466C29.7118%2039.7466%2027.6748%2031.3276%2025.6883%2021.9207C24.7087%2021.7341%2023.9662%2020.8747%2023.9662%2019.8403C23.9662%2019.117%2024.3277%2018.4792%2024.8836%2018.0942C23.2315%2010.3051%2021.175%201.61771%2018.0961%201.61771C14.7607%201.61771%2012.6187%2011.8334%2010.9004%2020.0386V20.0425ZM82.1653%2036.8806C80.9952%2036.8806%2080.0467%2037.8295%2080.0467%2039C80.0467%2039.0039%2080.0467%2039.0078%2080.0467%2039.0117C76.8434%2041.4655%2075.1523%2049.5151%2073.3836%2057.9575C71.6653%2066.1627%2069.5233%2076.3784%2066.1879%2076.3784C63.0973%2076.3784%2061.0331%2067.6132%2059.377%2059.7969C59.964%2059.4197%2060.3528%2058.7625%2060.3528%2058.012C60.3528%2056.9542%2059.5753%2056.0793%2058.5607%2055.9198C56.582%2046.5752%2054.5449%2038.2495%2050.2065%2038.2495C45.5532%2038.2495%2043.5473%2047.8235%2041.4248%2057.9575C39.7065%2066.1627%2037.5645%2076.3784%2034.2291%2076.3784C30.8936%2076.3784%2028.7516%2066.1666%2027.0334%2057.9575C25.2646%2049.5151%2023.5774%2041.4655%2020.3703%2039.0117C20.3703%2039.0078%2020.3703%2039.0039%2020.3703%2039C20.3703%2037.8295%2019.4217%2036.8806%2018.2516%2036.8806C17.0815%2036.8806%2016.133%2037.8295%2016.133%2039C16.133%2040.1705%2017.0815%2041.1194%2018.2516%2041.1194C18.8114%2041.1194%2019.3207%2040.9016%2019.7016%2040.5438C22.2324%2042.9471%2023.9934%2051.3389%2025.4473%2058.2881C27.5699%2068.4221%2029.5758%2077.9961%2034.2291%2077.9961C38.8824%2077.9961%2040.8883%2068.4221%2043.0108%2058.2881C44.7291%2050.0829%2046.8711%2039.8672%2050.2065%2039.8672C53.2776%2039.8672%2055.3341%2048.5196%2056.9824%2056.297C56.4537%2056.682%2056.1116%2057.3042%2056.1116%2058.0081C56.1116%2059.023%2056.8269%2059.8708%2057.7793%2060.0808C59.7736%2069.5226%2061.8067%2077.9961%2066.184%2077.9961C70.8373%2077.9961%2072.8432%2068.4221%2074.9657%2058.2881C76.4235%2051.335%2078.1807%2042.9471%2080.7114%2040.5438C81.0924%2040.9016%2081.5977%2041.1194%2082.1614%2041.1194C83.3316%2041.1194%2084.2801%2040.1705%2084.2801%2039C84.2801%2037.8295%2083.3316%2036.8806%2082.1614%2036.8806H82.1653ZM99.826%2054.6638H105.762V33.1553L114.797%2045.4164L124.084%2032.9453V54.6677H129.938V23.6901H124.383L114.839%2036.4607L105.638%2023.6901H99.826V54.6599V54.6638ZM142.114%2054.6638H148.135V41.7221L158.694%2023.6901H152.163L145.165%2035.994L138.168%2023.6901H131.594L142.114%2041.5938V54.6599V54.6638ZM168.957%2054.6638H174.978L181.467%2032.8169L187.912%2054.6638H193.805L202.626%2023.694H196.604L190.793%2045.2881L184.39%2023.694H178.621L172.176%2045.2453L166.492%2023.694H160.342L168.953%2054.6638H168.957ZM198.645%2054.6638H204.795L206.832%2049.0212H219.766L221.803%2054.6638H227.953L216.248%2023.694H210.354L198.649%2054.6638H198.645ZM213.32%2031.2887L217.775%2043.5926H208.826L213.32%2031.2887ZM233.854%2054.6638H239.747L251.452%2023.694H245.174L236.777%2046.688L228.466%2023.694H222.149L233.854%2054.6638ZM254.419%2054.6638H275.244V48.9785H260.401V41.936H275.244V36.2935H260.401V29.3365H275.244V23.694H254.419V54.6638ZM277.502%2051.5256C277.502%2053.6877%20278.987%2055.2588%20281.192%2055.2588C283.396%2055.2588%20284.881%2053.6877%20284.881%2051.5256C284.881%2049.3634%20283.353%2047.7924%20281.192%2047.7924C279.03%2047.7924%20277.502%2049.3634%20277.502%2051.5256ZM294.646%2055.1304C298.25%2055.1304%20301.391%2053.5166%20303.043%2051.1406V54.6638H308.684V40.5788C308.684%2034.808%20304.823%2031.2887%20298.083%2031.2887C292.951%2031.2887%20289.6%2033.4508%20287.268%2036.5073L292.656%2039.1789C293.717%2037.2695%20295.455%2036.1651%20298.044%2036.1651C301.352%2036.1651%20303.004%2037.8606%20303.004%2040.3222V40.6177H296.982C290.622%2040.6177%20286.677%2043.5459%20286.677%2048.2979C286.677%2052.3267%20289.647%2055.1265%20294.65%2055.1265L294.646%2055.1304ZM296.341%2050.2929C293.923%2050.2929%20292.78%2049.4451%20292.78%2047.7885C292.78%2046.0075%20294.18%2044.9031%20297.659%2044.9031H303.047V46.1319C301.9%2048.5935%20299.144%2050.289%20296.345%2050.289L296.341%2050.2929ZM312.489%2025.3039C312.489%2027.466%20314.017%2029.0371%20316.221%2029.0371C318.426%2029.0371%20319.996%2027.466%20319.996%2025.3039C319.996%2023.1418%20318.468%2021.4852%20316.221%2021.4852C313.974%2021.4852%20312.489%2023.099%20312.489%2025.3039ZM313.251%2054.6599H319.23V31.7514H313.251V54.6599Z'%20fill='url(%23paint0_radial_14_9727)'/%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_14_9727'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(-1.97093%20-6.36196)%20scale(336.304%20336.413)'%3e%3cstop%20offset='0'%20stop-color='%230565ff'/%3e%3cstop%20offset='.13'%20stop-color='%230a62fa'/%3e%3cstop%20offset='.3'%20stop-color='%231b5bee'/%3e%3cstop%20offset='.49'%20stop-color='%233650da'/%3e%3cstop%20offset='.7'%20stop-color='%235c40be'/%3e%3cstop%20offset='.92'%20stop-color='%238c2c9b'/%3e%3cstop%20offset='1'%20stop-color='%23a0248d'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_14_9727'%3e%3crect%20width='320'%20height='78'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  --mw-landing-page-logo: var(--mw-app-logo);
  --mw-sidebar-logo: url("data:image/svg+xml,%3csvg%20width='122'%20height='43'%20viewBox='0%200%20122%2043'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_2_6'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='122'%20height='43'%3e%3crect%20width='122'%20height='43'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_2_6)'%3e%3cpath%20d='M-47.2585%2010.9571C-48.229%2015.5819%20-49.1526%2019.9905%20-50.908%2021.3324V21.3394C-50.908%2021.981%20-51.4274%2022.5003%20-52.0689%2022.5003C-52.7105%2022.5003%20-53.2298%2021.981%20-53.2298%2021.3394C-53.2298%2020.6979%20-52.7105%2020.1785%20-52.0689%2020.1785C-51.7611%2020.1785%20-51.4814%2020.3007%20-51.2746%2020.4934C-49.8858%2019.1774%20-48.9246%2014.5808%20-48.1256%2010.7738C-46.9624%205.22076%20-45.8626%20-0.0197449%20-43.3128%20-0.0197449C-40.9276%20-0.0197449%20-39.8113%204.5698%20-38.7256%209.70691C-38.1828%209.80561%20-37.7739%2010.278%20-37.7739%2010.8467C-37.7739%2011.2485%20-37.976%2011.5987%20-38.2838%2011.8102C-37.3791%2016.0848%20-36.2487%2020.8647%20-34.5567%2020.8647C-32.7284%2020.8647%20-31.5558%2015.2717%20-30.6134%2010.7762C-29.4502%205.22311%20-28.3527%20-0.0173953%20-25.8006%20-0.0173953C-23.2485%20-0.0173953%20-22.1534%205.22546%20-20.9878%2010.7762C-20.1888%2014.5832%20-19.2253%2019.1774%20-17.8388%2020.4958C-17.632%2020.3007%20-17.3524%2020.1809%20-17.0445%2020.1809C-16.403%2020.1809%20-15.8836%2020.7002%20-15.8836%2021.3418C-15.8836%2021.9833%20-16.403%2022.5027%20-17.0445%2022.5027C-17.6861%2022.5027%20-18.2054%2021.9833%20-18.2054%2021.3418V21.3347C-19.9609%2019.9905%20-20.8868%2015.5819%20-21.855%2010.9595C-22.7973%206.46391%20-23.97%200.870905%20-25.7959%200.870905C-27.6219%200.870905%20-28.7969%206.46391%20-29.7392%2010.9595C-30.9025%2016.5125%20-31.9999%2021.753%20-34.552%2021.753C-36.942%2021.753%20-38.0582%2017.1423%20-39.1463%2011.9888C-39.6821%2011.8877%20-40.0886%2011.4154%20-40.0886%2010.849C-40.0886%2010.4542%20-39.8912%2010.1017%20-39.5857%209.89491C-40.4881%205.62966%20-41.6185%200.868555%20-43.3034%200.868555C-45.1317%200.868555%20-46.3044%206.46156%20-47.2467%2010.9571H-47.2561H-47.2585ZM-8.2132%2020.1785C-8.85475%2020.1785%20-9.37411%2020.6979%20-9.37411%2021.3394V21.3465C-11.1296%2022.6907%20-12.0555%2027.0993%20-13.0237%2031.7217C-13.966%2036.2173%20-15.1387%2041.8103%20-16.967%2041.8103C-18.6613%2041.8103%20-19.7917%2037.0069%20-20.6988%2032.7275C-20.3768%2032.5231%20-20.1653%2032.1612%20-20.1653%2031.7499C-20.1653%2031.1718%20-20.5907%2030.6901%20-21.1476%2030.6055C-22.231%2025.4872%20-23.3472%2020.9258%20-25.7254%2020.9258C-28.2728%2020.9258%20-29.3726%2026.1687%20-30.5382%2031.7194C-31.4806%2036.2149%20-32.6532%2041.8079%20-34.4815%2041.8079C-36.3098%2041.8079%20-37.4825%2036.2149%20-38.4225%2031.7194C-39.393%2027.0946%20-40.3166%2022.686%20-42.072%2021.3441V21.3371C-42.072%2020.6955%20-42.5914%2020.1762%20-43.2329%2020.1762C-43.8745%2020.1762%20-44.3938%2020.6955%20-44.3938%2021.3371C-44.3938%2021.9786%20-43.8745%2022.498%20-43.2329%2022.498C-42.9251%2022.498%20-42.6454%2022.3758%20-42.4386%2022.1831C-41.0498%2023.4991%20-40.0886%2028.0957%20-39.2896%2031.9027C-38.1264%2037.4557%20-37.0289%2042.6962%20-34.4768%2042.6962C-31.9247%2042.6962%20-30.8273%2037.4534%20-29.664%2031.9027C-28.7217%2027.4071%20-27.549%2021.8141%20-25.7207%2021.8141C-24.0381%2021.8141%20-22.9101%2026.5541%20-22.0077%2030.8146C-22.2968%2031.0238%20-22.4848%2031.3669%20-22.4848%2031.7523C-22.4848%2032.3092%20-22.0947%2032.7745%20-21.573%2032.8873C-20.4802%2038.0573%20-19.3663%2042.6986%20-16.9693%2042.6986C-14.4219%2042.6986%20-13.3221%2037.4557%20-12.1565%2031.905C-11.3575%2028.098%20-10.394%2023.5038%20-9.00751%2022.1854C-8.80071%2022.3805%20-8.52105%2022.5003%20-8.2132%2022.5003C-7.57165%2022.5003%20-7.0523%2021.981%20-7.0523%2021.3394C-7.0523%2020.6979%20-7.57165%2020.1785%20-8.2132%2020.1785ZM1.4641%2029.9193H4.7165V18.1387L9.66795%2024.8527L14.758%2018.0212V29.9193H17.9634V12.957H14.9202L9.69144%2019.9506L4.64834%2012.957H1.4641V29.9193ZM24.6327%2029.9193H27.9321V22.8317L33.7202%2012.9546H30.1435L26.3083%2019.6944L22.4731%2012.9546H18.8705L24.6327%2022.7612V29.9193ZM39.3414%2029.9193H42.6408L46.1963%2017.9531L49.7284%2029.9193H52.9596L57.7936%2012.957H54.4942L51.3099%2024.7845L47.8014%2012.957H44.643L41.1109%2024.761L37.9972%2012.957H34.6273L39.3461%2029.9193H39.3437H39.3414ZM55.6081%2029.9193H58.978L60.0942%2026.829H67.1818L68.2981%2029.9193H71.668L65.2548%2012.957H62.0236L55.6104%2029.9193H55.6081ZM63.6474%2017.1165L66.0867%2023.8563H61.1823L63.6474%2017.1165ZM74.8969%2029.9193H78.1281L84.5413%2012.957H81.1032L76.5019%2025.553L71.9476%2012.957H68.4861L74.8992%2029.9193H74.8969ZM86.1651%2029.9193H97.5767V26.8055H89.4434V22.9492H97.5767V19.8589H89.4434V16.0496H97.5767V12.9593H86.1651V29.9216V29.9193ZM98.8152%2028.1991C98.8152%2029.3835%2099.6283%2030.2459%20100.836%2030.2459C102.044%2030.2459%20102.857%2029.3858%20102.857%2028.1991C102.857%2027.0123%20102.021%2026.1522%20100.836%2026.1522C99.6518%2026.1522%2098.8152%2027.01%2098.8152%2028.1991ZM108.206%2030.1754C110.18%2030.1754%20111.9%2029.2918%20112.807%2027.9899V29.9193H115.897V22.2042C115.897%2019.0458%20113.782%2017.1141%20110.088%2017.1141C107.275%2017.1141%20105.442%2018.2985%20104.164%2019.9717L107.115%2021.4358C107.696%2020.39%20108.65%2019.7861%20110.067%2019.7861C111.881%2019.7861%20112.786%2020.7167%20112.786%2022.0632V22.2254H109.487C106.001%2022.2254%20103.839%2023.8281%20103.839%2026.4319C103.839%2028.6385%20105.466%2030.1731%20108.208%2030.1731H108.206V30.1754ZM109.136%2027.527C107.813%2027.527%20107.184%2027.0617%20107.184%2026.1569C107.184%2025.1817%20107.95%2024.5754%20109.855%2024.5754H112.807V25.2475C112.18%2026.5964%20110.669%2027.5246%20109.136%2027.5246V27.527ZM117.984%2013.8406C117.984%2015.025%20118.821%2015.8874%20120.031%2015.8874C121.241%2015.8874%20122.099%2015.0273%20122.099%2013.8406C122.099%2012.6538%20121.262%2011.7491%20120.031%2011.7491C118.8%2011.7491%20117.984%2012.6327%20117.984%2013.8406ZM118.402%2029.9193H121.678V17.3703H118.402V29.9193Z'%20fill='url(%23paint0_linear_2_6)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2_6'%20x1='-46.8848'%20y1='26.9606'%20x2='118.743'%20y2='3.82957'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%230565FF'/%3e%3cstop%20offset='0.13'%20stop-color='%230A62FA'/%3e%3cstop%20offset='0.3'%20stop-color='%231B5BEE'/%3e%3cstop%20offset='0.49'%20stop-color='%233650DA'/%3e%3cstop%20offset='0.7'%20stop-color='%235C40BE'/%3e%3cstop%20offset='0.92'%20stop-color='%238C2C9B'/%3e%3cstop%20offset='1'%20stop-color='%23A0248D'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  --mw-sidebar-logo-position: center;
  --mw-sidebar-logo-icon: url("data:image/svg+xml,%3csvg%20width='46'%20height='44'%20viewBox='0%200%2046%2044'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.0661%201.64446C11.7219%201.64446%2012.8279%206.43636%2013.7164%2010.7328C13.4196%2010.943%2013.223%2011.2969%2013.223%2011.6959C13.223%2012.2664%2013.6224%2012.7405%2014.1492%2012.8434C15.2176%2018.0322%2016.3131%2022.6761%2018.6588%2022.6761C21.1614%2022.6761%2022.2402%2017.3951%2023.3817%2011.8053C24.3058%207.27934%2025.4577%201.64446%2027.2515%201.64446C29.0453%201.64446%2030.1973%207.2772%2031.1214%2011.8053C32.0726%2016.462%2032.98%2020.9022%2034.7048%2022.2556C34.7048%2022.2578%2034.7048%2022.2599%2034.7048%2022.2621C34.7048%2022.9077%2035.2149%2023.4311%2035.8442%2023.4311C36.4735%2023.4311%2036.9837%2022.9077%2036.9837%2022.2621C36.9837%2021.6164%2036.4735%2021.0931%2035.8442%2021.0931C35.5432%2021.0931%2035.2693%2021.2132%2035.0644%2021.4105C33.7034%2020.0849%2032.7563%2015.456%2031.9744%2011.6229C30.8329%206.0331%2029.7541%200.752145%2027.2515%200.752145C24.749%200.752145%2023.6702%206.0331%2022.5287%2011.6229C21.6046%2016.1489%2020.4526%2021.7838%2018.6588%2021.7838C17.0009%2021.7838%2015.8908%2016.9683%2015.0022%2012.6654C15.3054%2012.4552%2015.504%2012.0991%2015.504%2011.6959C15.504%2011.121%2015.1005%2010.6448%2014.5694%2010.5462C13.5032%205.3703%2012.4077%200.75%2010.0661%200.75C7.56357%200.75%206.48477%206.03096%205.34326%2011.6208C4.55925%2015.456%203.61427%2020.0828%202.25323%2021.4084C2.04834%2021.211%201.77656%2021.0909%201.47341%2021.0909C0.844111%2021.0909%200.333984%2021.6143%200.333984%2022.2599C0.333984%2022.9056%200.844111%2023.429%201.47341%2023.429C2.1027%2023.429%202.61283%2022.9056%202.61283%2022.2599C2.61283%2022.2578%202.61283%2022.2556%202.61283%2022.2535C4.33555%2020.9%205.245%2016.4599%206.19626%2011.8031C7.12034%207.2772%208.27231%201.64231%2010.0661%201.64231V1.64446Z'%20fill='%230565FF'/%3e%3cpath%20d='M44.5202%2021.093C43.8909%2021.093%2043.3807%2021.6163%2043.3807%2022.262C43.3807%2022.2641%2043.3807%2022.2663%2043.3807%2022.2684C41.658%2023.6219%2040.7486%2028.062%2039.7973%2032.7188C38.8732%2037.2447%2037.7213%2042.8796%2035.9275%2042.8796C34.2654%2042.8796%2033.1552%2038.0448%2032.2646%2033.7334C32.5803%2033.5253%2032.7893%2033.1628%2032.7893%2032.7488C32.7893%2032.1654%2032.3712%2031.6828%2031.8255%2031.5948C30.7614%2026.4404%2029.6659%2021.848%2027.3327%2021.848C24.8301%2021.848%2023.7513%2027.129%2022.6098%2032.7188C21.6857%2037.2447%2020.5337%2042.8796%2018.7399%2042.8796C16.9461%2042.8796%2015.7942%2037.2469%2014.8701%2032.7188C13.9188%2028.062%2013.0115%2023.6219%2011.2867%2022.2684C11.2867%2022.2663%2011.2867%2022.2641%2011.2867%2022.262C11.2867%2021.6163%2010.7765%2021.093%2010.1472%2021.093C9.51794%2021.093%209.00781%2021.6163%209.00781%2022.262C9.00781%2022.9076%209.51794%2023.431%2010.1472%2023.431C10.4483%2023.431%2010.7222%2023.3109%2010.9271%2023.1135C12.2881%2024.4391%2013.2352%2029.068%2014.0171%2032.9011C15.1586%2038.491%2016.2374%2043.7719%2018.7399%2043.7719C21.2425%2043.7719%2022.3213%2038.491%2023.4628%2032.9011C24.3869%2028.3752%2025.5388%2022.7403%2027.3327%2022.7403C28.9843%2022.7403%2030.0903%2027.5129%2030.9767%2031.8029C30.6924%2032.0152%2030.5084%2032.3584%2030.5084%2032.7467C30.5084%2033.3065%2030.8931%2033.7741%2031.4053%2033.89C32.4778%2039.098%2033.5713%2043.7719%2035.9254%2043.7719C38.4279%2043.7719%2039.5067%2038.491%2040.6482%2032.9011C41.4322%2029.0659%2042.3772%2024.4391%2043.7382%2023.1135C43.9431%2023.3109%2044.2149%2023.431%2044.5181%2023.431C45.1474%2023.431%2045.6575%2022.9076%2045.6575%2022.262C45.6575%2021.6163%2045.1474%2021.093%2044.5181%2021.093H44.5202Z'%20fill='%230565FF'/%3e%3c/svg%3e");
  --mw-login-modal-image: var(--mw-app-logo);
  --mw-error-modal-image: var(--mw-app-logo);
  --mw-landing-page-logo-position-login: center;
  --mw-scrollbar-bg: #e5e3e3;
  --mw-scrollbar-hover-bg: #d6d4d4;
  --mw-scrollbar-active-bg: #cccaca;
  --mw-cross-icon-size: 1.25rem;
  --mw-icon-size: 1.5rem;
  --mw-date-highlight-radius: 0.5rem;
  --mw-date-hover-bg: #7dc8eb;
  --mw-date-hover-color: var(--mw-color-text);
  --mw-date-selected-bg: var(--mw-color-primary);
  --mw-date-selected-color: var(--mw-color-text-reversed);
  --mw-interaction-fields-padding: 0 0.75rem;
  --mw-rich-content-window-background: var(--mw-color-surface);
  --mw-conversation-max-width: 53.75rem;
}

@media (min-width: 768px) {
  :root {
    --mw-interaction-fields-padding: 0 1rem;
    --mw-sidebar-logo-position: left;
  }
}
:root {
  --mw-regular: 400;
  --mw-medium: 500;
  --mw-semi-bold: 600;
  --mw-bold: 700;
  --mw-text-2: var(--mw-semi-bold) 1.25rem/1.5rem var(--mw-font-family);
  --mw-text-3: var(--mw-medium) 1rem/1.25rem var(--mw-font-family);
  --mw-text-4: var(--mw-regular) 0.875rem/1.125rem var(--mw-font-family);
  --mw-text-5: var(--mw-medium) 0.75rem/1rem var(--mw-font-family);
  --mw-text-6: var(--mw-medium) 0.625rem/0.875rem var(--mw-font-family);
  --mw-text-1: var(--mw-regular) 1rem/1.5rem var(--mw-font-family);
}

.mw-App-border-box, .mw-App-root {
  box-sizing: border-box;
}
.mw-App-border-box *, .mw-App-root *,
.mw-App-border-box *:before,
.mw-App-root *:before,
.mw-App-border-box *:after,
.mw-App-root *:after {
  box-sizing: inherit;
}

@keyframes mw-App-flipIn {
  from {
    transform: translateZ(-20rem) rotateY(90deg);
  }
  to {
    transform: rotateY(0);
  }
}
@keyframes mw-App-flipOut {
  from {
    transform: rotateY(0);
  }
  to {
    transform: translateZ(-20rem) rotateY(-90deg);
  }
}
@keyframes mw-App-blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mw-App-loadingScale {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(2, 2);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes mw-App-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-App-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mw-App-showAfter80percentage {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes mw-App-loading-dot-1-animation {
  0%, 29.9%, 100% {
    opacity: 0;
  }
  30%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-App-loading-dot-2-animation {
  0%, 59.9%, 100% {
    opacity: 0;
  }
  60%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-App-loading-dot-3-animation {
  0%, 89.9%, 100% {
    opacity: 0;
  }
  90%, 99.9% {
    opacity: 1;
  }
}
@keyframes mw-App-sparkleFade {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.mw-App-root {
  display: grid;
  grid-template: auto 1fr/1fr;
  font: var(--mw-text-1);
  color: var(--mw-color-text);
  background: var(--mw-color-surface);
  height: 100vh;
}
.mw-App-root h1,
.mw-App-root h2,
.mw-App-root h3,
.mw-App-root h4,
.mw-App-root h5,
.mw-App-root h6,
.mw-App-root p {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .mw-App-root {
    grid-template: 1fr/min-content 1fr;
  }
}

.mw-App-main {
  position: relative;
  overflow: auto;
  padding-top: 6rem;
  mask-image: linear-gradient(to bottom, transparent 0%, white 20%, white 100%);
}
@media only screen and (min-width: 768px) {
  .mw-App-main {
    padding-top: 0;
    mask-image: none;
  }
}

.mw-App-loading {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-end: 1rem;
  animation: mw-App-blinker 1.7s cubic-bezier(0.5, 0, 1, 1) infinite;
}.mw-TextArea-input-colors, .mw-TextArea-base-input, .mw-TextArea-textarea {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-TextArea-input-colors::placeholder, .mw-TextArea-base-input::placeholder, .mw-TextArea-textarea::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-TextArea-input-colors:focus, .mw-TextArea-base-input:focus, .mw-TextArea-textarea:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-TextArea-input-colors:disabled, .mw-TextArea-base-input:disabled, .mw-TextArea-textarea:disabled {
  opacity: 0.5;
}

.mw-TextArea-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-TextArea-base-input, .mw-TextArea-textarea {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-TextArea-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-TextArea-textarea {
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

.mw-TextArea-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-TextArea-readOnly {
  color: var(--mw-color-text-secondary);
  cursor: not-allowed;
  opacity: 0.7;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.mw-TextInput-input-colors, .mw-TextInput-base-input, .mw-TextInput-input {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-TextInput-input-colors::placeholder, .mw-TextInput-base-input::placeholder, .mw-TextInput-input::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-TextInput-input-colors:focus, .mw-TextInput-base-input:focus, .mw-TextInput-input:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-TextInput-input-colors:disabled, .mw-TextInput-base-input:disabled, .mw-TextInput-input:disabled {
  opacity: 0.5;
}

.mw-TextInput-base-label, .mw-TextInput-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-TextInput-base-input, .mw-TextInput-input {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-TextInput-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-TextInput-readOnly {
  color: var(--mw-color-text-secondary);
  cursor: not-allowed;
  opacity: 0.7;
}.mw-DateInput-input-colors, .mw-DateInput-base-input, .mw-DateInput-dateInput {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-DateInput-input-colors::placeholder, .mw-DateInput-base-input::placeholder, .mw-DateInput-dateInput::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-DateInput-input-colors:focus, .mw-DateInput-base-input:focus, .mw-DateInput-dateInput:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-DateInput-input-colors:disabled, .mw-DateInput-base-input:disabled, .mw-DateInput-dateInput:disabled {
  opacity: 0.5;
}

.mw-DateInput-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-DateInput-base-input, .mw-DateInput-dateInput {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-DateInput-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-DateInput-dateInputWrapper {
  width: 100%;
}

.mw-DateInput-dateInput {
  position: relative;
}

.mw-DateInput-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}.mw-DocumentProcessing-inputs {
  display: grid;
  grid-template-columns: auto;
  gap: 1rem;
}

.mw-DocumentProcessing-error {
  color: var(--mw-color-error);
}.mw-Pill-root {
  --mw-select-pill-selected-bg: var(--mw-color-primary-alt);
  --mw-select-pill-selected-content-line-height: auto;
  --mw-select-pill-selected-cross-icon-gap: 0.75rem;
  --mw-select-pill-selected-gap: 0.3rem;
  --mw-select-pill-selected-padding-block: 0.25rem;
  --mw-select-pill-selected-padding-inline: 0.75rem 0.5rem;
  --mw-select-pill-selected-color: var(--mw-color-text);
  position: relative;
  display: flex;
  align-items: center;
  background: var(--mw-select-pill-selected-bg);
  color: var(--mw-select-pill-selected-color);
  border-radius: var(--mw-border-radius);
  margin-inline-end: var(--mw-select-pill-selected-gap);
  padding-block: var(--mw-select-pill-selected-padding-block);
  padding-inline: var(--mw-select-pill-selected-padding-inline);
}
.mw-Pill-root .mw-Pill-content {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--mw-select-pill-selected-content-line-height);
}
.mw-Pill-root .mw-Pill-crossIcon {
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
  background: transparent;
  width: 1.25rem;
  display: grid;
  flex: 0 0 1.25rem;
  cursor: pointer;
  margin-inline-start: var(--mw-select-pill-selected-cross-icon-gap);
}
.mw-Pill-root .mw-Pill-crossIcon:focus {
  outline: 1px solid var(--mw-color-outline-focus);
  border-radius: var(--mw-border-radius);
}.mw-Pills-root {
  width: inherit;
  position: relative;
  display: flex;
  row-gap: 0.5rem;
  flex: auto;
  flex-wrap: wrap;
  margin-inline-end: 2rem;
}.mw-Combobox-input-colors, .mw-Combobox-base-input, .mw-Combobox-controlContainer, .mw-Combobox-selectTrigger, .mw-Combobox-filterWrapper {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-Combobox-input-colors::placeholder, .mw-Combobox-base-input::placeholder, .mw-Combobox-controlContainer::placeholder, .mw-Combobox-selectTrigger::placeholder, .mw-Combobox-filterWrapper::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-Combobox-input-colors:focus, .mw-Combobox-base-input:focus, .mw-Combobox-controlContainer:focus, .mw-Combobox-selectTrigger:focus, .mw-Combobox-filterWrapper:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-Combobox-input-colors:disabled, .mw-Combobox-base-input:disabled, .mw-Combobox-controlContainer:disabled, .mw-Combobox-selectTrigger:disabled, .mw-Combobox-filterWrapper:disabled {
  opacity: 0.5;
}

.mw-Combobox-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-Combobox-base-input, .mw-Combobox-controlContainer, .mw-Combobox-selectTrigger, .mw-Combobox-filterWrapper {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-Combobox-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-Combobox-mw-button-base {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

.mw-Combobox-root {
  width: 100%;
  position: relative;
}
.mw-Combobox-root * {
  box-sizing: border-box;
}

.mw-Combobox-controlContainer, .mw-Combobox-filterWrapper, .mw-Combobox-selectTrigger {
  --mw-select-filter-font-size: 1rem;
  --mw-select-filter-hint-color: var(--mw-field-placeholder-color);
  --mw-select-arrow-color: var(--mw-color-primary);
  position: relative;
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  padding-block: 0.5rem;
  padding-inline: 1.5rem 0.75rem;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.mw-Combobox-selectTrigger:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-Combobox-selectTrigger:has(.mw-Combobox-iconContainer:focus) {
  outline: 1px solid var(--mw-color-outline-focus);
}

.mw-Combobox-lessPadding {
  padding: 0.5rem;
}

.mw-Combobox-filterWrapper {
  flex-wrap: wrap;
}

.mw-Combobox-iconContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0.25rem 0;
  color: var(--mw-select-arrow-color);
  background-color: transparent;
  outline: none;
  border-radius: 50%;
}
.mw-Combobox-iconContainer svg {
  width: 1.25rem;
}
.mw-Combobox-iconContainer:focus {
  border-color: var(--mw-color-outline-focus);
}

@keyframes mw-Combobox-arrowUp {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes mw-Combobox-arrowDown {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.mw-Combobox-arrowDown {
  animation: mw-Combobox-arrowDown 0.15s ease-in-out;
}

.mw-Combobox-arrowUp {
  transform: rotate(180deg);
  animation: mw-Combobox-arrowUp 0.15s ease-in-out;
}

@keyframes mw-Combobox-open-options {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}.mw-ComboboxClosedNodeContent-hint {
  display: flex;
  align-items: center;
  color: var(--mw-select-filter-hint-color);
}.mw-ComboboxDropDownList-listContainer {
  --mw-select-border-radius: var(--mw-border-radius-1);
  --mw-select-option-padding: 0.5rem 1rem;
  --mw-select-max-height: 17.5rem;
  --mw-select-bg: var(--mw-color-surface);
  --mw-select-option-color: var(--mw-color-text);
  --mw-select-option-border-radius: var(--mw-border-radius-3);
  --mw-select-option-hover-bg: hsl(from var(--mw-select-bg) h s calc(l - 5));
  --mw-select-option-selected-bg: hsl(from var(--mw-select-bg) h s calc(l - 8));
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 105%;
  inset-inline-end: 0;
  background: var(--mw-select-bg);
  border-radius: var(--mw-select-border-radius);
  padding: 0;
  margin: 0;
  border: none;
  color: var(--mw-select-option-color);
  max-height: var(--mw-select-max-height);
  overflow: auto;
  z-index: 1;
  animation: mw-ComboboxDropDownList-open-options 0.15s ease-in;
}
.mw-ComboboxDropDownList-listContainer:has(ul[style*="display: block"]) {
  border: 1px solid var(--mw-color-outline);
  overflow: hidden;
}
.mw-ComboboxDropDownList-listContainer:focus {
  outline: none;
  border: 1px solid var(--mw-color-outline-focus);
}
.mw-ComboboxDropDownList-listContainer ul::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-ComboboxDropDownList-listContainer ul::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-ComboboxDropDownList-listContainer ul::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-ComboboxDropDownList-listContainer ul::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}
.mw-ComboboxDropDownList-listContainer ul {
  margin: 0;
  padding: 0;
  border: none;
  max-height: var(--mw-select-max-height);
  overflow: auto;
}
.mw-ComboboxDropDownList-listContainer li {
  margin: 0.1rem 0;
  padding: var(--mw-select-option-padding);
  color: var(--mw-select-option-selected-color);
  font: var(--mw-text-1);
  cursor: pointer;
  border-radius: var(--mw-select-option-border-radius);
  border: 2px solid transparent;
  box-sizing: border-box;
}
.mw-ComboboxDropDownList-listContainer li:hover {
  background: var(--mw-select-option-hover-bg);
}
.mw-ComboboxDropDownList-listContainer li:focus {
  border: 2px solid var(--mw-color-outline-focus);
  outline: none;
}
.mw-ComboboxDropDownList-listContainer li.mw-ComboboxDropDownList-selected {
  background: var(--mw-select-option-selected-bg);
}
.mw-ComboboxDropDownList-listContainer ul {
  padding: 0.5rem;
}.mw-ComboboxFilterInput-filterInput {
  flex: 1 1 auto;
  border: none;
  outline: none;
  font: inherit;
  letter-spacing: inherit;
  font-size: var(--mw-select-filter-font-size);
  background: transparent;
}
.mw-ComboboxFilterInput-filterInput::placeholder {
  color: var(--mw-select-filter-hint-color);
}.mw-Dropdown-input-colors, .mw-Dropdown-base-input {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-Dropdown-input-colors::placeholder, .mw-Dropdown-base-input::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-Dropdown-input-colors:focus, .mw-Dropdown-base-input:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-Dropdown-input-colors:disabled, .mw-Dropdown-base-input:disabled {
  opacity: 0.5;
}

.mw-Dropdown-base-label, .mw-Dropdown-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-Dropdown-base-input {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-Dropdown-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-Dropdown-nowrap > button > p {
  white-space: nowrap;
  overflow-x: hidden;
}.mw-Table-tableContainer {
  border-radius: var(--mw-border-radius-base);
  border: 1px solid var(--mw-color-outline);
  padding: 1.25rem 1.5rem;
}

.mw-Table-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.mw-Table-table th,
.mw-Table-table td {
  border-top: 1px solid var(--mw-color-field);
  padding: 0.625rem;
  vertical-align: top;
}

.mw-Table-table th {
  text-align: start;
  border: none;
  font: var(--mw-text-1);
  font-weight: var(--mw-semi-bold);
}

.mw-Table-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: var(--mw-color-surface-on-surface-default);
  border-radius: var(--mw-border-radius1);
  list-style: none;
  width: fit-content;
  margin: 1.5rem auto 0 auto;
}

.mw-Table-pageItem {
  display: flex;
}

.mw-Table-pageLink {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--mw-border-radius-base);
  font: var(--mw-text-4);
  color: var(--mw-color-text-secondary);
  cursor: pointer;
  text-decoration: none;
}

.mw-Table-active .mw-Table-pageLink {
  background: var(--mw-color-primary);
  color: var(--mw-color-text-reversed);
}

.mw-Table-disabled .mw-Table-pageLink {
  cursor: not-allowed;
  opacity: 0.4;
}
.mw-Table-disabled .mw-Table-pageLink:hover {
  background: transparent;
  color: var(--mw-color-text-secondary);
}

.mw-Table-arrowIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
}
.mw-Table-arrowIcon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}.mw-Choice-option {
  --mw-option-bg: var(--mw-color-field);
  --mw-option-hover-bg: hsl(from var(--mw-option-bg) h s calc(l + 3));
  --mw-option-hover-color: var(--mw-option-button-color);
  --mw-option-selected-bg: hsl(from var(--mw-color-primary) h s calc(l + 36));
  --mw-option-selected-color: var(--mw-color-text);
  --mw-empty-color: hsl(from var(--mw-color-text) h s calc(l + 60));
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mw-Choice-label {
  display: inline-block;
  font: var(--mw-text-1);
  border-radius: var(--mw-border-radius);
  padding: 0.75rem 1.5rem;
  background: var(--mw-option-bg);
  cursor: pointer;
  border: none;
  font-size: 1rem;
}

@media not (pointer: coarse) {
  .mw-Choice-label:hover {
    background: var(--mw-option-hover-bg);
    color: var(--mw-option-hover-color);
  }
  .mw-Choice-inputContainer input:focus + label {
    outline: 1px solid var(--mw-color-outline-focus);
    outline-offset: -1px;
  }
}
.mw-Choice-inputContainer input:checked + label {
  background: var(--mw-option-selected-bg);
  color: var(--mw-option-selected-color);
}

.mw-Choice-inputContainer input {
  position: absolute;
  height: 2rem;
  width: 2rem;
  margin: -0.5rem;
  outline: none;
  opacity: 0;
}

.mw-Choice-inputContainer input:disabled + label {
  cursor: default;
}

.mw-Choice-empty {
  color: var(--mw-empty-color);
  font-style: italic;
  font-size: 0.9rem;
}.mw-InteractionAnswers-root {
  --mw-answer-color: var(--mw-color-text);
  --mw-answer-bg: var(--mw-color-field);
  --mw-answer-pill-bg: hsl(from var(--mw-answer-bg) h s calc(l - 8));
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
}

.mw-InteractionAnswers-withNoMaxWidth {
  max-width: none;
  width: 100%;
  overflow: scroll;
  padding: 0;
  margin: 0;
}

.mw-InteractionAnswers-submittedAnswer {
  padding: 0.75rem 1.5rem;
  color: var(--mw-answer-color);
  background: var(--mw-answer-bg);
  border-radius: var(--mw-border-radius);
  width: fit-content;
}

.mw-InteractionAnswers-description {
  font-size: 0.75rem;
  padding-inline-start: 1.5rem;
}

.mw-InteractionAnswers-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.mw-InteractionAnswers-pill {
  padding: 0.75rem 1.5rem;
  background: var(--mw-answer-pill-bg);
  border-radius: var(--mw-border-radius);
  color: var(--mw-answer-color);
  width: fit-content;
}.mw-InteractionField-root {
  width: 100%;
  position: relative;
  --field-outline-color: transparent;
  --field-background: var(--mw-field-bg);
  --mw-field-focused-outline: var(--mw-color-outline-focus);
}

.mw-InteractionField-root:has(.mw-InteractionField-errorMessage) {
  --field-outline-color: var(--mw-color-error);
  --field-background: var(--mw-color-error-field);
}
.mw-InteractionField-root:has(.mw-InteractionField-errorMessage):focus-within {
  --mw-field-focused-outline: var(--mw-color-error);
}

.mw-InteractionField-root:first-child {
  margin-top: 0;
}
.mw-InteractionField-root:first-child .mw-InteractionField-noDescription {
  position: absolute;
  inset-block-end: 100%;
}

.mw-InteractionField-description {
  margin-block: 0 0.5rem;
  margin-inline: 1.5rem 0;
}
.mw-InteractionField-description > label {
  margin-inline-end: 0.5em;
  font: var(--mw-text-4);
}

.mw-InteractionField-field {
  display: block;
}

.mw-InteractionField-errorMessage {
  color: var(--mw-color-error);
  font-size: 90%;
}

.mw-InteractionField-hint {
  color: var(--mw-color-text-secondary);
}

.mw-InteractionField-label {
  --mw-field-label-color: hsl(from var(--mw-color-text) h s calc(l + 40));
  color: var(--mw-field-label-color);
}
.mw-InteractionField-multipleFields .mw-InteractionField-label {
  font-size: 0.75rem;
}.mw-InteractionConfirmationField-mw-button-base, .mw-InteractionConfirmationField-negativeAnswer, .mw-InteractionConfirmationField-positiveAnswer {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

.mw-InteractionConfirmationField-root {
  margin-top: -1rem;
  display: flex;
  position: relative;
  gap: 0.5rem;
  flex-direction: column-reverse;
}
@media only screen and (min-width: 768px) {
  .mw-InteractionConfirmationField-root {
    gap: 0.5rem;
    flex-direction: row;
  }
}
.mw-InteractionConfirmationField-root button,
.mw-InteractionConfirmationField-root input {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.mw-InteractionConfirmationField-root label {
  position: relative;
  cursor: pointer;
}
@media only screen and (min-width: 768px) {
  .mw-InteractionConfirmationField-root label {
    min-width: 6.25rem;
    max-width: 50%;
  }
  .mw-InteractionConfirmationField-root label > span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.mw-InteractionConfirmationField-root label input:focus + span {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
  border-color: var(--mw-button-hover-color);
}

.mw-InteractionConfirmationField-negativeAnswer {
  --mw-button-color: var(--mw-color-primary);
  --mw-button-bg: transparent;
  --mw-button-hover-color: hsl(from var(--mw-color-primary) h s calc(l - 5));
  --mw-button-hover-bg: hsl(from var(--mw-button-hover-color) h s l / 5%);
  --mw-button-active-color: hsl(from var(--mw-color-primary) h s calc(l - 10));
  --mw-button-active-bg: hsl(from var(--mw-button-active-color) h s l / 5%);
  --mw-button-disabled-color: hsl(
    from var(--mw-color-primary) h 0 calc(l + 25)
  );
  --mw-button-disabled-bg: transparent;
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
  border: 1px solid var(--mw-button-color);
}
.mw-InteractionConfirmationField-negativeAnswer:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
  border-color: var(--mw-button-hover-color);
}
.mw-InteractionConfirmationField-negativeAnswer:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-InteractionConfirmationField-negativeAnswer:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
  border-color: var(--mw-button-active-color);
}
.mw-InteractionConfirmationField-negativeAnswer:disabled {
  color: var(--mw-button-disabled-color);
  background: var(--mw-button-disabled-bg);
  border-color: var(--mw-button-disabled-color);
  cursor: unset;
}

.mw-InteractionConfirmationField-positiveAnswer {
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
}
.mw-InteractionConfirmationField-positiveAnswer:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
}
.mw-InteractionConfirmationField-positiveAnswer:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-InteractionConfirmationField-positiveAnswer:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
}
.mw-InteractionConfirmationField-positiveAnswer:disabled {
  background: var(--mw-button-disabled-bg);
  cursor: unset;
}.mw-InteractionCurrencyField-input-colors, .mw-InteractionCurrencyField-base-input, .mw-InteractionCurrencyField-input {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-InteractionCurrencyField-input-colors::placeholder, .mw-InteractionCurrencyField-base-input::placeholder, .mw-InteractionCurrencyField-input::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-InteractionCurrencyField-input-colors:focus, .mw-InteractionCurrencyField-base-input:focus, .mw-InteractionCurrencyField-input:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-InteractionCurrencyField-input-colors:disabled, .mw-InteractionCurrencyField-base-input:disabled, .mw-InteractionCurrencyField-input:disabled {
  opacity: 0.5;
}

.mw-InteractionCurrencyField-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-InteractionCurrencyField-base-input, .mw-InteractionCurrencyField-input {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-InteractionCurrencyField-base-textarea {
  width: 100%;
  min-height: 6em;
}.mw-TextInput-input-colors, .mw-TextInput-base-input, .mw-TextInput-root {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-TextInput-input-colors::placeholder, .mw-TextInput-base-input::placeholder, .mw-TextInput-root::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-TextInput-input-colors:focus, .mw-TextInput-base-input:focus, .mw-TextInput-root:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-TextInput-input-colors:disabled, .mw-TextInput-base-input:disabled, .mw-TextInput-root:disabled {
  opacity: 0.5;
}

.mw-TextInput-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-TextInput-base-input, .mw-TextInput-root {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-TextInput-base-textarea, textarea.mw-TextInput-root {
  width: 100%;
  min-height: 6em;
}

.mw-TextInput-root {
  flex: 1;
}

.mw-TextInput-right {
  text-align: end;
}

.mw-TextInput-wrapper {
  display: flex;
  line-height: 1.4;
  width: 100%;
  border-radius: var(--mw-border-radius);
  margin: 0;
  padding: 0;
}.mw-InteractionLookupField-root {
  position: relative;
}
.mw-InteractionLookupField-root .mw-InteractionLookupField-errorText {
  color: var(--mw-color-error);
  font-size: var(--mw-small-font);
}

.mw-InteractionLookupField-dropdown {
  --mw-select-border-radius: var(--mw-border-radius-1);
  --mw-select-option-padding: 0.5rem 1rem;
  --mw-select-max-height: 17.5rem;
  --mw-select-bg: var(--mw-color-surface);
  --mw-select-option-color: var(--mw-color-text);
  --mw-select-option-border-radius: var(--mw-border-radius-3);
  --mw-select-option-hover-bg: hsl(from var(--mw-select-bg) h s calc(l - 5));
  --mw-select-option-selected-bg: hsl(from var(--mw-select-bg) h s calc(l - 8));
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 105%;
  inset-inline-end: 0;
  background: var(--mw-select-bg);
  border-radius: var(--mw-select-border-radius);
  padding: 0;
  margin: 0;
  border: none;
  color: var(--mw-select-option-color);
  max-height: var(--mw-select-max-height);
  overflow: auto;
  z-index: 1;
  animation: mw-InteractionLookupField-open-options 0.15s ease-in;
}
.mw-InteractionLookupField-dropdown:has(ul[style*="display: block"]) {
  border: 1px solid var(--mw-color-outline);
  overflow: hidden;
}
.mw-InteractionLookupField-dropdown:focus {
  outline: none;
  border: 1px solid var(--mw-color-outline-focus);
}
.mw-InteractionLookupField-dropdown ul::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-InteractionLookupField-dropdown ul::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-InteractionLookupField-dropdown ul::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-InteractionLookupField-dropdown ul::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}
.mw-InteractionLookupField-dropdown ul {
  margin: 0;
  padding: 0;
  border: none;
  max-height: var(--mw-select-max-height);
  overflow: auto;
}
.mw-InteractionLookupField-dropdown li {
  margin: 0.1rem 0;
  padding: var(--mw-select-option-padding);
  color: var(--mw-select-option-selected-color);
  font: var(--mw-text-1);
  cursor: pointer;
  border-radius: var(--mw-select-option-border-radius);
  border: 2px solid transparent;
  box-sizing: border-box;
}
.mw-InteractionLookupField-dropdown li:hover {
  background: var(--mw-select-option-hover-bg);
}
.mw-InteractionLookupField-dropdown li:focus {
  border: 2px solid var(--mw-color-outline-focus);
  outline: none;
}
.mw-InteractionLookupField-dropdown li.mw-InteractionLookupField-selected {
  background: var(--mw-select-option-selected-bg);
}
.mw-InteractionLookupField-dropdown {
  padding: 0.5rem;
  border: 1px solid var(--mw-color-outline);
  overflow: visible;
}
.mw-InteractionLookupField-dropdown:after {
  content: " ";
  position: sticky;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: -0.5rem;
  height: 1.6rem;
  margin-top: -1rem;
  background: linear-gradient(180deg, rgba(var(--mw-select-bg), 0) 0%, rgba(var(--mw-select-bg), 1) 100%);
  display: block;
}
.mw-InteractionLookupField-dropdown .mw-InteractionLookupField-placeholder {
  height: 0;
  margin-top: -1.25rem;
}.mw-InteractionMultiSelectField-root {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}.mw-ChoiceGroup-root {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}.mw-InteractionMultipleChoicesField-inputContainer {
  margin-block: 0.5rem 0;
  margin-inline: 0;
}
.mw-InteractionMultipleChoicesField-inputContainer input {
  padding-block: 0.75rem;
  padding-inline: 1.5rem 0.75rem;
}.mw-RichContentChoiceView-root {
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .mw-RichContentChoiceView-root {
    padding: var(--mw-interaction-fields-padding);
  }
}

.mw-RichContentChoiceView-topPadding {
  padding-top: 1rem;
}

.mw-RichContentChoiceView-optionCheck,
.mw-RichContentChoiceView-hide {
  margin: -0.7rem;
  opacity: 0;
}

.mw-RichContentChoiceView-option {
  display: flex;
  justify-content: center;
  position: relative;
}

.mw-RichContentChoiceView-button {
  display: flex;
  align-items: center;
  color: var(--mw-color-text-reversed);
  background: transparent;
  padding: 0;
}

.mw-RichContentChoiceView-extendIcon {
  margin-inline-start: 1rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: var(--mw-color-text-reversed);
}
.mw-RichContentChoiceView-extendIcon > svg {
  width: 1.8rem;
  height: 1.8rem;
  transform: rotate(90deg);
}
.mw-RichContentChoiceView-extendIcon .mw-RichContentChoiceView-errorText {
  color: var(--mw-color-error);
  font-size: var(--mw-small-font);
}

.mw-RichContentChoiceView-content {
  overflow: scroll;
  display: flex;
  flex-direction: row;
  scroll-behavior: smooth;
  padding-block: 0;
  padding-inline: calc((100% - var(--mw-conversation-max-width)) / 2);
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.mw-RichContentChoiceView-content::-webkit-scrollbar {
  display: none;
}
.mw-RichContentChoiceView-content {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.mw-RichContentChoiceView-window {
  position: absolute;
  inset-block-start: 0;
  width: calc((100% - var(--mw-conversation-max-width)) / 2);
  background-color: var(--mw-rich-content-window-background);
  z-index: 1;
  height: 100%;
  opacity: 0.7;
}

.mw-RichContentChoiceView-left {
  inset-inline-start: 0;
}

.mw-RichContentChoiceView-right {
  inset-inline-end: 0;
}

.mw-RichContentChoiceView-optionLabel {
  margin-inline-start: 0.25rem;
}
.mw-RichContentChoiceView-optionLabel:focus {
  outline: none;
}

.mw-RichContentChoiceView-centerContent {
  justify-content: space-evenly;
}.mw-InteractionRichContentField-root {
  width: 100%;
}.mw-InteractionCustomField-interactionCustomField {
  max-width: 100vw;
}
@media only screen and (min-width: 768px) {
  .mw-InteractionCustomField-interactionCustomField {
    max-width: unset;
  }
}.mw-interactionFields-root {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
}.mw-InteractionConfirmDetailsField-label {
  line-height: 1.4;
}@keyframes mw-ConfirmDetailsForm-interaction-fade-in {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mw-ConfirmDetailsForm-root {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 1rem;
  padding: 1rem 0;
}

.mw-ConfirmDetailsForm-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.mw-ConfirmDetailsForm-fieldsFadeIn {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: mw-ConfirmDetailsForm-interaction-fade-in 0.5s ease-out 0.3s forwards;
}

.mw-ConfirmDetailsForm-btnGroup {
  display: flex;
  gap: 0.5em;
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
}

.mw-ConfirmDetailsForm-btnGroupFadeIn {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: mw-ConfirmDetailsForm-interaction-fade-in 0.5s ease-out 0.6s forwards;
}@keyframes mw-InteractionView-interaction-fade-in {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.mw-InteractionView-root {
  margin: 0;
}

.mw-InteractionView-answered {
  opacity: 0.3;
}

.mw-InteractionView-layoutRow {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.mw-InteractionView-prompt {
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
}
.mw-InteractionView-prompt p {
  font-size: 1rem;
  line-height: 1.4;
}
.mw-InteractionView-prompt p + p {
  margin-top: 1.5rem;
}
.mw-InteractionView-prompt > .mw-InteractionView-promptInner {
  padding: 1.75rem 1.5rem;
  border-radius: var(--mw-border-radius);
  font-weight: var(--mw-regular);
  display: inline-block;
}
.mw-InteractionView-prompt.mw-InteractionView-withNoTopMargin {
  margin-top: 0;
}

.mw-InteractionView-promptFadeIn {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: mw-InteractionView-interaction-fade-in 0.5s ease-out 0s forwards;
}

.mw-InteractionView-errorMessage {
  color: var(--mw-color-error);
  font-size: 90%;
}

.mw-InteractionView-fields {
  position: relative;
  display: flex;
  justify-content: center;
}

.mw-InteractionView-interactionFieldsForm {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 1rem;
  padding: 1rem 0;
}

.mw-InteractionView-hideFieldOpacity {
  opacity: 0;
  height: 0rem;
}

.mw-InteractionView-withNoMaxWidth {
  max-width: none;
  width: 100%;
  overflow: scroll;
  padding: 0;
  margin: 0;
}

.mw-InteractionView-fieldsFadeIn {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: mw-InteractionView-interaction-fade-in 0.5s ease-out 0.3s forwards;
  z-index: 2;
}

.mw-InteractionView-btnGroup {
  display: flex;
  gap: 0.5em;
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
  z-index: 1;
}

.mw-InteractionView-btnGroupFadeIn {
  opacity: 0;
  transform: translateY(1.5rem);
  animation: mw-InteractionView-interaction-fade-in 0.5s ease-out 0.6s forwards;
}

.mw-InteractionView-btnGroupNoMaxWidth {
  padding: var(--mw-interaction-fields-padding);
}

.mw-InteractionView-recommendedWaves {
  width: 100%;
  max-width: var(--mw-conversation-max-width, 100%);
  margin: 0 auto;
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWavesPrompt {
  font-size: 1rem;
  line-height: 1.4;
  padding: 1.75rem 1.5rem;
  border-radius: var(--mw-border-radius);
  font-weight: var(--mw-regular);
  display: inline-block;
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWavesList {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWave {
  font-family: var(--mw-text-3);
  color: var(--mw-color-text);
  font: inherit;
  border-radius: 5.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--mw-color-field);
  cursor: pointer;
  border: none;
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWave:hover {
  background: hsl(from var(--mw-color-field) h s calc(l + 3));
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWave:active {
  background: var(--mw-color-primary);
  color: var(--mw-color-text-reversed);
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWave:focus-visible {
  outline: 1px solid var(--mw-color-outline-focus);
  outline-offset: -1px;
}
.mw-InteractionView-recommendedWaves .mw-InteractionView-recommendedWave:disabled {
  cursor: unset;
  color: var(--mw-color-text);
  background: var(--mw-color-field);
}

.mw-InteractionView-recommendedWavesItem {
  flex: 0 1 auto;
}

.mw-InteractionView-interactionContainer {
  height: fit-content;
}

.mw-InteractionView-fadeOut {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}

@keyframes mw-InteractionView-fade-in {
  from {
    opacity: 0;
    width: fit-content;
    height: fit-content;
  }
  to {
    opacity: 1;
    width: fit-content;
    height: fit-content;
  }
}
.mw-InteractionView-loader {
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.mw-InteractionView-loading {
  animation: mw-InteractionView-fade-in 0.4s forwards 1s;
}.mw-ConversationHistoryItem-root {
  display: flex;
  align-items: center;
  border-radius: var(--mw-border-radius);
  padding-block: 0.5rem;
  padding-inline: 0.5rem 1rem;
  color: var(--mw-color-text);
}
.mw-ConversationHistoryItem-root:hover {
  background: hsl(from var(--mw-color-block) h s calc(l - 3));
}
.mw-ConversationHistoryItem-root:active:not(:has(button:active)) {
  color: var(--mw-color-text-reversed);
  background: var(--mw-color-primary);
}
.mw-ConversationHistoryItem-root:active:not(:has(button:active)) button {
  color: var(--mw-color-text-reversed);
}
.mw-ConversationHistoryItem-root:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-ConversationHistoryItem-root {
  padding: 0;
  padding-inline-end: 0.5rem;
}
.mw-ConversationHistoryItem-root:hover .mw-ConversationHistoryItem-iconButton {
  opacity: 1;
}
.mw-ConversationHistoryItem-root:focus-within:not(:has(.mw-ConversationHistoryItem-iconButton:focus)) {
  outline: 1px solid var(--mw-color-outline-focus);
  margin: 1px;
}

.mw-ConversationHistoryItem-link {
  padding-block: 0.5rem;
  padding-inline: 1rem 0.25rem;
  text-decoration: none;
  color: inherit;
}
.mw-ConversationHistoryItem-link:focus {
  outline: none;
}

.mw-ConversationHistoryItem-selected {
  background: hsl(from var(--mw-color-block) h s calc(l - 12));
}
.mw-ConversationHistoryItem-selected:hover {
  background: hsl(from var(--mw-color-block) h s calc(l - 8));
}

.mw-ConversationHistoryItem-confirmation {
  display: flex;
  align-items: center;
  border-radius: var(--mw-border-radius);
  padding-block: 0.5rem;
  padding-inline: 0.5rem 1rem;
  background: hsl(from var(--mw-color-block) h s calc(l - 3));
}
.mw-ConversationHistoryItem-confirmation .mw-ConversationHistoryItem-iconButton {
  opacity: 1;
}

.mw-ConversationHistoryItem-iconButton {
  cursor: pointer;
  background: transparent;
  border: 0;
  display: block;
  padding: 0;
  opacity: 0;
  width: var(--mw-cross-icon-size);
  min-width: var(--mw-cross-icon-size);
  height: var(--mw-cross-icon-size);
  border-radius: 50%;
  color: var(--mw-color-primary);
}
.mw-ConversationHistoryItem-iconButton:hover {
  opacity: 1;
  background-color: hsl(from var(--mw-color-block) h s calc(l - 18));
}
.mw-ConversationHistoryItem-iconButton:active {
  color: var(--mw-color-text-reversed);
  background: var(--mw-color-primary);
}
.mw-ConversationHistoryItem-iconButton:focus {
  opacity: 1;
  outline: 1px solid var(--mw-color-outline-focus);
}
@media only screen and (max-width: 768px) {
  .mw-ConversationHistoryItem-iconButton {
    opacity: 1;
  }
}

.mw-ConversationHistoryItem-title, .mw-ConversationHistoryItem-link {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: var(--mw-text-4);
  line-height: 1.5;
}

.mw-ConversationHistoryItem-inProgress {
  font-weight: var(--mw-semi-bold) !important;
}

.mw-ConversationHistoryItem-controls {
  display: flex;
}.mw-ConversationHistoryView-root {
  width: 100%;
  transition: width 300ms;
  font: var(--mw-text-5);
  opacity: 0;
  animation: mw-ConversationHistoryView-fadeIn 1000ms forwards;
}
.mw-ConversationHistoryView-root.mw-ConversationHistoryView-hide {
  width: 0;
  overflow: hidden;
}

@keyframes mw-ConversationHistoryView-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mw-ConversationHistoryView-trigger {
  border: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--mw-color-primary);
  background: transparent;
  padding: 0;
}

.mw-ConversationHistoryView-title {
  font-weight: var(--mw-semi-bold);
  padding: 0rem 1rem;
  height: 2.25rem;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  inset-inline-start: 0;
  background: linear-gradient(to bottom, var(--mw-color-block) 75%, transparent);
}

.mw-ConversationHistoryView-confirmation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
}

.mw-ConversationHistoryView-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.mw-ConversationHistoryView-noActiveConversation {
  display: flex;
  justify-content: center;
  padding: 1em;
  white-space: nowrap;
}

.mw-ConversationHistoryView-arrow {
  transition: transform 0.2s ease-in-out;
  flex-shrink: 0;
  height: 1.5rem;
}

.mw-ConversationHistoryView-arrowClosed {
  transform: rotate(-90deg);
}
:dir(rtl) .mw-ConversationHistoryView-arrowClosed {
  transform: rotate(90deg);
}

.mw-ConversationHistoryView-arrowOpen {
  transform: rotate(0deg);
}

.mw-ConversationHistoryView-content {
  overflow: hidden;
}
.mw-ConversationHistoryView-content[data-state=open] {
  animation: mw-ConversationHistoryView-slideDown 0.2s ease-out;
}
.mw-ConversationHistoryView-content[data-state=closed] {
  animation: mw-ConversationHistoryView-slideUp 0.2s ease-out;
}

@keyframes mw-ConversationHistoryView-slideDown {
  from {
    max-height: 0;
    opacity: 0;
  }
  to {
    max-height: 100vh;
    opacity: 1;
  }
}
@keyframes mw-ConversationHistoryView-slideUp {
  from {
    max-height: 100vh;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}.mw-LoginSignUp-button {
  display: flex;
  align-items: center;
  border-radius: var(--mw-border-radius);
  padding-block: 0.5rem;
  padding-inline: 0.5rem 1rem;
  color: var(--mw-color-text);
}
.mw-LoginSignUp-button:hover {
  background: hsl(from var(--mw-color-block) h s calc(l - 3));
}
.mw-LoginSignUp-button:active:not(:has(button:active)) {
  color: var(--mw-color-text-reversed);
  background: var(--mw-color-primary);
}
.mw-LoginSignUp-button:active:not(:has(button:active)) button {
  color: var(--mw-color-text-reversed);
}
.mw-LoginSignUp-button:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-LoginSignUp-button {
  font: var(--mw-text-4);
  font-size: 0.75rem;
  border: none;
  width: fit-content;
  padding-block: 0.4rem;
  padding-inline: 0.75rem 1.25rem;
  margin: 0;
  gap: 0.5rem;
  background-color: transparent;
}
.mw-LoginSignUp-button .mw-LoginSignUp-icon {
  color: var(--mw-color-primary);
}
.mw-LoginSignUp-button:active .mw-LoginSignUp-icon {
  color: var(--mw-color-text-reversed);
}

.mw-LoginSignUp-icon {
  height: var(--mw-icon-size);
  width: var(--mw-icon-size);
  object-fit: contain;
}
.mw-LoginSignUp-icon:dir(rtl) {
  transform: scaleX(-1);
}

@container sidebar (max-width: 4.5rem) {
  .mw-LoginSignUp-label {
    display: none;
  }
}.mw-DesktopNavBar-mw-button-base, .mw-DesktopNavBar-newChatButton {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

.mw-DesktopNavBar-root {
  padding-block: 2.75rem;
  padding-inline: 1.44rem;
  width: 320px;
  max-width: 320px;
  background: var(--mw-color-block);
  container: sidebar/inline-size;
  grid-template-rows: min-content min-content 1fr min-content;
  display: grid;
  font: var(--mw-text-5);
  height: 100%;
  min-height: 0;
  transition: width 500ms ease-in-out, height 500ms ease-in-out;
}
@media only screen and (min-width: 768px) {
  .mw-DesktopNavBar-root {
    height: calc(100vh - 3rem);
    border-radius: var(--mw-border-radius-3);
    margin: 1.5rem;
    padding-block: 1.5rem 0.75rem;
    padding-inline: 0.75rem;
  }
}
.mw-DesktopNavBar-root.mw-DesktopNavBar-collapsed {
  width: 4.5rem;
  height: 11rem;
  border-radius: var(--mw-border-radius-3);
  transition: width 500ms ease-in-out, height 500ms ease-in-out;
}

.mw-DesktopNavBar-collapseButton {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--mw-color-primary);
  opacity: 1;
  transition: opacity 100ms 400ms ease-in-out;
  pointer-events: visible;
}
.mw-DesktopNavBar-collapseButton:dir(rtl) {
  transform: scaleX(-1);
}
.mw-DesktopNavBar-collapseButton:hover {
  background: hsl(from var(--mw-color-block) h s calc(l - 3));
}
.mw-DesktopNavBar-collapseButton:active {
  color: var(--mw-color-text-reversed);
  background: var(--mw-color-primary);
}
.mw-DesktopNavBar-collapseButton:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-DesktopNavBar-collapseButton.mw-DesktopNavBar-collapsed {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0ms ease-in-out;
}

.mw-DesktopNavBar-icon {
  height: var(--mw-icon-size);
  width: var(--mw-icon-size);
  min-width: var(--mw-icon-size);
  min-height: var(--mw-icon-size);
  justify-content: space-between;
  object-fit: contain;
}

.mw-DesktopNavBar-homeLogoContainer {
  padding: 0 0.88rem;
  display: flex;
  align-items: center;
  transition: padding 500ms ease-in-out;
}
.mw-DesktopNavBar-homeLogoContainer.mw-DesktopNavBar-collapsed {
  padding: 0;
  transition: padding 500ms ease-in-out;
}

.mw-DesktopNavBar-logo, .mw-DesktopNavBar-logoExpandedView, .mw-DesktopNavBar-logoIcon {
  display: block;
  height: 3rem;
  border: none;
  object-fit: contain;
  object-position: var(--mw-sidebar-logo-position);
}

.mw-DesktopNavBar-logoIcon {
  content: var(--mw-sidebar-logo-icon);
  color: var(--mw-color-primary);
  padding: 0;
  width: fit-content;
  transition: width 500ms ease-in-out;
}
.mw-DesktopNavBar-logoIcon.mw-DesktopNavBar-collapsed {
  width: 3rem;
  transition: width 500ms ease-in-out;
}

@container sidebar (max-width: 4.5rem) {
  .mw-DesktopNavBar-logoIcon.mw-DesktopNavBar-collapsed {
    content: var(--mw-sidebar-logo-icon, url("data:image/svg+xml,%3csvg%20title='Hamburger'%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.5%209.00342H17.0M7.5%2012.0034H17.0M7.5%2015.0034H17.0'%20stroke='%230565ff'%20stroke-linecap='round'/%3e%3c/svg%3e"));
  }
}
.mw-DesktopNavBar-logoExpandedView {
  content: var(--mw-sidebar-logo);
  opacity: 1;
  transition: opacity 200ms 300ms ease-in-out;
}
.mw-DesktopNavBar-logoExpandedView.mw-DesktopNavBar-collapsed {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.mw-DesktopNavBar-newChatButton {
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
}
.mw-DesktopNavBar-newChatButton:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
}
.mw-DesktopNavBar-newChatButton:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-DesktopNavBar-newChatButton:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
}
.mw-DesktopNavBar-newChatButton:disabled {
  background: var(--mw-button-disabled-bg);
  cursor: unset;
}
.mw-DesktopNavBar-newChatButton {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  min-height: 3rem;
  margin: 1.5rem 0;
  border-radius: var(--mw-border-radius1);
  border: none;
  text-decoration: none;
  font: var(--mw-text-4);
  font-weight: var(--mw-medium);
  outline-offset: -1px;
  transition: width 500ms ease-in-out, gap 500ms ease-in-out;
}
.mw-DesktopNavBar-newChatButton.mw-DesktopNavBar-collapsed {
  width: 3rem;
  height: 3rem;
  min-height: 0;
  gap: 0;
  padding: 0.75rem;
  transition: width 500ms ease-in-out, gap 500ms ease-in-out, padding 500ms ease-in-out;
}

.mw-DesktopNavBar-newChatLabel {
  overflow: hidden;
  overflow-wrap: break-word;
  word-wrap: break-word;
  opacity: 1;
  max-height: 3rem;
  transition: opacity 300ms 200ms ease-in-out, max-height 500ms ease-in-out;
}
.mw-DesktopNavBar-newChatLabel.mw-DesktopNavBar-collapsed {
  opacity: 0;
  max-height: 0;
  transition: opacity 300ms ease-in-out, max-height 500ms ease-in-out;
}

.mw-DesktopNavBar-historyContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding-inline: 3px;
  opacity: 1;
  width: 100%;
  transition: opacity 500ms ease-in-out, width 500ms ease-in-out;
}
.mw-DesktopNavBar-historyContainer::-webkit-scrollbar {
  width: 0.5rem;
  background-color: transparent;
}
.mw-DesktopNavBar-historyContainer::-webkit-scrollbar-thumb {
  background-color: var(--mw-scrollbar-bg);
  border-radius: var(--mw-border-radius-4);
}
.mw-DesktopNavBar-historyContainer::-webkit-scrollbar-thumb:hover {
  background-color: var(--mw-scrollbar-hover-bg);
}
.mw-DesktopNavBar-historyContainer::-webkit-scrollbar-thumb:active {
  background-color: var(--mw-scrollbar-active-bg);
}
.mw-DesktopNavBar-historyContainer.mw-DesktopNavBar-collapsed {
  opacity: 0;
  width: 0;
  transition: opacity 500ms ease-in-out, width 500ms ease-in-out;
}

.mw-DesktopNavBar-logoButton {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.mw-DesktopNavBar-logoButton:focus {
  outline: var(--mw-color-outline-focus);
  border-radius: var(--mw-border-radius-1);
}

.mw-DesktopNavBar-logoContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 3rem;
  gap: 0.5rem;
}

.mw-DesktopNavBar-loginButtonContainer,
.mw-DesktopNavBar-loginButtonContainer > button {
  opacity: 1;
  transition: opacity 0ms 500ms ease-in-out;
  pointer-events: visible;
}
.mw-DesktopNavBar-loginButtonContainer.mw-DesktopNavBar-collapsed, .mw-DesktopNavBar-loginButtonContainer.mw-DesktopNavBar-collapsed > button,
.mw-DesktopNavBar-loginButtonContainer > button.mw-DesktopNavBar-collapsed,
.mw-DesktopNavBar-loginButtonContainer > button.mw-DesktopNavBar-collapsed > button {
  opacity: 0;
  transition: opacity 0ms ease-in-out;
  pointer-events: none;
}.mw-MobileNavBar-mw-button-base, .mw-MobileNavBar-newChatLink {
  --mw-button-color: var(--mw-color-text-reversed);
  --mw-button-bg: var(--mw-color-primary);
  --mw-button-focused-outline: var(--mw-color-outline-focus);
  --mw-button-hover-color: var(--mw-button-color);
  --mw-button-hover-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-active-color: hsl(from var(--mw-button-color) h s l / 65%);
  --mw-button-active-bg: hsl(from var(--mw-button-bg) h s calc(l - 6));
  --mw-button-disabled-color: var(--mw-button-color);
  --mw-button-disabled-bg: hsl(from var(--mw-color-primary) h 0 calc(l + 25));
  font: var(--mw-text-3);
  cursor: pointer;
  display: block;
  padding: 0.75rem 1.5rem;
  transition: color 0.3s;
  position: relative;
  border: 1px solid transparent;
  touch-action: manipulation;
  margin: 0;
  outline: none;
  border-radius: var(--mw-border-radius);
}

.mw-MobileNavBar-root {
  inset-block-start: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 2.75rem 0rem;
  padding-inline: 1.12rem;
  z-index: 7;
  position: absolute;
}

.mw-MobileNavBar-hamburgerBtn {
  color: var(--mw-color-primary);
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.mw-MobileNavBar-hamburgerBtn .mw-MobileNavBar-icon {
  height: var(--mw-icon-size);
  width: var(--mw-icon-size);
  min-width: var(--mw-icon-size);
  min-height: var(--mw-icon-size);
  justify-content: space-between;
  object-fit: contain;
}

.mw-MobileNavBar-logo {
  display: block;
  height: 2rem;
  width: 100%;
  border: none;
  object-fit: contain;
  object-position: var(--mw-sidebar-logo-position);
  content: var(--mw-sidebar-logo);
}

@keyframes mw-MobileNavBar-fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.mw-MobileNavBar-newChatLink {
  background: var(--mw-button-bg);
  color: var(--mw-button-color);
}
.mw-MobileNavBar-newChatLink:hover {
  background: var(--mw-button-hover-bg);
  color: var(--mw-button-hover-color);
}
.mw-MobileNavBar-newChatLink:focus {
  outline: 1px solid var(--mw-button-focused-outline);
}
.mw-MobileNavBar-newChatLink:active {
  background: var(--mw-button-active-bg);
  color: var(--mw-button-active-color);
}
.mw-MobileNavBar-newChatLink:disabled {
  background: var(--mw-button-disabled-bg);
  cursor: unset;
}
.mw-MobileNavBar-newChatLink {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--mw-border-radius1);
  border: none;
  text-decoration: none;
  font: var(--mw-text-4);
  font-weight: var(--mw-medium);
  width: 3rem;
  height: 3rem;
  opacity: 0;
  animation: mw-MobileNavBar-fadeInScale 0.3s ease-out forwards;
}

.mw-MobileNavBar-icon {
  height: var(--mw-icon-size);
  width: var(--mw-icon-size);
  min-width: var(--mw-icon-size);
  min-height: var(--mw-icon-size);
  justify-content: space-between;
  object-fit: contain;
}.mw-NavigationDrawer-border-box, .mw-NavigationDrawer-navigationDrawer {
  box-sizing: border-box;
}
.mw-NavigationDrawer-border-box *, .mw-NavigationDrawer-navigationDrawer *,
.mw-NavigationDrawer-border-box *:before,
.mw-NavigationDrawer-navigationDrawer *:before,
.mw-NavigationDrawer-border-box *:after,
.mw-NavigationDrawer-navigationDrawer *:after {
  box-sizing: inherit;
}

.mw-NavigationDrawer-dialog {
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  z-index: 8;
}

.mw-NavigationDrawer-navigationDrawerBg {
  position: absolute;
  inset: 0;
  background: var(--mw-color-text);
  z-index: 9;
}
.mw-NavigationDrawer-navigationDrawerBg[data-state=open] {
  animation: mw-NavigationDrawer-fadeIn 0.5s ease-out forwards;
}
.mw-NavigationDrawer-navigationDrawerBg[data-state=closed] {
  animation: mw-NavigationDrawer-fadeOut 0.5s ease-out forwards;
}

@keyframes mw-NavigationDrawer-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes mw-NavigationDrawer-fadeOut {
  from {
    opacity: 0.25;
  }
  to {
    opacity: 0;
  }
}
.mw-NavigationDrawer-transitionDrawerBg {
  transition: opacity 0.5s ease;
}

.mw-NavigationDrawer-drawerBgClosed {
  opacity: 0;
}

.mw-NavigationDrawer-drawerBgOpened {
  opacity: 0.25;
}

.mw-NavigationDrawer-navigationDrawer {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 10;
}
.mw-NavigationDrawer-navigationDrawer[data-state=open] {
  animation: mw-NavigationDrawer-slideInLeft 0.5s ease-out forwards;
}
.mw-NavigationDrawer-navigationDrawer[data-state=closed] {
  animation: mw-NavigationDrawer-slideOutLeft 0.5s ease-out forwards;
}
.mw-NavigationDrawer-navigationDrawer:dir(rtl)[data-state=open] {
  animation: mw-NavigationDrawer-slideInRight 0.5s ease-out forwards;
}
.mw-NavigationDrawer-navigationDrawer:dir(rtl)[data-state=closed] {
  animation: mw-NavigationDrawer-slideOutRight 0.5s ease-out forwards;
}

@keyframes mw-NavigationDrawer-slideInLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes mw-NavigationDrawer-slideOutLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes mw-NavigationDrawer-slideInRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes mw-NavigationDrawer-slideOutRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
.mw-NavigationDrawer-transitionDrawer {
  transition: transform 0.5s ease;
}

.mw-NavigationDrawer-drawerClosed {
  transform: translateX(-100%);
}
.mw-NavigationDrawer-drawerClosed:dir(rtl) {
  transform: translateX(100%);
}

.mw-NavigationDrawer-drawerOpened {
  transform: translateX(0);
}

.mw-NavigationDrawer-closeBtn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.25rem;
  width: fit-content;
}
.mw-NavigationDrawer-closeBtn > .mw-NavigationDrawer-icon {
  width: 2.25rem;
  color: var(--mw-color-primary);
}

.mw-NavigationDrawer-icon {
  height: var(--mw-icon-size);
  width: var(--mw-icon-size);
  min-width: var(--mw-icon-size);
  min-height: var(--mw-icon-size);
  justify-content: space-between;
  object-fit: contain;
}

.mw-NavigationDrawer-closeBtn {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--mw-color-primary);
  opacity: 1;
  transition: opacity 100ms 400ms ease-in-out;
  pointer-events: visible;
}
.mw-NavigationDrawer-closeBtn:dir(rtl) {
  transform: scaleX(-1);
}
.mw-NavigationDrawer-closeBtn:hover {
  background: hsl(from var(--mw-color-block) h s calc(l - 3));
}
.mw-NavigationDrawer-closeBtn:active {
  background: var(--mw-color-primary);
}
.mw-NavigationDrawer-closeBtn svg:active {
  color: var(--mw-color-text-reversed);
}
.mw-NavigationDrawer-closeBtn:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}.mw-InteractionDateField-input-colors, .mw-InteractionDateField-base-input, .mw-InteractionDateField-dateInput {
  --mw-field-color: var(--mw-color-text);
  --mw-field-bg: var(--mw-color-surface);
  --mw-field-placeholder-color: hsl(
    from var(--mw-field-color) h s calc(l + 70)
  );
}
.mw-InteractionDateField-input-colors::placeholder, .mw-InteractionDateField-base-input::placeholder, .mw-InteractionDateField-dateInput::placeholder {
  color: var(--mw-field-placeholder-color);
}
.mw-InteractionDateField-input-colors:focus, .mw-InteractionDateField-base-input:focus, .mw-InteractionDateField-dateInput:focus {
  outline: 1px solid var(--mw-color-outline-focus);
}
.mw-InteractionDateField-input-colors:disabled, .mw-InteractionDateField-base-input:disabled, .mw-InteractionDateField-dateInput:disabled {
  opacity: 0.5;
}

.mw-InteractionDateField-base-label {
  color: var(--mw-color-text-secondary);
  display: block;
  margin-bottom: 0.5rem;
}

.mw-InteractionDateField-base-input, .mw-InteractionDateField-dateInput {
  background: var(--field-background, var(--mw-field-bg));
  outline: 1px solid var(--field-outline-color, transparent);
  color: var(--mw-field-color);
  width: 100%;
  appearance: none;
  border-radius: var(--mw-border-radius);
  border: 1px solid var(--mw-color-outline);
  font-size: 1rem;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 0;
  padding: 0.75rem 1.5rem;
  transition: border-color 0.3s;
  font: inherit;
  outline-offset: -1px;
}

.mw-InteractionDateField-base-textarea {
  width: 100%;
  min-height: 6em;
}

.mw-InteractionDateField-timeInput {
  flex: 1;
  display: grid;
  justify-content: right;
  grid-template-columns: 9rem;
}.mw-date-input-wrapper {
  width: 100%;
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker {
  font-family: var(--mw-text-3);
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 0px;
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__current-month {
  font-weight: var(--mw-semi-bold);
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-read-view--down-arrow,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-read-view--down-arrow,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-year-read-view--down-arrow,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__navigation-icon::before {
  border-color: #000;
  margin-top: 4px;
  border-width: 2px 2px 0 0;
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__day:hover,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-text:hover,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__quarter-text:hover,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-text:hover {
  border-radius: var(--mw-date-highlight-radius);
  background-color: var(--mw-date-hover-bg);
  color: var(--mw-date-hover-color);
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__day--selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__day--in-selecting-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__day--in-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-text--selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-text--in-selecting-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-text--in-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__quarter-text--selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__quarter-text--in-selecting-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__quarter-text--in-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-text--selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-text--in-selecting-range,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-text--in-range {
  background-color: var(--mw-date-selected-bg);
  border-radius: var(--mw-date-highlight-radius);
  color: var(--mw-date-selected-color);
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__day--keyboard-selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__month-text--keyboard-selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__quarter-text--keyboard-selected,
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__year-text--keyboard-selected {
  border-radius: var(--mw-date-highlight-radius);
  background-color: var(--mw-date-hover-bg);
  color: var(--mw-date-hover-color);
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker__input-time-container {
  flex: 1;
  margin: 0;
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker-time__input-container {
  display: flex;
}
.mw-date-input-wrapper + .react-datepicker__tab-loop .react-datepicker-time__input {
  display: flex;
  flex: 1;
  margin: 10px;
}._customFieldContainer_1y2hr_1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  background: #f9f9f9;
  padding: 12px;
}

._customFieldContainerAnswer_1y2hr_10 {
  display: flex;
  background: #0011ff;
  color: white;
  padding: 12px;
  border-radius: 12px;
  margin-right: 16px;
}

._customTextFieldAnswer_1y2hr_19 {
  width: 100%;
}.ssr-icon {
  fill: rgb(255, 255, 255);
  stroke: rgb(60, 60, 59);
  stroke-miterlimit: 10;
  stroke-width: 0.5px;
}

.ssr-button {
  background: transparent;
  color: #2d2d2d;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
  padding: 0rem 1rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.ssr-button .ssr-icon {
  width: 28px;
  height: 28px;
  margin-block-start: -2px;
  margin-inline: -28px 4px;
}

.ssr-card {
  border-radius: var(--mw-border-radius);
  overflow: hidden;
  background-color: #fff;
  width: 300px;
  box-sizing: border-box;
}

.ssr-card.small {
  width: 260px;
}

.ssr-card.padding {
  padding: 1.5rem;
}

.ssr-card.selected {
  outline: 2px #2d2d2d solid;
}

.ssr-m-1 {
  margin: 1rem;
}

.ssr-md-content {
  padding: 1rem 0;
}

.ssr-md-content + .ssr-button {
  margin-block-start: -9px;
  margin-inline-start: -1px;
}

.ssr-image {
  display: block;
  max-height: 11.25rem;
  width: auto;
}

.ssr-details {
  padding-inline-start: 1rem;
  padding-block-end: 1rem;
  border-inline-start: 1px solid black;
}

.ssr-details + .ssr-button {
  margin-block-start: -9px;
  margin-inline-start: -1px;
}

.ssr-title {
  font-size: 1.1875rem;
  font-weight: bold;
}

.ssr-description {
  padding: 0.3rem 0;
}

.ssr-price {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.ssr-flightSearchResult {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
  background: #f8f8f8;
  height: 230px;
  flex-direction: column;
}

.ssr-iconAndPrice {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ssr-flightIconAndNumber,
.ssr-price {
  text-align: center;
  padding: 1.5rem 1rem;
}

.ssr-price {
  font-size: 2rem;
}

.ssr-flightIcon {
  max-height: 2.75rem;
}

.ssr-flightIcon img {
  height: 2.75rem;
  width: 2.75rem;
}

.ssr-flightNumber {
  font-size: 0.875rem;
}

.ssr-flightInfo {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.ssr-flightInfo > div {
  display: flex;
  justify-content: space-evenly;
  flex: 1;
}

.ssr-durationInfo {
  display: flex;
  font-weight: 600;
  margin-bottom: 1rem;
}

.ssr-durationInfo > div {
  margin: 0 1rem;
}

.ssr-flightSelect {
  padding-block: 15px 5px;
  padding-inline: 10px;
  text-align: right;
}

html {
  font-size: 16px;
}

body {
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.015rem;
  margin: 0;
}

.app {
  display: block;
}

.fourOFour {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.fourOFour .message {
  font-size: 5rem;
}
.fourOFour .title {
  font-size: 10rem;
}