@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.
- package/dist/antifraud/styles.css +0 -1
- package/dist/base.css +1 -7417
- package/dist/certificate-issuance/styles.css +1 -72
- package/dist/certificate-issuance/styles.css.js +1 -1
- package/dist/consent/styles.css +1 -129
- package/dist/consent/styles.css.js +1 -1
- package/dist/curp-validation/styles.css +1 -128
- package/dist/curp-validation/styles.css.js +1 -1
- package/dist/custom-fields/styles.css +1 -21
- package/dist/custom-fields/styles.css.js +1 -1
- package/dist/document-capture/styles.css +1 -378
- package/dist/document-capture/styles.css.js +1 -1
- package/dist/dynamic-forms/styles.css +1 -104
- package/dist/dynamic-forms/styles.css.js +1 -1
- package/dist/ekyb/styles.css +1 -113
- package/dist/ekyb/styles.css.js +1 -1
- package/dist/ekyc/styles.css +1 -108
- package/dist/ekyc/styles.css.js +1 -1
- package/dist/electronic-signature/styles.css +1 -407
- package/dist/electronic-signature/styles.css.js +1 -1
- package/dist/email/styles.css +1 -11
- package/dist/email/styles.css.js +1 -1
- package/dist/face-match/styles.css +1 -535
- package/dist/face-match/styles.css.js +1 -1
- package/dist/field-comparison/styles.css +1 -27
- package/dist/field-comparison/styles.css.js +1 -1
- package/dist/fiscal-qr/styles.css +1 -82
- package/dist/fiscal-qr/styles.css.js +1 -1
- package/dist/flow/shell/styles.css +1 -401
- package/dist/flow/shell/styles.css.js +1 -1
- package/dist/flow/styles.css +1 -5487
- package/dist/geolocation/styles.css +1 -165
- package/dist/geolocation/styles.css.js +1 -1
- package/dist/government-validation/styles.css +1 -4
- package/dist/government-validation/styles.css.js +1 -1
- package/dist/id/styles.css +1 -1640
- package/dist/id/styles.css.js +1 -1
- package/dist/id-ocr/styles.css +1 -55
- package/dist/id-ocr/styles.css.js +1 -1
- package/dist/id-selfie-flow/styles.css +1 -806
- package/dist/identity-reuse/styles.css +1 -258
- package/dist/phone/styles.css +1 -10
- package/dist/phone/styles.css.js +1 -1
- package/dist/redirect-to-mobile/styles.css +1 -323
- package/dist/redirect-to-mobile/styles.css.js +1 -1
- package/dist/selfie/styles.css +1 -316
- package/dist/selfie/styles.css.js +1 -1
- package/dist/signature/styles.css +1 -116
- package/dist/signature/styles.css.js +1 -1
- package/dist/themes/dark.css +1 -1565
- package/dist/themes/light.css +1 -1441
- package/dist/video-selfie/styles.css +1 -890
- package/dist/video-selfie/styles.css.js +1 -1
- package/dist/watchlist-for-business/styles.css +1 -17
- package/dist/watchlist-for-business/styles.css.js +1 -1
- package/dist/workflow/styles.css +1 -5042
- package/package.json +3 -2
|
@@ -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-border-style: solid;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-rotate-x: initial;\n --tw-rotate-y: initial;\n --tw-rotate-z: initial;\n --tw-skew-x: initial;\n --tw-skew-y: initial;\n }\n }\n}\n\n@layer incode-theme, incode-utilities, incode-base, incode-components;\n\n@keyframes slideUp {\n from {\n transform: translateY(100%);\n }\n\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n\n@keyframes incodeToastFadeInOut {\n 0% {\n opacity: 0;\n transform: translate(-50%, -20px);\n }\n\n 15% {\n opacity: 1;\n transform: translate(-50%);\n }\n\n 85% {\n opacity: 1;\n transform: translate(-50%);\n }\n\n 100% {\n opacity: 0;\n transform: translate(-50%, -20px);\n }\n}\n\n.IncodeCaptureContainer {\n flex-direction: column;\n flex: 1;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n position: relative;\n overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureFrame {\n aspect-ratio: 1;\n width: 100%;\n max-width: var(--face-capture-frame-max-w);\n border-radius: var(--radius-full, var(--border-radius-full));\n border-style: var(--tw-border-style);\n border-width: 12px;\n border-color: #0000;\n position: relative;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoWrapper {\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);\n width: calc(100% - 24px);\n height: calc(100% - 24px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-neutral-100-static, var(--surface-neutral-100-static));\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n overflow: hidden;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideo {\n z-index: 50;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeMediaCoverPending {\n opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored {\n transform: scaleX(-1);\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarHost {\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n object-fit: cover;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeMediaCoverPending {\n opacity: 0;\n}\n\n.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored {\n transform: scaleX(-1);\n}\n\n.IncodeCaptureVisuallyHidden {\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.IncodeFaceOutline {\n width: 100%;\n height: 100%;\n}\n\n.IncodeLoadingBorder {\n aspect-ratio: 1;\n width: 100%;\n max-width: var(--face-capture-frame-max-w);\n position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderBase, .IncodeLoadingBorder .IncodeLoadingBorderForeground {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n position: absolute;\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning {\n animation: var(--animate-spin, spin 1s linear infinite);\n}\n\n.IncodeLoadingBorder .IncodeLoadingBorderPath {\n transition: all 1s ease-in-out;\n}\n\n.IncodeNotification {\n flex-direction: column;\n align-items: center;\n display: flex;\n}\n\n.IncodeNotification .IncodeNotificationText {\n text-align: center;\n font-family: var(--typography-feedback-family);\n font-size: var(--typography-feedback-l-size);\n font-weight: var(--typography-feedback-l-weight);\n line-height: var(--typography-feedback-l-line-height);\n letter-spacing: var(--typography-feedback-l-letter-spacing);\n color: var(--color-text-body-primary, var(--text-body-800-primary));\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.IncodeVideoSelfieCapturePage {\n background-color: var(--capture-page-backdrop-color);\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n max-height: none;\n}\n\n.IncodeVideoSelfieCapturePage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeVideoSelfieOverlay {\n pointer-events: none;\n inset: var(--spacing-0, var(--spacing-none, 0px));\n z-index: 10;\n flex-direction: column;\n align-items: center;\n display: flex;\n position: absolute;\n container-type: inline-size;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage {\n background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageInner {\n padding: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodePageContent {\n flex: 1;\n position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCamera {\n width: 100%;\n height: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n flex-direction: column;\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraContent {\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n flex-direction: column;\n display: flex;\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraIcon {\n width: var(--spacing-40, var(--spacing-40, 40px));\n height: var(--spacing-40, var(--spacing-40, 40px));\n}\n\n.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraTitle {\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-0-static, var(--text-body-0-static));\n}\n\n.IncodeVideoSelfieTutorialPage .IncodePageContent {\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVideoSelfieTutorialBody {\n margin-top: var(--spacing-24, var(--spacing-24, 24px));\n min-height: var(--spacing-0, var(--spacing-none, 0px));\n flex: 1;\n overflow-y: auto;\n}\n\n.IncodeVideoSelfieTutorialSteps {\n width: 100%;\n max-width: var(--incode-form-max-w);\n gap: var(--spacing-8, var(--spacing-8, 8px));\n flex-direction: column;\n margin-inline: auto;\n display: flex;\n}\n\n.IncodeVideoSelfieTutorialStep {\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n display: flex;\n}\n\n.IncodeVideoSelfieTutorialStepIcon {\n width: var(--spacing-40, var(--spacing-40, 40px));\n height: var(--spacing-40, var(--spacing-40, 40px));\n border-radius: var(--radius-small, var(--border-radius-small));\n border-style: var(--tw-border-style);\n border-width: 2px;\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 color: var(--color-text-body-secondary, var(--text-body-500-secondary));\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.IncodeVideoSelfieTutorialStepIcon svg {\n height: var(--spacing-24, var(--spacing-24, 24px));\n width: var(--spacing-24, var(--spacing-24, 24px));\n}\n\n.IncodeVideoSelfieTutorialStep:not(:last-child) .IncodeVideoSelfieTutorialStepIcon:after {\n content: \"\";\n height: var(--spacing-8, var(--spacing-8, 8px));\n width: var(--spacing-2, var(--spacing-2, 2px));\n --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n background-color: var(--color-border-neutral-100, var(--border-neutral-100));\n position: absolute;\n top: 100%;\n left: 50%;\n}\n\n.IncodeVideoSelfieTutorialStepLabel {\n text-align: left;\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.IncodeVideoSelfieTutorialActions {\n bottom: var(--spacing-0, var(--spacing-none, 0px));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n width: 100%;\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n padding-bottom: var(--spacing-24, var(--spacing-24, 24px));\n flex-shrink: 0;\n display: flex;\n position: sticky;\n}\n\n.IncodeVideoSelfieTutorialStartButton {\n max-width: var(--incode-form-max-w);\n margin: auto;\n}\n\n.IncodeVsStepsHeader {\n inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n top: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-2, var(--spacing-2, 2px));\n width: 100%;\n padding-inline: var(--spacing-24, var(--spacing-24, 24px));\n padding-top: var(--spacing-24, var(--spacing-24, 24px));\n color: var(--color-text-body-0-static, var(--text-body-0-static));\n z-index: var(--video-selfie-chrome-z-index);\n background-color: #0000;\n list-style-type: none;\n display: flex;\n position: absolute;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep {\n align-items: center;\n gap: var(--spacing-8, var(--spacing-8, 8px));\n width: 100%;\n height: var(--video-selfie-stepper-height);\n flex-direction: column;\n flex: 1;\n display: flex;\n position: relative;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStep img {\n width: var(--spacing-32, var(--spacing-32, 32px));\n height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderPill {\n border-radius: var(--radius-full, var(--border-radius-full));\n background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));\n width: 100%;\n height: var(--video-selfie-stepper-pill-height);\n opacity: .25;\n transition: opacity .3s ease-in-out;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCompleted .IncodeVsStepsHeaderPill {\n opacity: .5;\n}\n\n.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCurrent .IncodeVsStepsHeaderPill {\n opacity: 1;\n}\n\n.IncodeVsStepsHeader.IncodeVsStepsHeaderFinished .IncodeVsStepsHeaderPill {\n background-color: var(--border-status-positive-static);\n opacity: 1;\n}\n\n.IncodeVsSelfieManualCapture {\n pointer-events: auto;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask {\n border-radius: var(--radius-full, var(--border-radius-full));\n z-index: var(--video-selfie-mask-z-index);\n width: 86cqw;\n height: 86cqw;\n box-shadow: var(--video-selfie-mask-vignette-shadow);\n position: absolute;\n top: calc(50% - 7cqw);\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMask .IncodeVsSelfieMaskRing {\n inset: var(--spacing-0, var(--spacing-none, 0px));\n width: 100%;\n height: 100%;\n position: absolute;\n overflow: visible;\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskFeedback {\n inset-inline: var(--spacing-0, var(--spacing-none, 0px));\n align-items: center;\n gap: var(--spacing-16, var(--spacing-16, 16px));\n text-align: center;\n width: 100%;\n z-index: var(--video-selfie-chrome-z-index);\n max-width: var(--video-selfie-feedback-max-width);\n flex-direction: column;\n margin-inline: auto;\n display: flex;\n position: absolute;\n top: calc(50% + 36cqw + 40px);\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskIcon {\n width: var(--spacing-32, var(--spacing-32, 32px));\n height: var(--spacing-32, var(--spacing-32, 32px));\n}\n\n.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskText {\n margin: var(--spacing-0, var(--spacing-none, 0px));\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-0-static, var(--text-body-0-static));\n}\n\n.IncodeVsIdMask {\n z-index: 50;\n padding-inline: var(--spacing-24);\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n inset: 0;\n}\n\n.IncodeVsIdMask .IncodeVsIdManualCapture {\n bottom: var(--spacing-32);\n z-index: 60;\n pointer-events: auto;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification {\n top: calc(var(--spacing-24) + var(--video-selfie-stepper-height) + var(--spacing-16));\n}\n\n.IncodeVsIdMask .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent {\n background-color: var(--surface-neutral-900-static);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback {\n z-index: 100;\n justify-content: center;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n border-radius: var(--radius-medium, var(--border-radius-medium));\n padding: var(--spacing-32, var(--spacing-32, 32px));\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-0-static, var(--text-body-0-static));\n background-color: var(--surface-neutral-900-static);\n border: var(--border-width-regular) solid var(--border-neutral-100-static);\n width: max-content;\n max-width: var(--video-selfie-id-feedback-max-width);\n flex-direction: column;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n overflow: hidden;\n transform: translate(-50%, -50%);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackError {\n width: var(--video-selfie-id-feedback-width);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing {\n gap: var(--spacing-16);\n color: var(--text-body-50-static);\n width: var(--video-selfie-id-processing-feedback-width);\n height: var(--video-selfie-id-processing-feedback-height);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing p {\n white-space: nowrap;\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerPrimary {\n fill: var(--spinner-surface-primary);\n}\n\n.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerSecondary {\n fill: var(--surface-brand-900-static);\n}\n\n.IncodeVsIdFlipModal .IncodeModalDialog {\n max-width: none;\n height: 100%;\n}\n\n.IncodeVsIdFlipModal .IncodeModalContent {\n border-radius: var(--radius-none, var(--border-radius-none));\n background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));\n max-width: none;\n height: 100%;\n padding: var(--spacing-24, var(--spacing-24, 24px));\n justify-content: center;\n gap: var(--video-selfie-id-flip-gap);\n}\n\n.IncodeVsIdFlipModal .IncodeModalTitleSectionCenter {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n}\n\n.IncodeVsIdFlipModal .IncodeVsIdFlipAnimation {\n height: var(--video-selfie-id-flip-animation-height);\n width: var(--video-selfie-id-flip-animation-width);\n overflow: hidden;\n}\n\n.IncodeVsFinalSuccess {\n justify-content: center;\n align-items: center;\n gap: var(--spacing-12, var(--spacing-12, 12px));\n padding-block: var(--spacing-16, var(--spacing-16, 16px));\n flex-direction: column;\n flex: 1;\n display: flex;\n}\n\n.IncodeVsFinalSuccess .IncodeVsFinalSuccessTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\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.IncodeVsPoaMask {\n pointer-events: none;\n z-index: 50;\n position: absolute;\n inset: 0;\n}\n\n.IncodeVsPoaBanner {\n top: var(--spacing-0, var(--spacing-none, 0px));\n right: var(--spacing-0, var(--spacing-none, 0px));\n left: var(--spacing-0, var(--spacing-none, 0px));\n background-color: var(--color-surface-neutral-1000-80-static, var(--surface-neutral-1000-80-static));\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\n padding-top: var(--poa-mask-banner-padding-top);\n padding-bottom: var(--spacing-16, var(--spacing-16, 16px));\n justify-content: center;\n align-items: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeVsPoaBannerText {\n text-align: center;\n color: var(--poa-mask-banner-text-color);\n margin: 0;\n font-size: 1.5rem;\n font-weight: 700;\n line-height: 1.4;\n}\n\n.IncodeVsPoaBannerEmphasis {\n color: var(--poa-mask-emphasis-color);\n}\n\n.IncodeVsPoaActions {\n right: var(--spacing-16, var(--spacing-16, 16px));\n bottom: var(--spacing-16, var(--spacing-16, 16px));\n left: var(--spacing-16, var(--spacing-16, 16px));\n justify-content: center;\n display: flex;\n position: absolute;\n}\n\n.IncodeVsPoaButton {\n pointer-events: auto;\n width: 100%;\n}\n\n.IncodeVsVoicePanel {\n pointer-events: auto;\n z-index: var(--video-selfie-mask-z-index);\n align-items: center;\n gap: var(--spacing-12);\n padding: var(--spacing-20) var(--spacing-16);\n border-radius: var(--border-radius-large);\n background: var(--surface-neutral-0-static);\n color: var(--text-body-800-primary-static);\n border: var(--video-selfie-voice-panel-border-width) solid transparent;\n box-shadow: var(--video-selfie-voice-vignette-shadow);\n flex-direction: column;\n transition: border-color .3s ease-in-out;\n display: flex;\n position: absolute;\n bottom: 10px;\n left: 10px;\n right: 10px;\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelActive {\n border-color: var(--border-brand-500);\n}\n\n.IncodeVsVoicePanel.IncodeVsVoicePanelProcessing {\n border-style: var(--tw-border-style);\n left: var(--spacing-8);\n right: var(--spacing-8);\n bottom: var(--spacing-8);\n justify-content: center;\n align-items: center;\n gap: var(--spacing-16);\n height: var(--video-selfie-voice-processing-height);\n min-height: var(--video-selfie-voice-processing-height);\n padding: var(--spacing-24) var(--spacing-16);\n border-width: 0;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelProcessingTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\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-spinner-text-title, var(--spinner-text-title));\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelLabel {\n margin: var(--spacing-0, var(--spacing-none, 0px));\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(--text-body-500-secondary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelTitle {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n padding-inline: var(--spacing-16, var(--spacing-16, 16px));\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(--text-body-800-primary-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoicePanelButton {\n width: 100%;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepper {\n margin: var(--spacing-0, var(--spacing-none, 0px));\n gap: var(--spacing-8, var(--spacing-8, 8px));\n width: 100%;\n padding: var(--spacing-0, var(--spacing-none, 0px));\n list-style-type: none;\n display: flex;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStep {\n height: var(--spacing-4);\n border-radius: var(--border-radius-full);\n background: var(--surface-neutral-100-static);\n flex: 1;\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceStepActive {\n background: var(--surface-brand-500-static);\n}\n\n.IncodeVsVoicePanel .IncodeVsVoiceMic {\n width: var(--spacing-16);\n height: var(--spacing-16);\n border-radius: var(--border-radius-full);\n background: var(--icon-status-negative);\n animation: 1.2s ease-in-out infinite IncodeVsVoiceMicPulse;\n}\n\n@keyframes IncodeVsVoiceMicPulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n\n 50% {\n opacity: .4;\n transform: scale(.8);\n }\n}\n\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\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-rotate-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-y {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-rotate-z {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-x {\n syntax: \"*\";\n inherits: false\n}\n\n@property --tw-skew-y {\n syntax: \"*\";\n inherits: false\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\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-border-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer incode-theme,incode-utilities,incode-base,incode-components;@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes incodeToastFadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.IncodeCaptureContainer{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.IncodeCaptureContainer .IncodeCaptureFrame{aspect-ratio:1;width:100%;max-width:var(--face-capture-frame-max-w);border-radius:var(--radius-full,var(--border-radius-full));border-style:var(--tw-border-style);border-width:12px;border-color:#0000;position:relative}.IncodeCaptureContainer .IncodeCaptureVideoWrapper{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);width:calc(100% - 24px);height:calc(100% - 24px);translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );border-radius:var(--radius-full,var(--border-radius-full));background-color:var(--color-surface-neutral-100-static,var(--surface-neutral-100-static));justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.IncodeCaptureContainer .IncodeCaptureVideo{z-index:50;width:100%;height:100%;position:absolute}.IncodeCaptureContainer .IncodeCaptureVideoElement{inset:var(--spacing-0,var(--spacing-none,0px));object-fit:cover;width:100%;height:100%;position:absolute}.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeMediaCoverPending{opacity:0}.IncodeCaptureContainer .IncodeCaptureVideoElement.IncodeCaptureVideoMirrored{transform:scaleX(-1)}.IncodeCaptureContainer .IncodeCaptureAvatarHost{width:100%;height:100%;position:absolute}.IncodeCaptureContainer .IncodeCaptureAvatarElement{inset:var(--spacing-0,var(--spacing-none,0px));object-fit:cover;width:100%;height:100%;position:absolute}.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeMediaCoverPending{opacity:0}.IncodeCaptureContainer .IncodeCaptureAvatarElement.IncodeCaptureAvatarMirrored{transform:scaleX(-1)}.IncodeCaptureVisuallyHidden{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.IncodeFaceOutline{width:100%;height:100%}.IncodeLoadingBorder{aspect-ratio:1;width:100%;max-width:var(--face-capture-frame-max-w);position:absolute}.IncodeLoadingBorder .IncodeLoadingBorderBase,.IncodeLoadingBorder .IncodeLoadingBorderForeground{inset:var(--spacing-0,var(--spacing-none,0px));position:absolute}.IncodeLoadingBorder .IncodeLoadingBorderForeground.IncodeLoadingBorderSpinning{animation:var(--animate-spin,spin 1s linear infinite)}.IncodeLoadingBorder .IncodeLoadingBorderPath{transition:all 1s ease-in-out}.IncodeNotification{flex-direction:column;align-items:center;display:flex}.IncodeNotification .IncodeNotificationText{text-align:center;font-family:var(--typography-feedback-family);font-size:var(--typography-feedback-l-size);font-weight:var(--typography-feedback-l-weight);line-height:var(--typography-feedback-l-line-height);letter-spacing:var(--typography-feedback-l-letter-spacing);color:var(--color-text-body-primary,var(--text-body-800-primary))}.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}.IncodeVideoSelfieCapturePage{background-color:var(--capture-page-backdrop-color)}.IncodeVideoSelfieCapturePage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px));max-height:none}.IncodeVideoSelfieCapturePage .IncodePageContent{flex:1;position:relative}.IncodeVideoSelfieOverlay{pointer-events:none;inset:var(--spacing-0,var(--spacing-none,0px));z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;container-type:inline-size}.IncodeVideoSelfieSwitchingCameraPage{background-color:var(--color-surface-neutral-900-static,var(--surface-neutral-900-static))}.IncodeVideoSelfieSwitchingCameraPage .IncodePageInner{padding:var(--spacing-0,var(--spacing-none,0px))}.IncodeVideoSelfieSwitchingCameraPage .IncodePageContent{flex:1;position:relative}.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCamera{width:100%;height:100%;padding-inline:var(--spacing-24,var(--spacing-24,24px));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraContent{align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));text-align:center;flex-direction:column;display:flex}.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraIcon{width:var(--spacing-40,var(--spacing-40,40px));height:var(--spacing-40,var(--spacing-40,40px))}.IncodeVideoSelfieSwitchingCameraPage .IncodeVideoSelfieSwitchingCameraTitle{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-0-static,var(--text-body-0-static))}.IncodeVideoSelfieTutorialPage .IncodePageContent{min-height:var(--spacing-0,var(--spacing-none,0px))}.IncodeVideoSelfieTutorialBody{margin-top:var(--spacing-24,var(--spacing-24,24px));min-height:var(--spacing-0,var(--spacing-none,0px));flex:1;overflow-y:auto}.IncodeVideoSelfieTutorialSteps{width:100%;max-width:var(--incode-form-max-w);gap:var(--spacing-8,var(--spacing-8,8px));flex-direction:column;margin-inline:auto;display:flex}.IncodeVideoSelfieTutorialStep{align-items:center;gap:var(--spacing-12,var(--spacing-12,12px));display:flex}.IncodeVideoSelfieTutorialStepIcon{width:var(--spacing-40,var(--spacing-40,40px));height:var(--spacing-40,var(--spacing-40,40px));border-radius:var(--radius-small,var(--border-radius-small));border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-border-neutral-100,var(--border-neutral-100));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));color:var(--color-text-body-secondary,var(--text-body-500-secondary));flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.IncodeVideoSelfieTutorialStepIcon svg{height:var(--spacing-24,var(--spacing-24,24px));width:var(--spacing-24,var(--spacing-24,24px))}.IncodeVideoSelfieTutorialStep:not(:last-child) .IncodeVideoSelfieTutorialStepIcon:after{content:\"\";height:var(--spacing-8,var(--spacing-8,8px));width:var(--spacing-2,var(--spacing-2,2px));--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-border-neutral-100,var(--border-neutral-100));position:absolute;top:100%;left:50%}.IncodeVideoSelfieTutorialStepLabel{text-align:left;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))}.IncodeVideoSelfieTutorialActions{bottom:var(--spacing-0,var(--spacing-none,0px));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));width:100%;padding-top:var(--spacing-24,var(--spacing-24,24px));padding-bottom:var(--spacing-24,var(--spacing-24,24px));flex-shrink:0;display:flex;position:sticky}.IncodeVideoSelfieTutorialStartButton{max-width:var(--incode-form-max-w);margin:auto}.IncodeVsStepsHeader{inset-inline:var(--spacing-0,var(--spacing-none,0px));top:var(--spacing-0,var(--spacing-none,0px));gap:var(--spacing-2,var(--spacing-2,2px));width:100%;padding-inline:var(--spacing-24,var(--spacing-24,24px));padding-top:var(--spacing-24,var(--spacing-24,24px));color:var(--color-text-body-0-static,var(--text-body-0-static));z-index:var(--video-selfie-chrome-z-index);background-color:#0000;list-style-type:none;display:flex;position:absolute}.IncodeVsStepsHeader .IncodeVsStepsHeaderStep{align-items:center;gap:var(--spacing-8,var(--spacing-8,8px));width:100%;height:var(--video-selfie-stepper-height);flex-direction:column;flex:1;display:flex;position:relative}.IncodeVsStepsHeader .IncodeVsStepsHeaderStep img{width:var(--spacing-32,var(--spacing-32,32px));height:var(--spacing-32,var(--spacing-32,32px))}.IncodeVsStepsHeader .IncodeVsStepsHeaderPill{border-radius:var(--radius-full,var(--border-radius-full));background-color:var(--color-surface-neutral-200,var(--surface-neutral-200));width:100%;height:var(--video-selfie-stepper-pill-height);opacity:.25;transition:opacity .3s ease-in-out}.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCompleted .IncodeVsStepsHeaderPill{opacity:.5}.IncodeVsStepsHeader .IncodeVsStepsHeaderStepCurrent .IncodeVsStepsHeaderPill{opacity:1}.IncodeVsStepsHeader.IncodeVsStepsHeaderFinished .IncodeVsStepsHeaderPill{background-color:var(--border-status-positive-static);opacity:1}.IncodeVsSelfieManualCapture{pointer-events:auto}.IncodeVideoSelfieOverlay .IncodeVsSelfieMask{border-radius:var(--radius-full,var(--border-radius-full));z-index:var(--video-selfie-mask-z-index);width:86cqw;height:86cqw;box-shadow:var(--video-selfie-mask-vignette-shadow);position:absolute;top:calc(50% - 7cqw);left:50%;transform:translate(-50%,-50%)}.IncodeVideoSelfieOverlay .IncodeVsSelfieMask .IncodeVsSelfieMaskRing{inset:var(--spacing-0,var(--spacing-none,0px));width:100%;height:100%;position:absolute;overflow:visible}.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskFeedback{inset-inline:var(--spacing-0,var(--spacing-none,0px));align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));text-align:center;width:100%;z-index:var(--video-selfie-chrome-z-index);max-width:var(--video-selfie-feedback-max-width);flex-direction:column;margin-inline:auto;display:flex;position:absolute;top:calc(50% + 36cqw + 40px)}.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskIcon{width:var(--spacing-32,var(--spacing-32,32px));height:var(--spacing-32,var(--spacing-32,32px))}.IncodeVideoSelfieOverlay .IncodeVsSelfieMaskText{margin:var(--spacing-0,var(--spacing-none,0px));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-0-static,var(--text-body-0-static))}.IncodeVsIdMask{z-index:50;padding-inline:var(--spacing-24);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.IncodeVsIdMask .IncodeVsIdManualCapture{bottom:var(--spacing-32);z-index:60;pointer-events:auto;position:absolute;left:50%;transform:translate(-50%)}.IncodeVsIdMask .IncodeIdCaptureNotification{top:calc(var(--spacing-24) + var(--video-selfie-stepper-height) + var(--spacing-16))}.IncodeVsIdMask .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent{background-color:var(--surface-neutral-900-static)}.IncodeVsIdMask .IncodeVsIdFeedback{z-index:100;justify-content:center;align-items:center;gap:var(--spacing-12,var(--spacing-12,12px));border-radius:var(--radius-medium,var(--border-radius-medium));padding:var(--spacing-32,var(--spacing-32,32px));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-0-static,var(--text-body-0-static));background-color:var(--surface-neutral-900-static);border:var(--border-width-regular) solid var(--border-neutral-100-static);width:max-content;max-width:var(--video-selfie-id-feedback-max-width);flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackError{width:var(--video-selfie-id-feedback-width)}.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing{gap:var(--spacing-16);color:var(--text-body-50-static);width:var(--video-selfie-id-processing-feedback-width);height:var(--video-selfie-id-processing-feedback-height)}.IncodeVsIdMask .IncodeVsIdFeedback.IncodeVsIdFeedbackProcessing p{white-space:nowrap}.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerPrimary{fill:var(--spinner-surface-primary)}.IncodeVsIdMask .IncodeVsIdFeedback .IncodeVsIdFeedbackSpinnerSecondary{fill:var(--surface-brand-900-static)}.IncodeVsIdFlipModal .IncodeModalDialog{max-width:none;height:100%}.IncodeVsIdFlipModal .IncodeModalContent{border-radius:var(--radius-none,var(--border-radius-none));background-color:var(--color-surface-neutral-0,var(--surface-neutral-0));max-width:none;height:100%;padding:var(--spacing-24,var(--spacing-24,24px));justify-content:center;gap:var(--video-selfie-id-flip-gap)}.IncodeVsIdFlipModal .IncodeModalTitleSectionCenter{margin:var(--spacing-0,var(--spacing-none,0px))}.IncodeVsIdFlipModal .IncodeVsIdFlipAnimation{height:var(--video-selfie-id-flip-animation-height);width:var(--video-selfie-id-flip-animation-width);overflow:hidden}.IncodeVsFinalSuccess{justify-content:center;align-items:center;gap:var(--spacing-12,var(--spacing-12,12px));padding-block:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;flex:1;display:flex}.IncodeVsFinalSuccess .IncodeVsFinalSuccessTitle{margin:var(--spacing-0,var(--spacing-none,0px));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))}.IncodeVsPoaMask{pointer-events:none;z-index:50;position:absolute;inset:0}.IncodeVsPoaBanner{top:var(--spacing-0,var(--spacing-none,0px));right:var(--spacing-0,var(--spacing-none,0px));left:var(--spacing-0,var(--spacing-none,0px));background-color:var(--color-surface-neutral-1000-80-static,var(--surface-neutral-1000-80-static));padding-inline:var(--spacing-16,var(--spacing-16,16px));padding-top:var(--poa-mask-banner-padding-top);padding-bottom:var(--spacing-16,var(--spacing-16,16px));justify-content:center;align-items:center;display:flex;position:absolute}.IncodeVsPoaBannerText{text-align:center;color:var(--poa-mask-banner-text-color);margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.IncodeVsPoaBannerEmphasis{color:var(--poa-mask-emphasis-color)}.IncodeVsPoaActions{right:var(--spacing-16,var(--spacing-16,16px));bottom:var(--spacing-16,var(--spacing-16,16px));left:var(--spacing-16,var(--spacing-16,16px));justify-content:center;display:flex;position:absolute}.IncodeVsPoaButton{pointer-events:auto;width:100%}.IncodeVsVoicePanel{pointer-events:auto;z-index:var(--video-selfie-mask-z-index);align-items:center;gap:var(--spacing-12);padding:var(--spacing-20) var(--spacing-16);border-radius:var(--border-radius-large);background:var(--surface-neutral-0-static);color:var(--text-body-800-primary-static);border:var(--video-selfie-voice-panel-border-width) solid transparent;box-shadow:var(--video-selfie-voice-vignette-shadow);flex-direction:column;transition:border-color .3s ease-in-out;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.IncodeVsVoicePanel.IncodeVsVoicePanelActive{border-color:var(--border-brand-500)}.IncodeVsVoicePanel.IncodeVsVoicePanelProcessing{border-style:var(--tw-border-style);left:var(--spacing-8);right:var(--spacing-8);bottom:var(--spacing-8);justify-content:center;align-items:center;gap:var(--spacing-16);height:var(--video-selfie-voice-processing-height);min-height:var(--video-selfie-voice-processing-height);padding:var(--spacing-24) var(--spacing-16);border-width:0}.IncodeVsVoicePanel .IncodeVsVoicePanelProcessingTitle{margin:var(--spacing-0,var(--spacing-none,0px));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-spinner-text-title,var(--spinner-text-title))}.IncodeVsVoicePanel .IncodeVsVoicePanelLabel{margin:var(--spacing-0,var(--spacing-none,0px));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(--text-body-500-secondary-static)}.IncodeVsVoicePanel .IncodeVsVoicePanelTitle{margin:var(--spacing-0,var(--spacing-none,0px));padding-inline:var(--spacing-16,var(--spacing-16,16px));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(--text-body-800-primary-static)}.IncodeVsVoicePanel .IncodeVsVoicePanelButton{width:100%}.IncodeVsVoicePanel .IncodeVsVoiceStepper{margin:var(--spacing-0,var(--spacing-none,0px));gap:var(--spacing-8,var(--spacing-8,8px));width:100%;padding:var(--spacing-0,var(--spacing-none,0px));list-style-type:none;display:flex}.IncodeVsVoicePanel .IncodeVsVoiceStep{height:var(--spacing-4);border-radius:var(--border-radius-full);background:var(--surface-neutral-100-static);flex:1}.IncodeVsVoicePanel .IncodeVsVoiceStepActive{background:var(--surface-brand-500-static)}.IncodeVsVoicePanel .IncodeVsVoiceMic{width:var(--spacing-16);height:var(--spacing-16);border-radius:var(--border-radius-full);background:var(--icon-status-negative);animation:1.2s ease-in-out infinite IncodeVsVoiceMicPulse}@keyframes IncodeVsVoiceMicPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@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-rotate-x{syntax:\"*\";inherits:false}@property --tw-rotate-y{syntax:\"*\";inherits:false}@property --tw-rotate-z{syntax:\"*\";inherits:false}@property --tw-skew-x{syntax:\"*\";inherits:false}@property --tw-skew-y{syntax:\"*\";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}";
|
|
@@ -1,18 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
|
-
.IncodeWatchlistForBusinessPage {
|
|
3
|
-
height: 100%;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm {
|
|
7
|
-
margin-top: var(--spacing-32, var(--spacing-32, 32px));
|
|
8
|
-
align-items: center;
|
|
9
|
-
gap: var(--spacing-16, var(--spacing-16, 16px));
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
width: 100%;
|
|
12
|
-
height: 100%;
|
|
13
|
-
display: flex;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button {
|
|
17
|
-
margin-top: auto;
|
|
18
|
-
}
|
|
2
|
+
.IncodeWatchlistForBusinessPage{height:100%}.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm{margin-top:var(--spacing-32,var(--spacing-32,32px));align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;height:100%;display:flex}.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button{margin-top:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeWatchlistForBusinessPage
|
|
1
|
+
export default "/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n.IncodeWatchlistForBusinessPage{height:100%}.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm{margin-top:var(--spacing-32,var(--spacing-32,32px));align-items:center;gap:var(--spacing-16,var(--spacing-16,16px));flex-direction:column;width:100%;height:100%;display:flex}.IncodeWatchlistForBusinessPage .IncodeWatchlistForBusinessForm button{margin-top:auto}";
|