/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/admin/hello/bot/bot.styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body.light-theme {
  --btn-radius: 0.375rem;
  --btn-primary: #4f46e5;
  --btn-primary-text: #ffffff;
  --btn-secondary: #e0e7ff;
  --btn-secondary-hover: #c7d2fe;
  --btn-secondary-text: #4338ca;
  --btn-ghost-text: #4b5563;
  --btn-success: #29a653;
  --btn-success-text: #ffffff;
  --btn-danger: #dc2626;
  --btn-danger-text: #ffffff;
  --hello-btn-radius: var(--btn-radius);
  --hello-ui-radius: var(--btn-radius);
  --hello-btn-primary: var(--btn-primary);
  --hello-btn-primary-text: var(--btn-primary-text);
  --hello-btn-secondary: var(--btn-secondary);
  --hello-btn-secondary-hover: var(--btn-secondary-hover);
  --hello-btn-secondary-text: var(--btn-secondary-text);
  --hello-btn-ghost-text: var(--btn-ghost-text);
  --hello-btn-success: var(--btn-success);
  --hello-btn-success-text: var(--btn-success-text);
  --hello-btn-danger: var(--btn-danger);
  --hello-btn-danger-text: var(--btn-danger-text);
}

/**
 * Tailwind-based checkbox styling
 */
.tw-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 20px !important;
  min-height: 20px !important;
  flex-shrink: 0 !important;
}
.tw-checkbox .mdc-form-field,
.tw-checkbox .mat-internal-form-field {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5em !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  height: auto !important;
}
.tw-checkbox .mdc-checkbox {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}
.tw-checkbox .mdc-checkbox .mdc-checkbox__background {
  width: 16px !important;
  height: 16px !important;
  top: 2px !important;
  left: 2px !important;
}
.tw-checkbox .mdc-checkbox .mdc-checkbox__native-control {
  width: 20px !important;
  height: 20px !important;
}
.tw-checkbox .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {
  background-color: rgb(79, 70, 229) !important;
  border-color: rgb(79, 70, 229) !important;
}
.tw-checkbox .mdc-label,
.tw-checkbox label.mdc-label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding-left: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  width: fit-content !important;
  white-space: nowrap !important;
}
.tw-checkbox .mdc-label:empty,
.tw-checkbox label.mdc-label:empty {
  display: none !important;
}
.tw-checkbox .mdc-checkbox__ripple {
  display: none !important;
}

.tw-checkbox-compact, .tw-hello-mat-checkbox-compact {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
}
.tw-checkbox-compact .mdc-form-field, .tw-hello-mat-checkbox-compact .mdc-form-field,
.tw-checkbox-compact .mat-internal-form-field,
.tw-hello-mat-checkbox-compact .mat-internal-form-field {
  width: 100% !important;
  height: 100% !important;
}
.tw-checkbox-compact .mdc-checkbox, .tw-hello-mat-checkbox-compact .mdc-checkbox {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
}
.tw-checkbox-compact .mdc-checkbox .mdc-checkbox__background, .tw-hello-mat-checkbox-compact .mdc-checkbox .mdc-checkbox__background {
  width: 12px !important;
  height: 12px !important;
  top: 1px !important;
  left: 1px !important;
}
.tw-checkbox-compact .mdc-checkbox .mdc-checkbox__native-control, .tw-hello-mat-checkbox-compact .mdc-checkbox .mdc-checkbox__native-control {
  width: 14px !important;
  height: 14px !important;
}

/**
 * Modifier class to make the checkbox label truncate with ellipsis.
 * Apply alongside .tw-checkbox and pass a width via inline style or parent constraint.
 * Usage: <mat-checkbox class="tw-checkbox tw-checkbox-label-overflow" style="width: 200px">...</mat-checkbox>
 */
.tw-checkbox-label-overflow .mdc-form-field,
.tw-checkbox-label-overflow .mat-internal-form-field {
  width: 100% !important;
  min-width: 0 !important;
}
.tw-checkbox-label-overflow .mdc-label,
.tw-checkbox-label-overflow label.mdc-label {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 0 !important;
  width: 100px;
  display: block !important;
}

/**
 * Legacy class for backward compatibility
 * @deprecated Use .tw-checkbox-compact instead
 */
.file-upload-box {
  height: 200px;
  max-width: 768px;
  background: var(--color-common-bg-lighter);
}

.mat-subtitle-2 {
  font-size: var(--font-size-common-14) !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
}

.mat-subtitle-1 {
  font-size: var(--font-size-common-16) !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-family: var(--font-family-common) !important;
  letter-spacing: normal !important;
}

.mat-headline-1 {
  font-size: var(--font-size-common-18) !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  font-family: var(--font-family-common) !important;
  letter-spacing: normal !important;
}

.mat-headline-2 {
  font-size: var(--font-size-common-16) !important;
  font-weight: 600 !important;
  line-height: 22px !important;
  font-family: var(--font-family-common) !important;
  letter-spacing: normal !important;
}

.mat-headline-3 {
  font-size: var(--font-size-common-14) !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  font-family: var(--font-family-common) !important;
  letter-spacing: normal !important;
}

.mat-caption {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 15px !important;
  letter-spacing: normal !important;
}

.white-space-normal {
  white-space: normal !important;
}

.apple-text {
  color: var(--color-apple-message);
}

/*# sourceMappingURL=hello-bot.0e4a15d8340133b0.css.map*/