@incodetech/web 0.0.0-dev-20260930-413fa2cd → 0.0.0-dev-20260930-24018c33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/antifraud/styles.css +0 -1
  2. package/dist/base.css +1 -7417
  3. package/dist/certificate-issuance/styles.css +1 -72
  4. package/dist/certificate-issuance/styles.css.js +1 -1
  5. package/dist/consent/styles.css +1 -129
  6. package/dist/consent/styles.css.js +1 -1
  7. package/dist/curp-validation/styles.css +1 -128
  8. package/dist/curp-validation/styles.css.js +1 -1
  9. package/dist/custom-fields/styles.css +1 -21
  10. package/dist/custom-fields/styles.css.js +1 -1
  11. package/dist/document-capture/styles.css +1 -378
  12. package/dist/document-capture/styles.css.js +1 -1
  13. package/dist/dynamic-forms/styles.css +1 -104
  14. package/dist/dynamic-forms/styles.css.js +1 -1
  15. package/dist/ekyb/styles.css +1 -113
  16. package/dist/ekyb/styles.css.js +1 -1
  17. package/dist/ekyc/styles.css +1 -108
  18. package/dist/ekyc/styles.css.js +1 -1
  19. package/dist/electronic-signature/styles.css +1 -407
  20. package/dist/electronic-signature/styles.css.js +1 -1
  21. package/dist/email/styles.css +1 -11
  22. package/dist/email/styles.css.js +1 -1
  23. package/dist/face-match/styles.css +1 -535
  24. package/dist/face-match/styles.css.js +1 -1
  25. package/dist/field-comparison/styles.css +1 -27
  26. package/dist/field-comparison/styles.css.js +1 -1
  27. package/dist/fiscal-qr/styles.css +1 -82
  28. package/dist/fiscal-qr/styles.css.js +1 -1
  29. package/dist/flow/shell/styles.css +1 -401
  30. package/dist/flow/shell/styles.css.js +1 -1
  31. package/dist/flow/styles.css +1 -5487
  32. package/dist/geolocation/styles.css +1 -165
  33. package/dist/geolocation/styles.css.js +1 -1
  34. package/dist/government-validation/styles.css +1 -4
  35. package/dist/government-validation/styles.css.js +1 -1
  36. package/dist/id/styles.css +1 -1640
  37. package/dist/id/styles.css.js +1 -1
  38. package/dist/id-ocr/styles.css +1 -55
  39. package/dist/id-ocr/styles.css.js +1 -1
  40. package/dist/id-selfie-flow/styles.css +1 -806
  41. package/dist/identity-reuse/styles.css +1 -258
  42. package/dist/phone/styles.css +1 -10
  43. package/dist/phone/styles.css.js +1 -1
  44. package/dist/redirect-to-mobile/styles.css +1 -323
  45. package/dist/redirect-to-mobile/styles.css.js +1 -1
  46. package/dist/selfie/styles.css +1 -316
  47. package/dist/selfie/styles.css.js +1 -1
  48. package/dist/signature/styles.css +1 -116
  49. package/dist/signature/styles.css.js +1 -1
  50. package/dist/themes/dark.css +1 -1565
  51. package/dist/themes/light.css +1 -1441
  52. package/dist/video-selfie/styles.css +1 -890
  53. package/dist/video-selfie/styles.css.js +1 -1
  54. package/dist/watchlist-for-business/styles.css +1 -17
  55. package/dist/watchlist-for-business/styles.css.js +1 -1
  56. package/dist/workflow/styles.css +1 -5042
  57. package/package.json +3 -2
package/dist/id/styles.css.js CHANGED
@@ -1 +1 @@
1
- export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@layer properties {\n @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-border-style: solid;\n }\n }\n}\n\n.IncodeSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeAgeVerificationPage .IncodePageInner {\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeAgeVerificationPage .IncodePageHeader {\n height: var(--page-header-height);\n min-height: var(--page-header-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageLogo {\n height: var(--age-verification-logo-height);\n}\n\n.IncodeAgeVerificationPage .IncodePageTitleContainer {\n max-width: none;\n}\n\n.IncodeAgeVerificationPage .IncodePageContent {\n justify-content: center;\n}\n\n.IncodeAgeVerificationPage .IncodePageFooter {\n padding-top: var(--spacing-12, var(--spacing-12, 12px));\n padding-bottom: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationContent {\n justify-content: space-between;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationList {\n width: 100%;\n max-width: var(--incode-form-max-w);\n justify-content: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n flex: 1;\n margin-inline: auto;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationItem {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon {\n height: var(--spacing-64, var(--spacing-64, 64px));\n width: var(--spacing-96, var(--spacing-96, 96px));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img {\n width: 100%;\n height: 100%;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationText {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex: 1;\n}\n\n.IncodeAgeVerificationPage .IncodeAgeVerificationButton {\n width: 100%;\n max-width: var(--incode-form-max-w);\n margin-inline: auto;\n}\n\n.IncodeIdTutorial .IncodePageTitleContainer {\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialContainer {\n margin: calc(var(--spacing-24, var(--spacing-24, 24px)) * -1);\n}\n\n.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeFlipAnimation {\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdFlipCardLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {\n opacity: 0;\n flex-direction: column;\n align-items: center;\n animation: .3s ease-out forwards incodeIdFlipCardFadeIn;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {\n max-width: var(--id-capture-flip-card-subtitle-max-w);\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {\n perspective: 1200px;\n width: 100%;\n height: 100%;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n width: 100%;\n height: 100%;\n transform-style: preserve-3d;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;\n position: relative;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {\n animation: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n backface-visibility: hidden;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n transform: rotateY(180deg);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {\n opacity: 0;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;\n transform: none;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n object-fit: cover;\n width: 100%;\n height: 100%;\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {\n animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;\n }\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {\n object-fit: cover;\n width: 100%;\n height: 100%;\n padding: var(--spacing-4, var(--spacing-4, 4px));\n display: block;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {\n z-index: 10;\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n flex: 1;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n@keyframes incodeIdFlipCardFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardRotate {\n from {\n transform: rotateY(0);\n }\n\n to {\n transform: rotateY(180deg);\n }\n}\n\n@keyframes incodeIdFlipCardFrontFade {\n 0%, 20% {\n opacity: 1;\n }\n\n 50%, 100% {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdFlipCardReducedMotionFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalDialog {\n max-width: none;\n height: 100%;\n max-height: none;\n}\n\n.IncodeCommonIssuesFullScreen .IncodeModalContent {\n border-radius: var(--radius-none, var(--border-radius-none));\n max-width: none;\n height: 100%;\n margin: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon {\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCards {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-32, var(--spacing-32, 32px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCard {\n align-items: flex-start;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n flex-shrink: 0;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesButtons {\n margin-top: auto;\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually {\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain {\n width: 100%;\n}\n\n.IncodeChooserPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeChooserPage .IncodePageTitle {\n max-width: var(--incode-form-max);\n}\n\n.IncodeChooserPage .IncodeChooserContainer {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n width: 100%;\n max-height: var(--id-capture-chooser-list-max-h);\n max-width: var(--id-capture-chooser-list-max-w);\n padding: var(--id-capture-chooser-list-scroll-padding);\n scroll-padding-block: var(--id-capture-chooser-list-scroll-padding);\n margin-inline: auto;\n flex-direction: column;\n align-items: center;\n margin-top: auto;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeCaptureFrame {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n --frame-border-color: var(--border-neutral-100);\n border: var(--id-capture-frame-border-width) solid var(--frame-border-color);\n justify-content: center;\n align-self: center;\n align-items: center;\n transition: max-width .3s ease-out, border-color .3s ease-out;\n display: flex;\n position: relative;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameHorizontal {\n width: 100%;\n max-width: var(--id-capture-frame-horizontal-max-width);\n aspect-ratio: 35 / 22;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: 100%;\n max-width: var(--id-capture-frame-vertical-max-width);\n aspect-ratio: 22 / 35;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {\n aspect-ratio: 30 / 42;\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameIdle {\n --frame-border-color: var(--border-neutral-100);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameCapturing, .IncodeCaptureFrame.IncodeCaptureFrameFocus {\n --frame-border-color: var(--border-brand-500);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing, .IncodeCaptureFrame.IncodeCaptureFrameSuccess {\n --frame-border-color: var(--border-status-positive-static);\n}\n\n.IncodeCaptureFrame.IncodeCaptureFrameError {\n --frame-border-color: var(--border-status-negative);\n}\n\n.IncodeIdCaptureStage {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.IncodeIdCaptureStage > * {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation: incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultExiting {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {\n pointer-events: none;\n z-index: 1001;\n opacity: 0;\n animation: incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageAnalyzingPending {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation: incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;\n pointer-events: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdCaptureStage > .IncodeIdCaptureStageResultEntering {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdCapturePage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n}\n\n@media (min-width: 48rem) {\n .IncodeIdCapturePage {\n background-color: var(--capture-page-backdrop-color);\n }\n}\n\n.IncodeIdCapturePage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdCapturePage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo {\n pointer-events: none;\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading {\n opacity: 0;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay {\n pointer-events: none;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton {\n border-radius: var(--radius-button-primary, var(--button-primary-border-radius));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n background-color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));\n color: var(--color-button-primary-text-default, var(--button-primary-text-default));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText {\n margin-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading, .IncodeIdCapturePage .IncodeCaptureUploading {\n height: 100%;\n color: var(--color-text-body-0, var(--text-body-0-static));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n@keyframes incodeIdCaptureAnalyzingReveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeIdCaptureResultCrossfadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes incodeIdCaptureResultCrossfadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeCaptureOverlayId {\n padding: var(--spacing-24, var(--spacing-24, 24px));\n align-items: center;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader {\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter {\n flex: 1;\n justify-content: space-between;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection {\n position: relative;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer {\n pointer-events: none;\n z-index: 1000;\n --manual-capture-tooltip-button-gap: var(--spacing-4);\n --manual-capture-tooltip-button-top-offset: var(--spacing-12);\n --manual-capture-tooltip-button-center-offset: calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));\n width: max-content;\n left: 50%;\n bottom: calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));\n animation: manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay, 3.5s) forwards;\n justify-content: center;\n display: flex;\n position: absolute;\n transform: translateX(-50%);\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n animation: .5s ease-out forwards slideUp;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly {\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n animation: none;\n position: absolute;\n overflow: hidden;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip {\n animation: none;\n}\n\n.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss {\n animation-name: manualCaptureTooltipExitAutoDismiss;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {\n aspect-ratio: 42 / 30;\n}\n\n.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {\n aspect-ratio: 30 / 42;\n}\n\n@keyframes manualCaptureTooltipExit {\n from {\n opacity: 1;\n transform: translateX(-50%);\n }\n\n to {\n opacity: 0;\n transform: translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)));\n }\n}\n\n@keyframes manualCaptureTooltipExitAutoDismiss {\n from {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n }\n\n to {\n opacity: .5;\n transform: translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5);\n }\n}\n\n.IncodeIdManualCaptureButton {\n bottom: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n width: 100%;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n flex-direction: column;\n animation: .5s ease-out forwards slideUp;\n display: flex;\n position: absolute;\n left: 50%;\n}\n\n.IncodeIdManualCaptureButton .IncodeButtonLink {\n height: 100%;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n padding: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n align-items: center;\n list-style-type: none;\n display: flex;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n font-family: var(--typography-tooltip-family);\n font-size: var(--typography-tooltip-m-size);\n font-weight: var(--typography-tooltip-m-weight);\n line-height: var(--typography-tooltip-m-line-height);\n letter-spacing: var(--typography-tooltip-m-letter-spacing);\n text-wrap: nowrap;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg {\n transition: filter .2s, transform .2s;\n}\n\n.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg {\n filter: brightness(.8);\n transform: scale(.95);\n}\n\n@keyframes slideUpAndDown {\n 0%, 12% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 24% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 76% {\n opacity: 1;\n transform: translateY(0);\n }\n\n 88%, 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n.IncodeIdHint {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n animation: 3s ease-in-out forwards slideUpAndDown;\n display: flex;\n position: relative;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg {\n width: var(--id-capture-hint-svg-size);\n height: var(--id-capture-hint-svg-size);\n min-width: var(--id-capture-hint-svg-size);\n min-height: var(--id-capture-hint-svg-size);\n}\n\n.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n opacity: 0;\n width: 100%;\n height: 100%;\n animation: incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter {\n visibility: hidden;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent {\n animation-duration: 1ms;\n animation-delay: 0s;\n }\n}\n\n@keyframes incodePermissionInCameraReveal {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer, .IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowCaptureLayer {\n z-index: 10;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayer {\n z-index: 20;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayer {\n z-index: 30;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting {\n pointer-events: none;\n animation: incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading {\n animation: incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards;\n}\n\n.IncodeComponent .IncodePermissionInCameraFlowStage > .IncodePermissionInCameraFlowTutorialLayerExiting {\n pointer-events: none;\n animation: incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting {\n animation-duration: 1ms;\n animation-delay: 0s;\n }\n\n .IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading, .IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting {\n animation-duration: 1ms;\n }\n}\n\n@keyframes incodeTutorialToPermissionInCameraExit {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes incodePermissionInCameraHeadingExit {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n@keyframes incodePermissionInCameraToCaptureExit {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeIdProcessingPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdProcessingLayout {\n width: 100%;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent {\n z-index: 10;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea {\n justify-content: flex-end;\n align-items: center;\n gap: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-40, var(--spacing-40, 40px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame {\n overflow: hidden;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {\n width: var(--id-capture-frame-vertical-width);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay {\n left: -25%;\n right: -25%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage {\n background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));\n object-fit: cover;\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred {\n filter: blur(var(--id-processing-image-blur-radius));\n -webkit-backdrop-filter: blur(var(--id-processing-image-blur-radius));\n backdrop-filter: blur(var(--id-processing-image-blur-radius));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder {\n background-color: var(--color-surface-neutral-100, var(--surface-neutral-100));\n width: 100%;\n height: 100%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay {\n pointer-events: none;\n z-index: 10;\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n inset: 0 -10%;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea {\n width: 100%;\n max-width: var(--id-capture-bottom-area-max-w);\n padding-top: var(--spacing-8, var(--spacing-8, 8px));\n z-index: 10;\n flex-direction: column;\n flex: 1;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n white-space: nowrap;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: flex;\n}\n\n.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {\n justify-content: flex-end;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer {\n margin-bottom: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n min-height: var(--typography-headline-h2-line-height);\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation: IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;\n display: inline-block;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText {\n animation-duration: 1ms;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeAnalyzingLottie {\n width: 100%;\n max-width: none;\n}\n\n@keyframes IncodeAnalyzingTitleFade {\n from {\n opacity: 0;\n transform: translateY(var(--id-capture-analyzing-title-fade-offset));\n }\n\n to {\n opacity: 1;\n transform: none;\n }\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContent, .IncodeIdProcessingLayout .IncodeIdProcessingResultStatus {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h2-size);\n font-weight: var(--typography-headline-h2-weight);\n line-height: var(--typography-headline-h2-line-height);\n letter-spacing: var(--typography-headline-h2-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n text-align: center;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts {\n padding-block: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {\n animation-duration: 1ms;\n }\n}\n\n@keyframes incodeIdProcessingResultFadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n\n.IncodeIdError {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 1000;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n width: 100%;\n height: 100%;\n display: flex;\n position: fixed;\n}\n\n.IncodeIdError .IncodeIdErrorMessage {\n text-align: center;\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n color: var(--color-text-body-0, var(--text-body-0-static));\n max-width: var(--incode-form-max-w);\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent {\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n max-height: var(--id-no-attempts-content-max-h);\n max-width: var(--id-no-attempts-content-max-w);\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n margin: auto;\n display: flex;\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon {\n margin-bottom: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle {\n text-align: center;\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n text-align: center;\n max-width: var(--incode-form-max-w);\n}\n\n.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer {\n bottom: var(--spacing-32, var(--spacing-32, 32px));\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n justify-content: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeUnacceptedIdDocuments {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry {\n margin-bottom: var(--spacing-32, var(--spacing-32, 32px));\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h4-size);\n font-weight: var(--typography-headline-h4-weight);\n line-height: var(--typography-headline-h4-line-height);\n letter-spacing: var(--typography-headline-h4-letter-spacing);\n}\n\n.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n display: inline-flex;\n}\n\n.IncodeIdCaptureNotification {\n right: var(--spacing-24, var(--spacing-24, 24px));\n left: var(--spacing-24, var(--spacing-24, 24px));\n z-index: 100;\n max-width: var(--incode-form-max-w);\n padding-bottom: var(--spacing-32, var(--spacing-32, 32px));\n top: var(--incode-overlay-top-inset, var(--spacing-24));\n align-items: flex-end;\n margin: auto;\n display: flex;\n position: absolute;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n z-index: 100;\n border-radius: var(--radius-large, var(--border-radius-large));\n border-style: var(--tw-border-style);\n border-width: 2px;\n border-color: var(--color-border-neutral-300, var(--border-neutral-300));\n background-color: var(--color-surface-neutral-900-80, var(--surface-neutral-900-80));\n width: 100%;\n padding-inline: var(--spacing-20, var(--spacing-20, 20px));\n box-shadow: var(--id-capture-notification-content-shadow);\n display: flex;\n overflow: hidden;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal {\n justify-content: center;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText {\n justify-content: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n padding-bottom: var(--spacing-12, var(--spacing-12, 12px));\n text-align: center;\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n flex-direction: column;\n display: flex;\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h3-size);\n font-weight: var(--typography-headline-h3-weight);\n line-height: var(--typography-headline-h3-line-height);\n letter-spacing: var(--typography-headline-h3-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText {\n gap: var(--spacing-4, var(--spacing-4, 4px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle {\n font-family: var(--typography-headline-family);\n font-size: var(--typography-headline-h5-size);\n font-weight: var(--typography-headline-h5-weight);\n line-height: var(--typography-headline-h5-line-height);\n letter-spacing: var(--typography-headline-h5-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription {\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n}\n\n.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {\n height: var(--id-capture-notification-animation-height);\n justify-content: center;\n align-items: center;\n width: auto;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage {\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody {\n justify-content: center;\n align-items: center;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n flex-direction: column;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody {\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n grid-template-columns: 1fr;\n grid-template-rows: var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);\n width: 100%;\n height: 100%;\n max-width: var(--digital-id-content-max-w);\n align-content: center;\n justify-items: center;\n margin-inline: auto;\n display: grid;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone {\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter {\n width: 100%;\n margin-inline: auto;\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n justify-content: flex-end;\n row-gap: var(--spacing-16, var(--spacing-16, 16px));\n max-width: var(--digital-id-content-max-w);\n min-height: var(--digital-id-footer-min-h);\n flex-direction: column;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput {\n display: none;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration {\n width: 100%;\n max-height: var(--digital-id-tutorial-illustration-max-h);\n flex: 1;\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {\n height: var(--digital-id-illustration-max-h);\n aspect-ratio: 191 / 266;\n width: auto;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-neutral-100, var(--border-neutral-100));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview {\n width: var(--digital-id-preview-w);\n height: var(--digital-id-preview-h);\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n overflow: visible;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf {\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n border-width: var(--border-width-bold, var(--primitive-border-width-2));\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--color-border-status-positive, var(--border-status-positive-static));\n object-fit: contain;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf {\n object-fit: contain;\n width: 100%;\n height: 100%;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName {\n text-align: center;\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-m-regular-size);\n font-weight: var(--typography-body-m-regular-weight);\n line-height: var(--typography-body-m-regular-line-height);\n letter-spacing: var(--typography-body-m-regular-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\n max-width: var(--digital-id-file-name-max-w);\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n width: var(--digital-id-progress-bar-w);\n height: var(--digital-id-progress-bar-h);\n overflow: hidden;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill {\n border-radius: var(--radius-full, var(--border-radius-full));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n pointer-events: none;\n width: var(--digital-id-preview-w);\n height: var(--digital-id-laser-h);\n transform: translateX(-50%) scale(var(--digital-id-laser-scale));\n position: absolute;\n top: -2px;\n left: 50%;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay {\n display: none;\n }\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon {\n color: var(--color-icon-status-positive, var(--icon-status-positive));\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon {\n margin-bottom: var(--spacing-8, var(--spacing-8, 8px));\n color: var(--color-icon-status-negative, var(--icon-status-negative));\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n border-style: var(--tw-border-style);\n --tw-border-style: solid;\n border-style: solid;\n border-width: 1px;\n border-color: var(--color-border-status-negative, var(--border-status-negative));\n padding: var(--spacing-4);\n}\n\n.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts {\n margin-top: var(--spacing-8, var(--spacing-8, 8px));\n font-family: var(--typography-body-family);\n font-size: var(--typography-body-s-regular-size);\n font-weight: var(--typography-body-s-regular-weight);\n line-height: var(--typography-body-s-regular-line-height);\n letter-spacing: var(--typography-body-s-regular-letter-spacing);\n color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n}\n\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n";
1
+ export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid}}}.IncodeSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.IncodeAgeVerificationPage .IncodePageInner{padding-top:var(--spacing-8,var(--spacing-8,8px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeAgeVerificationPage .IncodePageHeader{height:var(--page-header-height);min-height:var(--page-header-height)}.IncodeAgeVerificationPage .IncodePageLogo{height:var(--age-verification-logo-height)}.IncodeAgeVerificationPage .IncodePageTitleContainer{max-width:none}.IncodeAgeVerificationPage .IncodePageContent{justify-content:center}.IncodeAgeVerificationPage .IncodePageFooter{padding-top:var(--spacing-12,var(--spacing-12,12px));padding-bottom:var(--spacing-0,var(--spacing-none,0px))}.IncodeAgeVerificationPage .IncodeAgeVerificationContent{justify-content:space-between;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationList{width:100%;max-width:var(--incode-form-max-w);justify-content:center;gap:var(--spacing-16,var(--spacing-16,16px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;flex:1;margin-inline:auto;list-style-type:none;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationItem{align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon{height:var(--spacing-64,var(--spacing-64,64px));width:var(--spacing-96,var(--spacing-96,96px));flex-shrink:0;justify-content:center;align-items:center;display:flex}.IncodeAgeVerificationPage .IncodeAgeVerificationIcon img{width:100%;height:100%}.IncodeAgeVerificationPage .IncodeAgeVerificationText{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));flex:1}.IncodeAgeVerificationPage .IncodeAgeVerificationButton{width:100%;max-width:var(--incode-form-max-w);margin-inline:auto}.IncodeIdTutorial .IncodePageTitleContainer{padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdTutorial .IncodeBaseTutorialContainer{margin:calc(var(--spacing-24,var(--spacing-24,24px)) * -1)}.IncodeIdTutorial .IncodeBaseTutorialAnimationContainer{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeFlipAnimation{background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));height:100%;padding:var(--spacing-24,var(--spacing-24,24px));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdFlipCardLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy{opacity:0;flex-direction:column;align-items:center;animation:.3s ease-out forwards incodeIdFlipCardFadeIn;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle{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);color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle{max-width:var(--id-capture-flip-card-subtitle-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))}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping{--frame-border-color:var(--border-neutral-100)}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene{perspective:1200px;width:100%;height:100%}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{width:100%;height:100%;transform-style:preserve-3d;animation:1s ease-in-out .6s forwards incodeIdFlipCardRotate;position:relative}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard{animation:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace{inset:var(--spacing-0,var(--spacing-none,0px));backface-visibility:hidden;width:100%;height:100%;position:absolute}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack{opacity:0;animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;transform:none}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{object-fit:cover;width:100%;height:100%;animation:1s ease-in-out .6s forwards incodeIdFlipCardFrontFade}@media (prefers-reduced-motion:reduce){.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage{animation:1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut}}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset{object-fit:cover;width:100%;height:100%;padding:var(--spacing-4,var(--spacing-4,4px));display:block}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea{z-index:10;width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;flex:1;align-items:center;display:flex}.IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));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);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}@keyframes incodeIdFlipCardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardRotate{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes incodeIdFlipCardFrontFade{0%,20%{opacity:1}50%,to{opacity:0}}@keyframes incodeIdFlipCardReducedMotionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeIdFlipCardReducedMotionFadeOut{0%{opacity:1}to{opacity:0}}.IncodeCommonIssuesFullScreen .IncodeModalDialog{max-width:none;height:100%;max-height:none}.IncodeCommonIssuesFullScreen .IncodeModalContent{border-radius:var(--radius-none,var(--border-radius-none));max-width:none;height:100%;margin:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesQuestionIcon{flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesTitle{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)}.IncodeCommonIssuesContent .IncodeCommonIssuesCards{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}.IncodeCommonIssuesContent .IncodeCommonIssuesCard{align-items:flex-start;gap:var(--spacing-16,var(--spacing-16,16px));display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardIcon{color:var(--color-text-body-primary,var(--text-body-800-primary));flex-shrink:0}.IncodeCommonIssuesContent .IncodeCommonIssuesCardText{gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;display:flex}.IncodeCommonIssuesContent .IncodeCommonIssuesCardTitle{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)}.IncodeCommonIssuesContent .IncodeCommonIssuesCardBody{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))}.IncodeCommonIssuesContent .IncodeCommonIssuesButtons{margin-top:auto}.IncodeCommonIssuesContent .IncodeCommonIssuesTakeManually{color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeCommonIssuesContent .IncodeCommonIssuesTryAgain{width:100%}.IncodeChooserPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px));padding-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeChooserPage .IncodePageTitle{max-width:var(--incode-form-max)}.IncodeChooserPage .IncodeChooserContainer{min-height:var(--spacing-0,var(--spacing-none,0px));width:100%;max-height:var(--id-capture-chooser-list-max-h);max-width:var(--id-capture-chooser-list-max-w);padding:var(--id-capture-chooser-list-scroll-padding);scroll-padding-block:var(--id-capture-chooser-list-scroll-padding);margin-inline:auto;flex-direction:column;align-items:center;margin-top:auto;display:flex;overflow-y:auto}.IncodeCaptureFrame{border-radius:var(--radius-medium,var(--border-radius-medium));--frame-border-color:var(--border-neutral-100);border:var(--id-capture-frame-border-width) solid var(--frame-border-color);justify-content:center;align-self:center;align-items:center;transition:max-width .3s ease-out,border-color .3s ease-out;display:flex;position:relative}.IncodeCaptureFrame.IncodeCaptureFrameHorizontal{width:100%;max-width:var(--id-capture-frame-horizontal-max-width);aspect-ratio:35/22}.IncodeCaptureFrame.IncodeCaptureFrameVertical{width:100%;max-width:var(--id-capture-frame-vertical-max-width);aspect-ratio:22/35}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal{aspect-ratio:42/30}.IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical{aspect-ratio:30/42}.IncodeCaptureFrame.IncodeCaptureFrameIdle{--frame-border-color:var(--border-neutral-100)}.IncodeCaptureFrame.IncodeCaptureFrameCapturing,.IncodeCaptureFrame.IncodeCaptureFrameFocus{--frame-border-color:var(--border-brand-500)}.IncodeCaptureFrame.IncodeCaptureFrameAnalyzing,.IncodeCaptureFrame.IncodeCaptureFrameSuccess{--frame-border-color:var(--border-status-positive-static)}.IncodeCaptureFrame.IncodeCaptureFrameError{--frame-border-color:var(--border-status-negative)}.IncodeIdCaptureStage{width:100%;height:100%;position:relative}.IncodeIdCaptureStage>*{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation:incodeIdCaptureResultCrossfadeOut var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultExiting{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{pointer-events:none;z-index:1001;opacity:0;animation:incodeIdCaptureAnalyzingReveal .2s ease-out calc(var(--capture-countdown-end) + var(--id-capture-result-flash-duration)) forwards}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageAnalyzingPending{animation-duration:1ms}}.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation:incodeIdCaptureResultCrossfadeIn var(--id-capture-result-crossfade-duration) linear forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.IncodeIdCaptureStage>.IncodeIdCaptureStageResultEntering{animation-duration:1ms}}.IncodeIdCapturePage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900))}@media (width>=48rem){.IncodeIdCapturePage{background-color:var(--capture-page-backdrop-color)}}.IncodeIdCapturePage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdCapturePage .IncodePageContent{flex:1;position:relative}.IncodeIdCapturePage .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo{pointer-events:none;inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo.IncodeCaptureVideoLoading{opacity:0}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureVideo .IncodeCaptureVideoElement{inset:var(--spacing-0,var(--spacing-none,0px));object-fit:cover;width:100%;max-width:100%;height:100%;position:absolute}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureOverlay{pointer-events:none;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureButton{border-radius:var(--radius-button-primary,var(--button-primary-border-radius));padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-block:var(--spacing-12,var(--spacing-12,12px));background-color:var(--color-button-primary-surface-default,var(--button-primary-surface-default));color:var(--color-button-primary-text-default,var(--button-primary-text-default))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureInitializing .IncodeCaptureInitializingText{margin-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCapturePage .IncodeCaptureInitializing .IncodeCaptureUploading,.IncodeIdCapturePage .IncodeCaptureUploading{height:100%;color:var(--color-text-body-0,var(--text-body-0-static));flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes incodeIdCaptureAnalyzingReveal{0%{opacity:0}to{opacity:1}}@keyframes incodeIdCaptureResultCrossfadeOut{0%{opacity:1}to{opacity:0}}@keyframes incodeIdCaptureResultCrossfadeIn{0%{opacity:0}to{opacity:1}}.IncodeCaptureOverlayId{padding:var(--spacing-24,var(--spacing-24,24px));align-items:center}.IncodeCaptureOverlayId .IncodeCaptureTopSection{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;display:flex}.IncodeCaptureOverlayId .IncodeCaptureTopSection .IncodeCameraOverlayHeader{padding-inline:var(--spacing-16,var(--spacing-16,16px));padding-top:var(--spacing-16,var(--spacing-16,16px))}.IncodeCaptureOverlayId .IncodeCaptureFooter{flex:1;justify-content:space-between}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeCaptureFooterCaptureSection{position:relative}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer{pointer-events:none;z-index:1000;--manual-capture-tooltip-button-gap:var(--spacing-4);--manual-capture-tooltip-button-top-offset:var(--spacing-12);--manual-capture-tooltip-button-center-offset:calc(var(--spacing-32) + var(--manual-capture-tooltip-button-gap));width:max-content;left:50%;bottom:calc(100% - ( var(--manual-capture-tooltip-button-top-offset) - var(--manual-capture-tooltip-button-gap) ));animation:manualCaptureTooltipExit .35s ease-in var(--manual-capture-tooltip-dismiss-delay,3.5s) forwards;justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px));animation:.5s ease-out forwards slideUp}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;animation:none;position:absolute;overflow:hidden}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerSrOnly .IncodeIdManualCaptureTooltip{animation:none}.IncodeCaptureOverlayId .IncodeCaptureFooter .IncodeIdManualCaptureTooltipContainer.IncodeIdManualCaptureTooltipContainerAutoDismiss{animation-name:manualCaptureTooltipExitAutoDismiss}.IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport{aspect-ratio:42/30}.IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport{aspect-ratio:30/42}@keyframes manualCaptureTooltipExit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%, calc(50% + var(--manual-capture-tooltip-button-center-offset)))}}@keyframes manualCaptureTooltipExitAutoDismiss{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.5;transform:translate(-50%, calc(25% + var(--manual-capture-tooltip-button-center-offset))) scale(.5)}}.IncodeIdManualCaptureButton{bottom:var(--spacing-24,var(--spacing-24,24px));z-index:100;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));flex-direction:column;animation:.5s ease-out forwards slideUp;display:flex;position:absolute;left:50%}.IncodeIdManualCaptureButton .IncodeButtonLink{height:100%;padding:var(--spacing-0,var(--spacing-none,0px));color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip{border-radius:var(--radius-medium,var(--border-radius-medium));background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));padding:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList{margin:var(--spacing-0,var(--spacing-none,0px));padding:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;align-items:center;list-style-type:none;display:flex}.IncodeIdManualCaptureButton .IncodeIdManualCaptureTooltipContainer .IncodeIdManualCaptureTooltip .IncodeIdManualCaptureTooltipList li{margin:var(--spacing-0,var(--spacing-none,0px));font-family:var(--typography-tooltip-family);font-size:var(--typography-tooltip-m-size);font-weight:var(--typography-tooltip-m-weight);line-height:var(--typography-tooltip-m-line-height);letter-spacing:var(--typography-tooltip-m-letter-spacing);text-wrap:nowrap;color:var(--color-text-body-0-static,var(--text-body-0-static))}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent .IncodeIdManualCaptureButtonButton svg{transition:filter .2s,transform .2s}.IncodeIdManualCaptureButton .IncodeIdManualCaptureButtonContent:active svg{filter:brightness(.8);transform:scale(.95)}@keyframes slideUpAndDown{0%,12%{opacity:0;transform:translateY(100%)}24%{opacity:1;transform:translateY(0)}76%{opacity:1;transform:translateY(0)}88%,to{opacity:0;transform:translateY(100%)}}.IncodeIdHint{inset:var(--spacing-0,var(--spacing-none,0px));z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.IncodeIdHint .IncodeIdHintAnimated{justify-content:center;align-items:center;width:100%;height:100%;animation:3s ease-in-out forwards slideUpAndDown;display:flex;position:relative}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg{justify-content:center;align-items:center;display:flex}.IncodeIdHint .IncodeIdHintAnimated .IncodeIdHintSvg svg{width:var(--id-capture-hint-svg-size);height:var(--id-capture-hint-svg-size);min-width:var(--id-capture-hint-svg-size);min-height:var(--id-capture-hint-svg-size)}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{opacity:0;width:100%;height:100%;animation:incodePermissionInCameraReveal var(--id-tutorial-to-permission-transition-duration) ease-out var(--id-permission-in-camera-reveal-delay) forwards;flex-direction:column;align-items:center;display:flex}.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraReservedFooter{visibility:hidden}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraPage .IncodePermissionInCameraContent{animation-duration:1ms;animation-delay:0s}}@keyframes incodePermissionInCameraReveal{0%{opacity:0}to{opacity:1}}.IncodeComponent .IncodePermissionInCameraFlowStage{width:100%;height:100%;position:relative}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer,.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowCaptureLayer{z-index:10}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayer{z-index:20}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayer{z-index:30}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting{pointer-events:none;animation:incodePermissionInCameraToCaptureExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in var(--id-permission-in-camera-to-capture-transition-duration) forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading{animation:incodePermissionInCameraHeadingExit var(--id-permission-in-camera-to-capture-transition-duration) ease-in forwards}.IncodeComponent .IncodePermissionInCameraFlowStage>.IncodePermissionInCameraFlowTutorialLayerExiting{pointer-events:none;animation:incodeTutorialToPermissionInCameraExit var(--id-tutorial-to-permission-transition-duration) ease-in forwards}@media (prefers-reduced-motion:reduce){.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting{animation-duration:1ms;animation-delay:0s}.IncodeComponent .IncodePermissionInCameraFlowPermissionLayerExiting .IncodePermissionInCameraHeading,.IncodeComponent .IncodePermissionInCameraFlowTutorialLayerExiting{animation-duration:1ms}}@keyframes incodeTutorialToPermissionInCameraExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraHeadingExit{0%{opacity:1}to{opacity:0}}@keyframes incodePermissionInCameraToCaptureExit{0%{opacity:1}to{opacity:0}}.IncodeIdProcessingPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdProcessingLayout{width:100%;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));flex-direction:column;justify-content:center;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent{z-index:10;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingTopArea{justify-content:flex-end;align-items:center;gap:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-40,var(--spacing-40,40px));z-index:10;flex-direction:column;flex:1;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame{overflow:hidden}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical{width:var(--id-capture-frame-vertical-width)}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical .IncodeIdProcessingOverlay{left:-25%;right:-25%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage{background-color:var(--color-surface-neutral-900,var(--surface-neutral-900));object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingImage.IncodeIdProcessingImageBlurred{filter:blur(var(--id-processing-image-blur-radius));backdrop-filter:blur(var(--id-processing-image-blur-radius))}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingPlaceholder{background-color:var(--color-surface-neutral-100,var(--surface-neutral-100));width:100%;height:100%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeCaptureFrame .IncodeIdProcessingOverlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 -10%}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea{width:100%;max-width:var(--id-capture-bottom-area-max-w);padding-top:var(--spacing-8,var(--spacing-8,8px));z-index:10;flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingLayoutContent .IncodeIdProcessingBottomArea .IncodeCaptureEncryptionLabel{justify-content:center;align-items:center;gap:var(--spacing-4,var(--spacing-4,4px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));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);white-space:nowrap;color:var(--color-text-body-primary,var(--text-body-800-primary));display:flex}.IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea{justify-content:flex-end}.IncodeIdProcessingLayout .IncodeAnalyzingContent{flex-direction:column;align-items:center;display:flex}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeProgressBarContainer{margin-bottom:var(--spacing-24,var(--spacing-24,24px))}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle{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);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center;min-height:var(--typography-headline-h2-line-height)}.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation:IncodeAnalyzingTitleFade var(--id-capture-analyzing-title-fade-duration) ease-out both;display:inline-block}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeAnalyzingContent .IncodeAnalyzingTitle .IncodeAnalyzingTitleText{animation-duration:1ms}}.IncodeIdProcessingLayout .IncodeAnalyzingLottie{width:100%;max-width:none}@keyframes IncodeAnalyzingTitleFade{0%{opacity:0;transform:translateY(var(--id-capture-analyzing-title-fade-offset))}to{opacity:1;transform:none}}.IncodeIdProcessingLayout .IncodeIdProcessingResultContent,.IncodeIdProcessingLayout .IncodeIdProcessingResultStatus{flex-direction:column;align-items:center;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultTitle{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);color:var(--color-text-body-primary,var(--text-body-800-primary));text-align:center}.IncodeIdProcessingLayout .IncodeIdProcessingResultSubtitle{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));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainer{margin-top:var(--spacing-24,var(--spacing-24,24px));gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;display:flex}.IncodeIdProcessingLayout .IncodeIdProcessingResultAttempts{padding-block:var(--spacing-12,var(--spacing-12,12px));text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation:.3s ease-out forwards incodeIdProcessingResultFadeOut}@media (prefers-reduced-motion:reduce){.IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting,.IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting{animation-duration:1ms}}@keyframes incodeIdProcessingResultFadeOut{0%{opacity:1}to{opacity:0}}.IncodeIdError{inset:var(--spacing-0,var(--spacing-none,0px));z-index:1000;justify-content:center;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;height:100%;display:flex;position:fixed}.IncodeIdError .IncodeIdErrorMessage{text-align:center;font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing);color:var(--color-text-body-0,var(--text-body-0-static));max-width:var(--incode-form-max-w);margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent{padding-inline:var(--spacing-20,var(--spacing-20,20px));max-height:var(--id-no-attempts-content-max-h);max-width:var(--id-no-attempts-content-max-w);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:auto;display:flex}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsIcon{margin-bottom:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsTitle{text-align:center;color:var(--color-text-body-primary,var(--text-body-800-primary))}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsSubtitle{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));text-align:center;max-width:var(--incode-form-max-w)}.IncodeIdNoAttemptsContent .IncodeIdNoAttemptsButtonContainer{bottom:var(--spacing-32,var(--spacing-32,32px));right:var(--spacing-0,var(--spacing-none,0px));left:var(--spacing-0,var(--spacing-none,0px));padding-inline:var(--spacing-24,var(--spacing-24,24px));justify-content:center;display:flex;position:absolute}.IncodeUnacceptedIdDocuments{margin-top:var(--spacing-32,var(--spacing-32,32px));flex-direction:column;align-items:center;width:100%;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountry{margin-bottom:var(--spacing-32,var(--spacing-32,32px));align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;display:flex}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryHeading{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h4-size);font-weight:var(--typography-headline-h4-weight);line-height:var(--typography-headline-h4-line-height);letter-spacing:var(--typography-headline-h4-letter-spacing)}.IncodeUnacceptedIdDocuments .IncodeUnacceptedIdDocumentsCountryLabel{align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary));display:inline-flex}.IncodeIdCaptureNotification{right:var(--spacing-24,var(--spacing-24,24px));left:var(--spacing-24,var(--spacing-24,24px));z-index:100;max-width:var(--incode-form-max-w);padding-bottom:var(--spacing-32,var(--spacing-32,32px));top:var(--incode-overlay-top-inset,var(--spacing-24));align-items:flex-end;margin:auto;display:flex;position:absolute}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent{z-index:100;border-radius:var(--radius-large,var(--border-radius-large));border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border-neutral-300,var(--border-neutral-300));background-color:var(--color-surface-neutral-900-80,var(--surface-neutral-900-80));width:100%;padding-inline:var(--spacing-20,var(--spacing-20,20px));box-shadow:var(--id-capture-notification-content-shadow);display:flex;overflow:hidden}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal{justify-content:center}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText{justify-content:center;gap:var(--spacing-8,var(--spacing-8,8px));padding-top:var(--spacing-16,var(--spacing-16,16px));padding-bottom:var(--spacing-12,var(--spacing-12,12px));text-align:center;color:var(--color-text-body-0-static,var(--text-body-0-static));flex-direction:column;display:flex}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{font-family:var(--typography-headline-family);font-size:var(--typography-headline-h3-size);font-weight:var(--typography-headline-h3-weight);line-height:var(--typography-headline-h3-line-height);letter-spacing:var(--typography-headline-h3-letter-spacing)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{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-tertiary-static,var(--text-body-300-tertiary-static))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText{gap:var(--spacing-4,var(--spacing-4,4px));padding-block:var(--spacing-16,var(--spacing-16,16px))}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationTitle{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)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent.IncodeIdCaptureNotificationContent--minimal .IncodeIdCaptureNotificationText .IncodeIdCaptureNotificationDescription{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)}.IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation{height:var(--id-capture-notification-animation-height);justify-content:center;align-items:center;width:auto;display:flex}.IncodeDigitalIdUploadPage{height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadBody{justify-content:center;align-items:center;row-gap:var(--spacing-16,var(--spacing-16,16px));width:100%;height:100%;max-width:var(--digital-id-content-max-w);flex-direction:column;margin-inline:auto;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewBody{row-gap:var(--spacing-16,var(--spacing-16,16px));grid-template-columns:1fr;grid-template-rows:var(--spacing-24) var(--digital-id-preview-h) var(--spacing-24);width:100%;height:100%;max-width:var(--digital-id-content-max-w);align-content:center;justify-items:center;margin-inline:auto;display:grid}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreStatusZone{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPostCaptionZone{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFooter{width:100%;margin-inline:auto;margin-top:var(--spacing-24,var(--spacing-24,24px));margin-bottom:var(--spacing-8,var(--spacing-8,8px));justify-content:flex-end;row-gap:var(--spacing-16,var(--spacing-16,16px));max-width:var(--digital-id-content-max-w);min-height:var(--digital-id-footer-min-h);flex-direction:column;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadHiddenInput{display:none}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadTutorialIllustration{width:100%;max-height:var(--digital-id-tutorial-illustration-max-h);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage{height:var(--digital-id-illustration-max-h);aspect-ratio:191/266;width:auto}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewCard{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreview{width:var(--digital-id-preview-w);height:var(--digital-id-preview-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadDocumentPreviewPdf{border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);border-width:var(--border-width-bold,var(--primitive-border-width-2));--tw-border-style:solid;border-style:solid;border-color:var(--color-border-status-positive,var(--border-status-positive-static));object-fit:contain;width:100%;height:100%;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadPreviewPdf{object-fit:contain;width:100%;height:100%}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadFileName{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-text-body-primary,var(--text-body-800-primary));max-width:var(--digital-id-file-name-max-w);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBar{border-radius:var(--radius-full,var(--border-radius-full));background-color:var(--color-surface-neutral-200,var(--surface-neutral-200));width:var(--digital-id-progress-bar-w);height:var(--digital-id-progress-bar-h);overflow:hidden}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadProgressBar .IncodeProgressBarFill{border-radius:var(--radius-full,var(--border-radius-full))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{pointer-events:none;width:var(--digital-id-preview-w);height:var(--digital-id-laser-h);transform:translateX(-50%) scale(var(--digital-id-laser-scale));position:absolute;top:-2px;left:50%}@media (prefers-reduced-motion:reduce){.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadLaserOverlay{display:none}}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadSuccessIcon{color:var(--color-icon-status-positive,var(--icon-status-positive));justify-content:center;align-items:center;display:flex}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorIcon{margin-bottom:var(--spacing-8,var(--spacing-8,8px));color:var(--color-icon-status-negative,var(--icon-status-negative))}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadErrorPreview{margin-top:var(--spacing-8,var(--spacing-8,8px));border-radius:var(--radius-medium,var(--border-radius-medium));border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-border-status-negative,var(--border-status-negative));padding:var(--spacing-4)}.IncodeDigitalIdUploadPage .IncodeDigitalIdUploadAttempts{margin-top:var(--spacing-8,var(--spacing-8,8px));font-family:var(--typography-body-family);font-size:var(--typography-body-s-regular-size);font-weight:var(--typography-body-s-regular-weight);line-height:var(--typography-body-s-regular-line-height);letter-spacing:var(--typography-body-s-regular-letter-spacing);color:var(--color-text-body-secondary,var(--text-body-500-secondary))}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}";
package/dist/id-ocr/styles.css CHANGED
@@ -1,56 +1,2 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
- .IncodeIdOcrPage {
3
- width: 100%;
4
- height: 100%;
5
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
6
- margin-inline: auto;
7
- animation-fill-mode: both;
8
- }
9
-
10
- @media (min-width: 48rem) {
11
- .IncodeIdOcrPage.IncodePageContainer {
12
- align-items: stretch;
13
- }
14
- }
15
-
16
- .IncodeIdOcrPage .IncodePageInner {
17
- height: 100%;
18
- min-height: var(--spacing-0, var(--spacing-none, 0px));
19
- }
20
-
21
- .IncodeIdOcrPage .IncodePageContent {
22
- min-height: var(--spacing-0, var(--spacing-none, 0px));
23
- }
24
-
25
- .IncodeIdOcrPage .IncodeIdOcrForm {
26
- margin-top: var(--spacing-32, var(--spacing-32, 32px));
27
- height: 100%;
28
- min-height: var(--spacing-0, var(--spacing-none, 0px));
29
- flex-direction: column;
30
- justify-content: flex-start;
31
- align-items: center;
32
- width: 100%;
33
- display: flex;
34
- }
35
-
36
- .IncodeIdOcrPage .IncodeIdOcrFields {
37
- min-height: var(--spacing-0, var(--spacing-none, 0px));
38
- justify-content: flex-start;
39
- align-items: center;
40
- gap: var(--spacing-16, var(--spacing-16, 16px));
41
- flex-direction: column;
42
- flex: 1;
43
- width: 100%;
44
- display: flex;
45
- overflow-y: auto;
46
- }
47
-
48
- .IncodeIdOcrPage .IncodeIdOcrButton {
49
- width: 100%;
50
- padding-top: var(--spacing-16, var(--spacing-16, 16px));
51
- flex-shrink: 0;
52
- }
53
-
54
- .IncodeIdOcrPage .IncodeIdOcrRadioGroup {
55
- max-width: var(--incode-form-max-w);
56
- }
2
+ .IncodeIdOcrPage{width:100%;height:100%;animation:fadeIn var(--motion-fade-in-duration,.7s) ease-out;margin-inline:auto;animation-fill-mode:both}@media (width>=48rem){.IncodeIdOcrPage.IncodePageContainer{align-items:stretch}}.IncodeIdOcrPage .IncodePageInner{height:100%;min-height:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdOcrPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdOcrPage .IncodeIdOcrForm{margin-top:var(--spacing-32,var(--spacing-32,32px));height:100%;min-height:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.IncodeIdOcrPage .IncodeIdOcrFields{min-height:var(--spacing-0,var(--spacing-none,0px));justify-content:flex-start;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;width:100%;display:flex;overflow-y:auto}.IncodeIdOcrPage .IncodeIdOcrButton{width:100%;padding-top:var(--spacing-16,var(--spacing-16,16px));flex-shrink:0}.IncodeIdOcrPage .IncodeIdOcrRadioGroup{max-width:var(--incode-form-max-w)}
package/dist/id-ocr/styles.css.js CHANGED
@@ -1 +1 @@
1
- export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeIdOcrPage {\n width: 100%;\n height: 100%;\n animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;\n margin-inline: auto;\n animation-fill-mode: both;\n}\n\n@media (min-width: 48rem) {\n .IncodeIdOcrPage.IncodePageContainer {\n align-items: stretch;\n }\n}\n\n.IncodeIdOcrPage .IncodePageInner {\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeIdOcrPage .IncodeIdOcrForm {\n margin-top: var(--spacing-32, var(--spacing-32, 32px));\n height: 100%;\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrFields {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n justify-content: flex-start;\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n width: 100%;\n display: flex;\n overflow-y: auto;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrButton {\n width: 100%;\n padding-top: var(--spacing-16, var(--spacing-16, 16px));\n flex-shrink: 0;\n}\n\n.IncodeIdOcrPage .IncodeIdOcrRadioGroup {\n max-width: var(--incode-form-max-w);\n}\n";
1
+ export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeIdOcrPage{width:100%;height:100%;animation:fadeIn var(--motion-fade-in-duration,.7s) ease-out;margin-inline:auto;animation-fill-mode:both}@media (width>=48rem){.IncodeIdOcrPage.IncodePageContainer{align-items:stretch}}.IncodeIdOcrPage .IncodePageInner{height:100%;min-height:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdOcrPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px))}.IncodeIdOcrPage .IncodeIdOcrForm{margin-top:var(--spacing-32,var(--spacing-32,32px));height:100%;min-height:var(--spacing-0,var(--spacing-none,0px));flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.IncodeIdOcrPage .IncodeIdOcrFields{min-height:var(--spacing-0,var(--spacing-none,0px));justify-content:flex-start;align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;width:100%;display:flex;overflow-y:auto}.IncodeIdOcrPage .IncodeIdOcrButton{width:100%;padding-top:var(--spacing-16,var(--spacing-16,16px));flex-shrink:0}.IncodeIdOcrPage .IncodeIdOcrRadioGroup{max-width:var(--incode-form-max-w)}";