/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
      --tw-border-style: solid;
    }
  }
}

.IncodeComponent .IncodeDocumentCaptureFileInput {
  pointer-events: none;
  border-style: var(--tw-border-style);
  padding: var(--spacing-0, var(--spacing-none, 0px));
  opacity: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
  position: absolute;
  overflow: hidden;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

.IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {
  display: none;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
  width: var(--document-capture-tutorial-illustration-width);
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
  width: 100%;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
  text-align: center;
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
  gap: var(--spacing-8, var(--spacing-8, 8px));
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  justify-content: center;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions {
  width: 100%;
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
  padding-bottom: var(--spacing-20, var(--spacing-20, 20px));
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption {
  align-items: center;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  border-style: var(--tw-border-style);
  border-width: var(--border-width-none, var(--primitive-border-width-0));
  --tw-border-style: none;
  width: 100%;
  padding-inline: var(--spacing-12, var(--spacing-12, 12px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  background-color: #0000;
  border-style: none;
  display: flex;
}

.IncodeDocumentCaptureBottomSheetOptions .IncodeDocumentCaptureBottomSheetOption svg {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeDocumentCaptureCameraPage {
  width: 100%;
  height: 100%;
}

.IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {
  padding: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

@media (min-width: 48rem) {
  .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {
    padding: var(--spacing-24, var(--spacing-24, 24px));
  }
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
  height: var(--document-capture-review-header-height);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
  max-width: var(--incode-form-max-w);
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
  min-height: var(--spacing-0, var(--spacing-none, 0px));
  border-radius: var(--radius-medium, var(--border-radius-medium));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  flex: 1;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
  border-radius: var(--radius-medium, var(--border-radius-medium));
  object-fit: cover;
  border-style: var(--tw-border-style);
  border-width: 4px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  width: 100%;
  max-height: 100%;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
  border-color: var(--color-border-status-positive, var(--border-status-positive-static));
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4, var(--spacing-4, 4px));
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
  width: 100%;
  max-width: var(--incode-form-max-w);
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
  visibility: hidden;
  height: var(--document-capture-review-empty-footer-height);
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
  gap: var(--spacing-12, var(--spacing-12, 12px));
  width: 100%;
  padding: var(--spacing-4, var(--spacing-4, 4px));
  display: flex;
}

.IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
  flex: 1;
}

.IncodeComponent .IncodeDocumentCaptureReviewCentered {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.IncodeComponent .IncodeDocumentCapturePdfCard {
  justify-content: center;
  align-items: center;
  gap: var(--spacing-24, var(--spacing-24, 24px));
  border-radius: var(--radius-large, var(--border-radius-large));
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  width: 100%;
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
  padding-block: var(--spacing-32, var(--spacing-32, 32px));
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {
  height: var(--document-capture-pdf-preview-height);
  width: var(--spacing-120, var(--spacing-120, 120px));
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  overflow: hidden;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer .IncodeImageDocumentCapturePdfPreview {
  width: 100%;
  height: 100%;
}

.IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
  text-align: center;
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  overflow-wrap: break-word;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {
  max-width: none;
  height: 100%;
  max-height: none;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {
  border-radius: var(--radius-none, var(--border-radius-none));
  max-width: none;
  height: 100%;
  margin: auto;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h2-size);
  font-weight: var(--typography-headline-h2-weight);
  line-height: var(--typography-headline-h2-line-height);
  letter-spacing: var(--typography-headline-h2-letter-spacing);
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {
  width: 100%;
  max-width: var(--incode-form-max-w);
  gap: var(--spacing-32, var(--spacing-32, 32px));
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
  flex-direction: column;
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {
  align-items: flex-start;
  gap: var(--spacing-16, var(--spacing-16, 16px));
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {
  color: var(--color-text-body-primary, var(--text-body-800-primary));
  flex-shrink: 0;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {
  gap: var(--spacing-4, var(--spacing-4, 4px));
  flex-direction: column;
  display: flex;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {
  font-family: var(--typography-headline-family);
  font-size: var(--typography-headline-h5-size);
  font-weight: var(--typography-headline-h5-weight);
  line-height: var(--typography-headline-h5-line-height);
  letter-spacing: var(--typography-headline-h5-letter-spacing);
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {
  font-family: var(--typography-body-family);
  font-size: var(--typography-body-m-regular-size);
  font-weight: var(--typography-body-m-regular-weight);
  line-height: var(--typography-body-m-regular-line-height);
  letter-spacing: var(--typography-body-m-regular-letter-spacing);
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {
  margin-top: auto;
}

.IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {
  width: 100%;
}

.IncodeDocumentCaptureLoadingPage .IncodePageContent {
  flex: 1;
  display: flex;
}

.IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}