@charset "UTF-8";

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.cdk-overlay-popover {
  background: none;
  border: none;
  padding: 0;
  outline: 0;
  overflow: visible;
  position: fixed;
  pointer-events: none;
  white-space: normal;
  color: inherit;
  text-decoration: none;
  width: 100%;
  height: 100%;
  inset: auto;
  top: 0;
  left: 0;
}
.cdk-overlay-popover::backdrop {
  display: none;
}
.cdk-overlay-popover .cdk-overlay-backdrop {
  position: fixed;
  z-index: auto;
}

/* src/styles.scss */
body {
  font-family: "Figtree", sans-serif;
  margin: 0;
  padding: 0;
  overflow-x: clip;
  max-width: 100%;
}
html {
  overflow-x: clip;
  max-width: 100%;
}
.image-capture-dialog-panel {
  max-width: 440px !important;
  width: calc(100vw - 2rem) !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: transparent !important;
}
.capture-vitals-dialog-panel,
.update-health-condition-dialog-panel,
.update-medication-dialog-panel,
.scan-medicine-dialog-panel,
.measure-vitals-intro-dialog-panel,
.add-medication-dialog-panel {
  max-width: 580px !important;
  width: 100% !important;
}
.capture-vitals-dialog-panel .cdk-dialog-container,
.update-health-condition-dialog-panel .cdk-dialog-container,
.update-medication-dialog-panel .cdk-dialog-container,
.scan-medicine-dialog-panel .cdk-dialog-container,
.measure-vitals-intro-dialog-panel .cdk-dialog-container,
.add-medication-dialog-panel .cdk-dialog-container {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  overflow: visible !important;
}
@media (max-width: 640px) {
  .cdk-global-overlay-wrapper:has(.capture-vitals-dialog-panel),
  .cdk-global-overlay-wrapper:has(.update-health-condition-dialog-panel),
  .cdk-global-overlay-wrapper:has(.update-medication-dialog-panel),
  .cdk-global-overlay-wrapper:has(.scan-medicine-dialog-panel),
  .cdk-global-overlay-wrapper:has(.measure-vitals-intro-dialog-panel),
  .cdk-global-overlay-wrapper:has(.add-medication-dialog-panel) {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  .cdk-overlay-pane.capture-vitals-dialog-panel,
  .cdk-overlay-pane.update-health-condition-dialog-panel,
  .cdk-overlay-pane.update-medication-dialog-panel,
  .cdk-overlay-pane.scan-medicine-dialog-panel,
  .cdk-overlay-pane.measure-vitals-intro-dialog-panel,
  .cdk-overlay-pane.add-medication-dialog-panel {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    max-width: 100vw !important;
    width: 100vw !important;
    margin: 0 !important;
  }
  .capture-vitals-dialog-panel .cdk-dialog-container,
  .update-health-condition-dialog-panel .cdk-dialog-container,
  .update-medication-dialog-panel .cdk-dialog-container,
  .scan-medicine-dialog-panel .cdk-dialog-container,
  .add-medication-dialog-panel .cdk-dialog-container {
    border-radius: 24px 24px 0 0 !important;
    max-height: 88vh !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .measure-vitals-intro-dialog-panel .cdk-dialog-container {
    border-radius: 24px 24px 0 0 !important;
    max-height: 96vh !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.add-medication-dialog-panel {
  max-width: 520px !important;
}
.measure-vitals-intro-dialog-panel {
  max-width: 400px !important;
}
.capture-vitals-dialog-panel {
  max-width: 820px !important;
}
.cdk-overlay-dark-backdrop {
  background: rgba(15, 35, 50, 0.45);
}
.mat-mdc-tooltip,
.mdc-tooltip__surface,
.mat-mdc-tooltip .mdc-tooltip__surface,
.tc-chat-tooltip .mdc-tooltip__surface,
.tc-chat-tooltip.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #424242;
  --mdc-plain-tooltip-supporting-text-color: #ffffff;
  --mdc-plain-tooltip-supporting-text-size: 11px;
  background: #424242;
  color: #ffffff;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.01em;
  padding: 6px 8px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.28);
  max-width: 240px;
}
select {
  max-width: 100%;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 768px) {
  select,
  input,
  textarea {
    font-size: 16px !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */