npm - idmission-web-sdk - Versions diffs - 2.5.83-changeset-release-develop-3dfa69b → 2.5.83-changeset-release-develop-2127d44 - Mend

idmission-web-sdk 2.5.83-changeset-release-develop-3dfa69b → 2.5.83-changeset-release-develop-2127d44

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 (13) hide show

package/dist/index.d.ts +1 -1
package/dist/props.json +1 -1
package/dist/sdk2.cjs.development.js +120 -155
package/dist/sdk2.cjs.development.js.map +1 -1
package/dist/sdk2.cjs.production.js +1 -1
package/dist/sdk2.cjs.production.js.map +1 -1
package/dist/sdk2.esm.js +121 -156
package/dist/sdk2.esm.js.map +1 -1
package/dist/sdk2.umd.development.js +122 -619
package/dist/sdk2.umd.development.js.map +1 -1
package/dist/sdk2.umd.production.js +1 -1
package/dist/sdk2.umd.production.js.map +1 -1
package/package.json +1 -2

package/dist/sdk2.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React, { useRef, useState, useEffect, useLayoutEffect, useCallback, useMemo, useContext, createContext, createElement, forwardRef, useImperativeHandle, memo, useReducer } from 'react';
+import React, { useRef, useState, useEffect, useLayoutEffect, useCallback, useMemo, useContext, createContext, createElement, forwardRef, memo, useReducer } from 'react';
 import { createStore } from 'zustand/vanilla';
 import platform from 'platform';
 import { DetailedError, Upload } from 'tus-js-client';
@@ -7260,15 +7260,17 @@ var EYES_CLOSED = 'Keep your eyes open...';
 var HAND_OVER_FACE = 'Remove your hand from your face...';
 var SELFIE_RECOVERY_HINT = 'We’re having trouble checking the lighting. Keep your face centered and hold still—we’ll still check your positioning.';
 var CONTINUE_WITH_CURRENT_LIGHTING = 'Continue with current lighting';
+// The face liveness Retry button while the camera restarts behind it.
+var STARTING_CAMERA = 'Starting camera...';
 var threeOhTranslations = {
-  de: (_de = {}, _de[SELFIE_RECOVERY_HINT] = 'Wir haben Schwierigkeiten, die Beleuchtung zu prüfen. Halten Sie Ihr Gesicht mittig und bleiben Sie ruhig. Wir prüfen weiterhin Ihre Position.', _de[CONTINUE_WITH_CURRENT_LIGHTING] = 'Mit aktueller Beleuchtung fortfahren', _de[MANUAL_CAPTURE_HINT] = 'Die automatische Aufnahme hat Schwierigkeiten. Tippen Sie auf die Taste, um das Foto selbst aufzunehmen.', _de[REVIEW_HEADING] = 'Dokument aufgenommen', _de[MOVE_BACK] = 'Gehen Sie zurück und stellen Sie sicher, dass alle 4 Kanten des Blatts sichtbar sind.', _de[MOVE_CLOSER] = 'Kommen Sie näher und füllen Sie den Rahmen mit dem gesamten Blatt aus.', _de[EYES_CLOSED] = 'Augen offen halten...', _de[HAND_OVER_FACE] = 'Hand vom Gesicht nehmen...', _de),
-  es: (_es = {}, _es[SELFIE_RECOVERY_HINT] = 'Tenemos dificultades para comprobar la iluminación. Mantenga el rostro centrado y no se mueva. Seguiremos comprobando su posición.', _es[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuar con la iluminación actual', _es[MANUAL_CAPTURE_HINT] = 'La captura automática tiene dificultades. Toque el botón para tomar la foto usted mismo.', _es[REVIEW_HEADING] = 'Documento capturado', _es[MOVE_BACK] = 'Aléjese y asegúrese de que los 4 bordes de la hoja sean visibles.', _es[MOVE_CLOSER] = 'Acérquese y llene el encuadre con la hoja completa.', _es[EYES_CLOSED] = 'Hay que mantener los ojos abiertos...', _es[HAND_OVER_FACE] = 'Hay que retirar la mano de la cara...', _es),
-  fr: (_fr = {}, _fr[SELFIE_RECOVERY_HINT] = 'Nous avons du mal à vérifier l’éclairage. Gardez votre visage centré et restez immobile. Nous vérifierons toujours votre position.', _fr[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuer avec cet éclairage', _fr[MANUAL_CAPTURE_HINT] = 'La capture automatique rencontre des difficultés. Appuyez sur le bouton pour prendre la photo vous-même.', _fr[REVIEW_HEADING] = 'Document capturé', _fr[MOVE_BACK] = 'Reculez et assurez-vous que les 4 bords de la page sont visibles.', _fr[MOVE_CLOSER] = 'Rapprochez-vous et remplissez le cadre avec la page entière.', _fr[EYES_CLOSED] = 'Gardez les yeux ouverts...', _fr[HAND_OVER_FACE] = 'Retirez votre main de votre visage...', _fr),
-  it: (_it = {}, _it[SELFIE_RECOVERY_HINT] = 'Abbiamo difficoltà a verificare l’illuminazione. Mantieni il viso centrato e resta fermo. Continueremo a verificare la tua posizione.', _it[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continua con la luce attuale', _it[MANUAL_CAPTURE_HINT] = 'La cattura automatica sta avendo difficoltà. Tocca il pulsante per scattare la foto manualmente.', _it[REVIEW_HEADING] = 'Documento acquisito', _it[MOVE_BACK] = 'Allontanati e assicurati che tutti e 4 i bordi del foglio siano visibili.', _it[MOVE_CLOSER] = "Avvicinati e riempi l'inquadratura con l'intero foglio.", _it[EYES_CLOSED] = 'Tenere gli occhi aperti...', _it[HAND_OVER_FACE] = 'Togliere la mano dal viso...', _it),
-  ja: (_ja = {}, _ja[SELFIE_RECOVERY_HINT] = '照明の確認がうまくできません。顔を中央に保ち、動かないでください。顔の位置は引き続き確認します。', _ja[CONTINUE_WITH_CURRENT_LIGHTING] = '現在の照明で続行', _ja[MANUAL_CAPTURE_HINT] = '自動撮影がうまくいきません。ボタンを押してご自身で撮影してください。', _ja[REVIEW_HEADING] = '書類を撮影しました', _ja[MOVE_BACK] = '離れて、書類の4つの端がすべて見えるようにしてください。', _ja[MOVE_CLOSER] = '近づいて、書類全体で画面いっぱいに表示してください。', _ja[EYES_CLOSED] = '目を開けたままにしてください…', _ja[HAND_OVER_FACE] = '顔から手を離してください…', _ja),
-  pt: (_pt = {}, _pt[SELFIE_RECOVERY_HINT] = 'Estamos com dificuldade para verificar a iluminação. Mantenha o rosto centralizado e fique imóvel. Continuaremos verificando sua posição.', _pt[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuar com a iluminação atual', _pt[MANUAL_CAPTURE_HINT] = 'A captura automática está com dificuldades. Toque no botão para tirar a foto você mesmo.', _pt[REVIEW_HEADING] = 'Documento capturado', _pt[MOVE_BACK] = 'Afaste-se e certifique-se de que as 4 bordas da folha estejam visíveis.', _pt[MOVE_CLOSER] = 'Aproxime-se e preencha o quadro com a folha inteira.', _pt[EYES_CLOSED] = 'Mantenha os olhos abertos...', _pt[HAND_OVER_FACE] = 'Tire a mão do rosto...', _pt),
-  ru: (_ru = {}, _ru[SELFIE_RECOVERY_HINT] = 'Нам не удаётся проверить освещение. Держите лицо по центру и не двигайтесь. Мы продолжим проверять положение лица.', _ru[CONTINUE_WITH_CURRENT_LIGHTING] = 'Продолжить с текущим освещением', _ru[MANUAL_CAPTURE_HINT] = 'Автоматическая съёмка не справляется. Нажмите кнопку, чтобы сделать снимок самостоятельно.', _ru[REVIEW_HEADING] = 'Документ снят', _ru[MOVE_BACK] = 'Отойдите назад и убедитесь, что видны все 4 края листа.', _ru[MOVE_CLOSER] = 'Подойдите ближе и заполните кадр всем листом.', _ru[EYES_CLOSED] = 'Не закрывайте глаза…', _ru[HAND_OVER_FACE] = 'Уберите руку от лица…', _ru),
-  zh: (_zh = {}, _zh[SELFIE_RECOVERY_HINT] = '我們無法順利檢查光線。請將臉部保持在中央並保持不動。我們仍會檢查您的位置。', _zh[CONTINUE_WITH_CURRENT_LIGHTING] = '使用目前的光線繼續', _zh[MANUAL_CAPTURE_HINT] = '自動拍攝遇到困難。請點選按鈕自行拍攝。', _zh[REVIEW_HEADING] = '已拍攝文件', _zh[MOVE_BACK] = '後退一些，確保紙張的四個邊緣都清晰可見。', _zh[MOVE_CLOSER] = '靠近一些，讓整張紙填滿畫面。', _zh[EYES_CLOSED] = '請保持雙眼睜開...', _zh[HAND_OVER_FACE] = '請將手從臉上移開...', _zh)
+  de: (_de = {}, _de[SELFIE_RECOVERY_HINT] = 'Wir haben Schwierigkeiten, die Beleuchtung zu prüfen. Halten Sie Ihr Gesicht mittig und bleiben Sie ruhig. Wir prüfen weiterhin Ihre Position.', _de[CONTINUE_WITH_CURRENT_LIGHTING] = 'Mit aktueller Beleuchtung fortfahren', _de[MANUAL_CAPTURE_HINT] = 'Die automatische Aufnahme hat Schwierigkeiten. Tippen Sie auf die Taste, um das Foto selbst aufzunehmen.', _de[REVIEW_HEADING] = 'Dokument aufgenommen', _de[MOVE_BACK] = 'Gehen Sie zurück und stellen Sie sicher, dass alle 4 Kanten des Blatts sichtbar sind.', _de[MOVE_CLOSER] = 'Kommen Sie näher und füllen Sie den Rahmen mit dem gesamten Blatt aus.', _de[EYES_CLOSED] = 'Augen offen halten...', _de[HAND_OVER_FACE] = 'Hand vom Gesicht nehmen...', _de[STARTING_CAMERA] = 'Kamera wird gestartet...', _de),
+  es: (_es = {}, _es[SELFIE_RECOVERY_HINT] = 'Tenemos dificultades para comprobar la iluminación. Mantenga el rostro centrado y no se mueva. Seguiremos comprobando su posición.', _es[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuar con la iluminación actual', _es[MANUAL_CAPTURE_HINT] = 'La captura automática tiene dificultades. Toque el botón para tomar la foto usted mismo.', _es[REVIEW_HEADING] = 'Documento capturado', _es[MOVE_BACK] = 'Aléjese y asegúrese de que los 4 bordes de la hoja sean visibles.', _es[MOVE_CLOSER] = 'Acérquese y llene el encuadre con la hoja completa.', _es[EYES_CLOSED] = 'Hay que mantener los ojos abiertos...', _es[HAND_OVER_FACE] = 'Hay que retirar la mano de la cara...', _es[STARTING_CAMERA] = 'Iniciando la cámara...', _es),
+  fr: (_fr = {}, _fr[SELFIE_RECOVERY_HINT] = 'Nous avons du mal à vérifier l’éclairage. Gardez votre visage centré et restez immobile. Nous vérifierons toujours votre position.', _fr[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuer avec cet éclairage', _fr[MANUAL_CAPTURE_HINT] = 'La capture automatique rencontre des difficultés. Appuyez sur le bouton pour prendre la photo vous-même.', _fr[REVIEW_HEADING] = 'Document capturé', _fr[MOVE_BACK] = 'Reculez et assurez-vous que les 4 bords de la page sont visibles.', _fr[MOVE_CLOSER] = 'Rapprochez-vous et remplissez le cadre avec la page entière.', _fr[EYES_CLOSED] = 'Gardez les yeux ouverts...', _fr[HAND_OVER_FACE] = 'Retirez votre main de votre visage...', _fr[STARTING_CAMERA] = 'Démarrage de la caméra...', _fr),
+  it: (_it = {}, _it[SELFIE_RECOVERY_HINT] = 'Abbiamo difficoltà a verificare l’illuminazione. Mantieni il viso centrato e resta fermo. Continueremo a verificare la tua posizione.', _it[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continua con la luce attuale', _it[MANUAL_CAPTURE_HINT] = 'La cattura automatica sta avendo difficoltà. Tocca il pulsante per scattare la foto manualmente.', _it[REVIEW_HEADING] = 'Documento acquisito', _it[MOVE_BACK] = 'Allontanati e assicurati che tutti e 4 i bordi del foglio siano visibili.', _it[MOVE_CLOSER] = "Avvicinati e riempi l'inquadratura con l'intero foglio.", _it[EYES_CLOSED] = 'Tenere gli occhi aperti...', _it[HAND_OVER_FACE] = 'Togliere la mano dal viso...', _it[STARTING_CAMERA] = 'Avvio della fotocamera...', _it),
+  ja: (_ja = {}, _ja[SELFIE_RECOVERY_HINT] = '照明の確認がうまくできません。顔を中央に保ち、動かないでください。顔の位置は引き続き確認します。', _ja[CONTINUE_WITH_CURRENT_LIGHTING] = '現在の照明で続行', _ja[MANUAL_CAPTURE_HINT] = '自動撮影がうまくいきません。ボタンを押してご自身で撮影してください。', _ja[REVIEW_HEADING] = '書類を撮影しました', _ja[MOVE_BACK] = '離れて、書類の4つの端がすべて見えるようにしてください。', _ja[MOVE_CLOSER] = '近づいて、書類全体で画面いっぱいに表示してください。', _ja[EYES_CLOSED] = '目を開けたままにしてください…', _ja[HAND_OVER_FACE] = '顔から手を離してください…', _ja[STARTING_CAMERA] = 'カメラを起動しています…', _ja),
+  pt: (_pt = {}, _pt[SELFIE_RECOVERY_HINT] = 'Estamos com dificuldade para verificar a iluminação. Mantenha o rosto centralizado e fique imóvel. Continuaremos verificando sua posição.', _pt[CONTINUE_WITH_CURRENT_LIGHTING] = 'Continuar com a iluminação atual', _pt[MANUAL_CAPTURE_HINT] = 'A captura automática está com dificuldades. Toque no botão para tirar a foto você mesmo.', _pt[REVIEW_HEADING] = 'Documento capturado', _pt[MOVE_BACK] = 'Afaste-se e certifique-se de que as 4 bordas da folha estejam visíveis.', _pt[MOVE_CLOSER] = 'Aproxime-se e preencha o quadro com a folha inteira.', _pt[EYES_CLOSED] = 'Mantenha os olhos abertos...', _pt[HAND_OVER_FACE] = 'Tire a mão do rosto...', _pt[STARTING_CAMERA] = 'Iniciando a câmera...', _pt),
+  ru: (_ru = {}, _ru[SELFIE_RECOVERY_HINT] = 'Нам не удаётся проверить освещение. Держите лицо по центру и не двигайтесь. Мы продолжим проверять положение лица.', _ru[CONTINUE_WITH_CURRENT_LIGHTING] = 'Продолжить с текущим освещением', _ru[MANUAL_CAPTURE_HINT] = 'Автоматическая съёмка не справляется. Нажмите кнопку, чтобы сделать снимок самостоятельно.', _ru[REVIEW_HEADING] = 'Документ снят', _ru[MOVE_BACK] = 'Отойдите назад и убедитесь, что видны все 4 края листа.', _ru[MOVE_CLOSER] = 'Подойдите ближе и заполните кадр всем листом.', _ru[EYES_CLOSED] = 'Не закрывайте глаза…', _ru[HAND_OVER_FACE] = 'Уберите руку от лица…', _ru[STARTING_CAMERA] = 'Запуск камеры…', _ru),
+  zh: (_zh = {}, _zh[SELFIE_RECOVERY_HINT] = '我們無法順利檢查光線。請將臉部保持在中央並保持不動。我們仍會檢查您的位置。', _zh[CONTINUE_WITH_CURRENT_LIGHTING] = '使用目前的光線繼續', _zh[MANUAL_CAPTURE_HINT] = '自動拍攝遇到困難。請點選按鈕自行拍攝。', _zh[REVIEW_HEADING] = '已拍攝文件', _zh[MOVE_BACK] = '後退一些，確保紙張的四個邊緣都清晰可見。', _zh[MOVE_CLOSER] = '靠近一些，讓整張紙填滿畫面。', _zh[EYES_CLOSED] = '請保持雙眼睜開...', _zh[HAND_OVER_FACE] = '請將手從臉上移開...', _zh[STARTING_CAMERA] = '正在啟動相機...', _zh)
 };
 /** Base entries win nothing — the supplement may only ADD. See `noShadowing`. */
 function withThreeOhTranslations(lang, base) {
@@ -8142,8 +8144,13 @@ var EdgeStrip = styled.div(_templateObject$Z || (_templateObject$Z = _taggedTemp
   return $hidden ? 'opacity: 0;' : '';
 });
-var _templateObject$Y;
+var _templateObject$Y, _templateObject2$P;
 var _excluded$h = ["children", "className", "colors", "disabled", "finished", "variant"];
+/**
+ * The SDK's action button. `ladda-button` / `ladda-label` are kept as class
+ * hooks from when Ladda drew the loading state, since 2.x customer CSS may
+ * target them.
+ */
 var LoaderButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -8154,49 +8161,14 @@ var LoaderButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
-  var buttonRef = useRef(null);
-  var laddaRef = useRef(null);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    laddaLoaded = _useState2[0],
-    setLaddaLoaded = _useState2[1];
-  // Expose the button element to the parent via ref
-  useImperativeHandle(ref, function () {
-    return buttonRef.current;
-  }, []);
-  useEffect(function () {
-    if (laddaLoaded || finished) return;
-    var interval;
-    var isMounted = true;
-    import('ladda').then(function (Ladda) {
-      if (!buttonRef.current || !isMounted) return;
-      laddaRef.current = Ladda.create(buttonRef.current);
-      laddaRef.current.start();
-      setLaddaLoaded(true);
-      var currentProgress = 0;
-      interval = setInterval(function () {
-        var _laddaRef$current;
-        if (currentProgress < 0.9) currentProgress += 0.1;
-        (_laddaRef$current = laddaRef.current) == null || _laddaRef$current.setProgress(currentProgress);
-      }, 250);
-    });
-    return function () {
-      var _laddaRef$current2;
-      isMounted = false;
-      (_laddaRef$current2 = laddaRef.current) == null || _laddaRef$current2.remove();
-      clearInterval(interval);
-    };
-  }, [finished, laddaLoaded]);
-  useEffect(function () {
-    var _laddaRef$current3;
-    if (laddaLoaded && finished) (_laddaRef$current3 = laddaRef.current) == null || _laddaRef$current3.stop();
-  }, [finished, laddaLoaded]);
+  var loading = finished === false;
+  var inert = disabled || loading;
   return jsx(StyledButton, _extends({
-    className: "ladda-button " + className + " " + (disabled ? 'disabled' : ''),
-    "data-style": "expand-right",
+    className: "ladda-button " + className + " " + (inert ? 'disabled' : ''),
     type: "button",
-    disabled: disabled,
-    ref: buttonRef,
+    disabled: inert,
+    "aria-busy": loading,
+    ref: ref,
     "$backgroundColor": colors.backgroundColor,
     "$textColor": colors.textColor,
     "$disabledBackgroundColor": colors.loadingBackgroundColor,
@@ -8210,15 +8182,18 @@ var LoaderButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 LoaderButton.displayName = 'LoaderButton';
-var StyledButton = styled.button(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n  ", "\n\n  /*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2018 Hakim El Hattab, http://hakim.se\n */\n\n  position: relative;\n\n  .ladda-spinner {\n    position: absolute;\n    z-index: 2;\n    display: inline-block;\n    width: 32px;\n    top: 50%;\n    margin-top: 0;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .ladda-label {\n    position: relative;\n    z-index: 3;\n  }\n  .ladda-progress {\n    position: absolute;\n    width: 0;\n    height: 100%;\n    left: 0;\n    top: 0;\n    background: rgba(0, 0, 0, 0.2);\n    display: none;\n    transition: 0.1s linear all !important;\n  }\n  &[data-loading] .ladda-progress {\n    display: block;\n  }\n\n  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n  .ladda-spinner,\n  .ladda-label {\n    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  }\n  &[data-style='zoom-in'],\n  &[data-style='zoom-in'] .ladda-spinner,\n  &[data-style='zoom-in'] .ladda-label,\n  &[data-style='zoom-out'],\n  &[data-style='zoom-out'] .ladda-spinner,\n  &[data-style='zoom-out'] .ladda-label {\n    transition: 0.3s ease all !important;\n  }\n  &[data-style='expand-right'] .ladda-spinner {\n    right: -6px;\n  }\n  &[data-style='expand-right'][data-size='s'] .ladda-spinner,\n  &[data-style='expand-right'][data-size='xs'] .ladda-spinner {\n    right: -12px;\n  }\n  &[data-style='expand-right'][data-loading] {\n    padding-right: 56px;\n  }\n  &[data-style='expand-right'][data-loading] .ladda-spinner {\n    opacity: 1;\n  }\n  &[data-style='expand-right'][data-loading][data-size='s'],\n  &[data-style='expand-right'][data-loading][data-size='xs'] {\n    padding-right: 40px;\n  }\n  &[data-style='expand-left'] .ladda-spinner {\n    left: 26px;\n  }\n  &[data-style='expand-left'][data-size='s'] .ladda-spinner,\n  &[data-style='expand-left'][data-size='xs'] .ladda-spinner {\n    left: 4px;\n  }\n  &[data-style='expand-left'][data-loading] {\n    padding-left: 56px;\n  }\n  &[data-style='expand-left'][data-loading] .ladda-spinner {\n    opacity: 1;\n  }\n  &[data-style='expand-left'][data-loading][data-size='s'],\n  &[data-style='expand-left'][data-loading][data-size='xs'] {\n    padding-left: 40px;\n  }\n  &[data-style='expand-up'] {\n    overflow: hidden;\n  }\n  &[data-style='expand-up'] .ladda-spinner {\n    top: -32px;\n    left: 50%;\n    margin-left: 0;\n  }\n  &[data-style='expand-up'][data-loading] {\n    padding-top: 54px;\n  }\n  &[data-style='expand-up'][data-loading] .ladda-spinner {\n    opacity: 1;\n    top: 26px;\n    margin-top: 0;\n  }\n  &[data-style='expand-up'][data-loading][data-size='s'],\n  &[data-style='expand-up'][data-loading][data-size='xs'] {\n    padding-top: 32px;\n  }\n  &[data-style='expand-up'][data-loading][data-size='s'] .ladda-spinner,\n  &[data-style='expand-up'][data-loading][data-size='xs'] .ladda-spinner {\n    top: 4px;\n  }\n  &[data-style='expand-down'] {\n    overflow: hidden;\n  }\n  &[data-style='expand-down'] .ladda-spinner {\n    top: 62px;\n    left: 50%;\n    margin-left: 0;\n  }\n  &[data-style='expand-down'][data-size='s'] .ladda-spinner,\n  &[data-style='expand-down'][data-size='xs'] .ladda-spinner {\n    top: 40px;\n  }\n  &[data-style='expand-down'][data-loading] {\n    padding-bottom: 54px;\n  }\n  &[data-style='expand-down'][data-loading] .ladda-spinner {\n    opacity: 1;\n  }\n  &[data-style='expand-down'][data-loading][data-size='s'],\n  &[data-style='expand-down'][data-loading][data-size='xs'] {\n    padding-bottom: 32px;\n  }\n  &[data-style='slide-left'] {\n    overflow: hidden;\n  }\n  &[data-style='slide-left'] .ladda-label {\n    position: relative;\n  }\n  &[data-style='slide-left'] .ladda-spinner {\n    left: 100%;\n    margin-left: 0;\n  }\n  &[data-style='slide-left'][data-loading] .ladda-label {\n    opacity: 0;\n    left: -100%;\n  }\n  &[data-style='slide-left'][data-loading] .ladda-spinner {\n    opacity: 1;\n    left: 50%;\n  }\n  &[data-style='slide-right'] {\n    overflow: hidden;\n  }\n  &[data-style='slide-right'] .ladda-label {\n    position: relative;\n  }\n  &[data-style='slide-right'] .ladda-spinner {\n    right: 100%;\n    margin-left: 0;\n    left: 16px;\n  }\n  [dir='rtl'] &[data-style='slide-right'] .ladda-spinner {\n    right: auto;\n  }\n  &[data-style='slide-right'][data-loading] .ladda-label {\n    opacity: 0;\n    left: 100%;\n  }\n  &[data-style='slide-right'][data-loading] .ladda-spinner {\n    opacity: 1;\n    left: 50%;\n  }\n  &[data-style='slide-up'] {\n    overflow: hidden;\n  }\n  &[data-style='slide-up'] .ladda-label {\n    position: relative;\n  }\n  &[data-style='slide-up'] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n    margin-top: 1em;\n  }\n  &[data-style='slide-up'][data-loading] .ladda-label {\n    opacity: 0;\n    top: -1em;\n  }\n  &[data-style='slide-up'][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-top: 0;\n  }\n  &[data-style='slide-down'] {\n    overflow: hidden;\n  }\n  &[data-style='slide-down'] .ladda-label {\n    position: relative;\n  }\n  &[data-style='slide-down'] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n    margin-top: -2em;\n  }\n  &[data-style='slide-down'][data-loading] .ladda-label {\n    opacity: 0;\n    top: 1em;\n  }\n  &[data-style='slide-down'][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-top: 0;\n  }\n  &[data-style='zoom-out'] {\n    overflow: hidden;\n  }\n  &[data-style='zoom-out'] .ladda-spinner {\n    left: 50%;\n    margin-left: 32px;\n    transform: scale(2.5);\n  }\n  &[data-style='zoom-out'] .ladda-label {\n    position: relative;\n    display: inline-block;\n  }\n  &[data-style='zoom-out'][data-loading] .ladda-label {\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  &[data-style='zoom-out'][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-left: 0;\n    transform: none;\n  }\n  &[data-style='zoom-in'] {\n    overflow: hidden;\n  }\n  &[data-style='zoom-in'] .ladda-spinner {\n    left: 50%;\n    margin-left: -16px;\n    transform: scale(0.2);\n  }\n  &[data-style='zoom-in'] .ladda-label {\n    position: relative;\n    display: inline-block;\n  }\n  &[data-style='zoom-in'][data-loading] .ladda-label {\n    opacity: 0;\n    transform: scale(2.2);\n  }\n  &[data-style='zoom-in'][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-left: 0;\n    transform: none;\n  }\n  &[data-style='contract'] {\n    overflow: hidden;\n    width: 100px;\n  }\n  &[data-style='contract'] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n  }\n  &[data-style='contract'][data-loading] {\n    border-radius: 50%;\n    width: 52px;\n  }\n  &[data-style='contract'][data-loading] .ladda-label {\n    opacity: 0;\n  }\n  &[data-style='contract'][data-loading] .ladda-spinner {\n    opacity: 1;\n  }\n  &[data-style='contract-overlay'] {\n    overflow: hidden;\n    width: 100px;\n    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);\n  }\n  &[data-style='contract-overlay'] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n  }\n  &[data-style='contract-overlay'][data-loading] {\n    border-radius: 50%;\n    width: 52px;\n    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n  }\n  &[data-style='contract-overlay'][data-loading] .ladda-label {\n    opacity: 0;\n  }\n  &[data-style='contract-overlay'][data-loading] .ladda-spinner {\n    opacity: 1;\n  }\n  [dir='rtl'] .ladda-spinner > div {\n    left: 25% !important;\n  }\n"])), function (props) {
+// From just off the left edge to just off the right: the bar is 38% wide, so
+// 265% of its own width carries it clear.
+var track = keyframes(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n  from { transform: translateX(-100%); }\n  to { transform: translateX(265%); }\n"])));
+var StyledButton = styled.button(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n  ", "\n\n  position: relative;\n  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n\n  /* Keeps the label above the loading bar below. */\n  .ladda-label {\n    position: relative;\n    z-index: 3;\n  }\n\n  /* The loading state: a short bar glides along the inside of the bottom\n     edge, clipped to the button's shape, in the label's colour. The label\n     stays put, so callers whose label carries progress keep it readable.\n     Transform-only, so it composites without repainting. */\n  &[aria-busy='true'] {\n    overflow: hidden;\n\n    &::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 38%;\n      height: 3px;\n      border-radius: 3px;\n      background: currentColor;\n      animation: ", " 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      &::after {\n        animation: none;\n        width: 100%;\n        opacity: 0.4;\n      }\n    }\n  }\n"])), function (props) {
   var _props$theme$buttons, _ref2, _props$$textColor, _props$theme$buttons2, _props$$variant, _ref3, _props$$backgroundCol, _props$theme$buttons3, _props$$variant2, _ref4, _props$$disabledTextC, _props$theme$buttons4, _ref5, _props$$disabledBackg, _props$theme$buttons5;
   return ((_props$theme$buttons = props.theme.buttons) == null ? void 0 : _props$theme$buttons.style) === 'bootstrap' && "\n    border-radius: 0;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    text-transform: none;\n    -webkit-appearance: button;\n  \n    &:not(:disabled),\n    &[type='button']:not(:disabled),\n    &[type='reset']:not(:disabled),\n    &[type='submit']:not(:disabled) {\n      cursor: pointer;\n    }\n  \n    &:focus:not(:focus-visible) {\n      outline: 0;\n    }\n  \n    --bs-btn-padding-x: 0.75rem;\n    --bs-btn-padding-y: 0.375rem;\n    --bs-btn-font-family: ;\n    --bs-btn-font-size: 1rem;\n    --bs-btn-font-weight: 400;\n    --bs-btn-line-height: 1.5;\n    --bs-btn-color: var(--bs-body-color);\n    --bs-btn-bg: transparent;\n    --bs-btn-border-width: var(--bs-border-width);\n    --bs-btn-border-color: transparent;\n    --bs-btn-border-radius: var(--bs-border-radius);\n    --bs-btn-hover-border-color: transparent;\n    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n      0 1px 1px rgba(0, 0, 0, 0.075);\n    --bs-btn-disabled-opacity: 0.65;\n    --bs-btn-focus-box-shadow: 0 0 0 0.25rem\n      rgba(var(--bs-btn-focus-shadow-rgb), 0.5);\n    display: inline-block;\n    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);\n    font-family: var(--bs-btn-font-family);\n    font-size: var(--bs-btn-font-size);\n    font-weight: var(--bs-btn-font-weight);\n    line-height: var(--bs-btn-line-height);\n    color: var(--bs-btn-color);\n    text-align: center;\n    text-decoration: none;\n    vertical-align: middle;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    user-select: none;\n    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);\n    border-radius: var(--bs-btn-border-radius);\n    background-color: var(--bs-btn-bg);\n    //transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,\n    //  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  \n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  \n    &:hover {\n      filter: brightness(1.15);\n    }\n  \n    &:focus-visible {\n      color: var(--bs-btn-color);\n      background-color: var(--bs-btn-bg);\n      border-color: var(--bs-btn-border-color);\n      outline: 0;\n      box-shadow: var(--bs-btn-focus-box-shadow);\n    }\n  \n    &:disabled,\n    &.disabled,\n    fieldset:disabled & {\n      color: var(--bs-btn-disabled-color);\n      pointer-events: none;\n      background-color: var(--bs-btn-disabled-bg);\n      border-color: var(--bs-btn-disabled-border-color);\n      opacity: var(--bs-btn-disabled-opacity);\n    }\n  \n    --bs-btn-color: " + ((_ref2 = (_props$$textColor = props.$textColor) != null ? _props$$textColor : (_props$theme$buttons2 = props.theme.buttons) == null || (_props$theme$buttons2 = _props$theme$buttons2[(_props$$variant = props.$variant) != null ? _props$$variant : 'primary']) == null ? void 0 : _props$theme$buttons2.textColor) != null ? _ref2 : '#fff') + ";\n    --bs-btn-bg: " + ((_ref3 = (_props$$backgroundCol = props.$backgroundColor) != null ? _props$$backgroundCol : (_props$theme$buttons3 = props.theme.buttons) == null || (_props$theme$buttons3 = _props$theme$buttons3[(_props$$variant2 = props.$variant) != null ? _props$$variant2 : 'primary']) == null ? void 0 : _props$theme$buttons3.backgroundColor) != null ? _ref3 : '#0d6efd') + ";\n    --bs-btn-border-color: var(--bs-btn-bg);\n    --bs-btn-focus-shadow-rgb: 49, 132, 253;\n    --bs-btn-active-color: #fff;\n    --bs-btn-active-bg: #0a58ca;\n    --bs-btn-active-border-color: #0a53be;\n    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n    --bs-btn-disabled-color: " + ((_ref4 = (_props$$disabledTextC = props.$disabledTextColor) != null ? _props$$disabledTextC : (_props$theme$buttons4 = props.theme.buttons) == null || (_props$theme$buttons4 = _props$theme$buttons4.loading) == null ? void 0 : _props$theme$buttons4.textColor) != null ? _ref4 : '#fff') + ";\n    --bs-btn-disabled-bg: " + ((_ref5 = (_props$$disabledBackg = props.$disabledBackgroundColor) != null ? _props$$disabledBackg : (_props$theme$buttons5 = props.theme.buttons) == null || (_props$theme$buttons5 = _props$theme$buttons5.loading) == null ? void 0 : _props$theme$buttons5.backgroundColor) != null ? _ref5 : 'gray') + ";\n    --bs-btn-disabled-border-color: var(--bs-btn-disabled-bg);\n  \n    --bs-btn-padding-y: 14px;\n    --bs-btn-padding-x: 1rem;\n    --bs-btn-font-size: 18px;\n    --bs-btn-border-radius: 4px;\n  ";
-});
+}, track);
 var _templateObject$X;
 var ButtonsRow$2 = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 0 15px;\n  justify-content: center;\n  text-align: left;\n"])));
-var _templateObject$W, _templateObject2$P;
+var _templateObject$W, _templateObject2$O;
 var GuidanceMessageContainerDiv = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: calc(", ");\n  ", "\n  font-weight: bold;\n  width: 100%;\n  display: flex;\n  padding: 0 10%;\n  box-sizing: border-box;\n"])), function (_ref) {
   var $top = _ref.$top;
   return $top != null ? $top : '10%';
@@ -8232,7 +8207,7 @@ var GuidanceMessageContainer = function GuidanceMessageContainer(props) {
   if (!portalLocation) return element;
   return /*#__PURE__*/createPortal(element, portalLocation);
 };
-var GuidanceMessage = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  z-index: 10001;\n  padding: 16px 24px;\n  font-size: 18px;\n  font-weight: bold;\n  box-shadow:\n    0 1px 3px 0 rgb(0 0 0 / 0.1),\n    0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
+var GuidanceMessage = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n  margin-left: auto;\n  margin-right: auto;\n  background: ", ";\n  color: ", ";\n  border-radius: 8px;\n  z-index: 10001;\n  padding: 16px 24px;\n  font-size: 18px;\n  font-weight: bold;\n  box-shadow:\n    0 1px 3px 0 rgb(0 0 0 / 0.1),\n    0 1px 2px -1px rgb(0 0 0 / 0.1);\n"])), function (props) {
   var _ref3, _props$$background, _props$theme, _props$$variant;
   return (_ref3 = (_props$$background = props.$background) != null ? _props$$background : (_props$theme = props.theme) == null || (_props$theme = _props$theme.guidanceMessages) == null || (_props$theme = _props$theme[(_props$$variant = props.$variant) != null ? _props$$variant : 'default']) == null ? void 0 : _props$theme.backgroundColor) != null ? _ref3 : 'white';
 }, function (props) {
@@ -8284,19 +8259,19 @@ var PlacedGuidanceMessageContainer = function PlacedGuidanceMessageContainer(_re
   });
 };
-var _templateObject$V, _templateObject2$O, _templateObject3$C, _templateObject4$x;
+var _templateObject$V, _templateObject2$N, _templateObject3$C, _templateObject4$x;
 var wavesAnimation = keyframes(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n    0% {\n        opacity: 0;\n        transform: scale3d(1, 1, 1);\n    }\n    80% {\n        opacity: 1;\n    }\n    100% {\n        transform: scale3d(2, 2, 1);\n        opacity: 0;\n    }\n"])));
-var progressBarAnimation = keyframes(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"])));
+var progressBarAnimation = keyframes(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n    0% {\n        width: 0;\n    }\n    100% {\n        width: 100%;\n    }\n"])));
 keyframes(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n    0% {\n        transform: rotate(0deg);\n    }\n    100% {\n        transform: rotate(360deg);\n    }\n"])));
 keyframes(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n    to {\n        stroke-dashoffset: 0;\n    }\n"])));
-var _templateObject$U, _templateObject2$N, _templateObject3$B, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$h, _templateObject8$d, _templateObject9$d, _templateObject0$b, _templateObject1$a, _templateObject10$a, _templateObject11$7, _templateObject12$6, _templateObject13$6, _templateObject14$6, _templateObject15$5, _templateObject16$4, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
+var _templateObject$U, _templateObject2$M, _templateObject3$B, _templateObject4$w, _templateObject5$s, _templateObject6$k, _templateObject7$h, _templateObject8$d, _templateObject9$d, _templateObject0$b, _templateObject1$a, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$6, _templateObject14$6, _templateObject15$5, _templateObject16$4, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
 var OverlayContainer = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  flex-direction: column;\n\n  overflow-x: hidden;\n  overflow-y: auto;\n\n  background: ", ";\n  ", "\n\n  z-index: 10000;\n"])), function (props) {
   return props.theme.background ? "" + props.theme.background : "white";
 }, function (props) {
   return props.theme.textColor ? "color: " + props.theme.textColor + ";" : "";
 });
-var OverlayInner$2 = styled.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  width: 100%;\n  height: 100%;\n  ", "\n"])), function (props) {
+var OverlayInner$2 = styled.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n  text-align: ", ";\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  width: 100%;\n  height: 100%;\n  ", "\n"])), function (props) {
   var _props$theme$textAlig;
   return (_props$theme$textAlig = props.theme.textAlign) != null ? _props$theme$textAlig : 'center';
 }, function (props) {
@@ -8331,7 +8306,7 @@ var LoadingOverlayHeader = styled.div(_templateObject0$b || (_templateObject0$b
   return props.theme.padding ? "box-sizing: border-box; padding: " + props.theme.padding + ";" : "";
 });
 var LoadingOverlayGuidanceMessage = styled(GuidanceMessage)(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n  padding: 16px 24px;\n  margin-top: 16px;\n  font-size: 18px;\n  font-weight: bold;\n"])));
-var LoadingOverlayImageContainer = styled(OverlayImageContainer)(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"])));
+var LoadingOverlayImageContainer = styled(OverlayImageContainer)(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n  padding: 0;\n  max-height: 100%;\n  pointer-events: none;\n"])));
 var LoadingOverlayProgressBarBackground = styled.div.attrs({
   className: 'loading-overlay-progress-bar-background'
 })(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
@@ -8466,13 +8441,13 @@ var error = function error() {
 var _excluded$g = ["children", "status", "borderWidth", "borderRadius", "borderColor", "aspectRatio", "progress", "guideBoxDisabled"],
   _excluded2$5 = ["borderRadius", "borderColor", "borderWidth", "borderOpacity", "progress", "isProgressBar", "scaleBorderRadius"];
-var _templateObject$T, _templateObject2$M, _templateObject3$A, _templateObject4$v, _templateObject5$r, _templateObject6$j, _templateObject7$g;
+var _templateObject$T, _templateObject2$L, _templateObject3$A, _templateObject4$v, _templateObject5$r, _templateObject6$j, _templateObject7$g;
 var IdCardGuideImageContainer = styled(IdCardBorder)(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n  position: relative;\n  ", "\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n  ", ";\n"])), function (props) {
   return props.$isVisible ? '' : 'opacity: 0;';
 }, function (props) {
   return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
 });
-var IdCardGuideImage = styled.img(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n  max-height: 100%;\n  transform-style: preserve-3d;\n  ", "\n  ", "\n"])), function (props) {
+var IdCardGuideImage = styled.img(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n  max-height: 100%;\n  transform-style: preserve-3d;\n  ", "\n  ", "\n"])), function (props) {
   return props.$isMirrored ? 'transform: scaleX(-1);' : '';
 }, function (props) {
   return props.$isInvisible ? 'opacity: 0;' : '';
@@ -8864,7 +8839,7 @@ var Wrapper$1 = styled.div(_templateObject$S || (_templateObject$S = _taggedTemp
   return props.$isMobile ? props.$isLandscape ? 'height: 100%;' : 'width: 80%;' : props.$isLandscape ? 'height: 70%;' : 'width: 82%;';
 });
-var _templateObject$R, _templateObject2$L, _templateObject3$z, _templateObject4$u, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$c, _templateObject9$c;
+var _templateObject$R, _templateObject2$K, _templateObject3$z, _templateObject4$u, _templateObject5$q, _templateObject6$i, _templateObject7$f, _templateObject8$c, _templateObject9$c;
 var IdCaptureGuideOverlay = function IdCaptureGuideOverlay(_ref) {
   var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid2, _theme$idCapture2, _theme$idCapture$guid3, _theme$idCapture3, _theme$idCapture$guid4, _theme$idCapture4, _theme$idCapture$guid5, _theme$idCapture5;
   var _ref$classNames = _ref.classNames,
@@ -9021,7 +8996,7 @@ var regionClsx = function regionClsx(classNames, which) {
   }).join(' ');
 };
 var StyledPageContainer = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1000;\n  overflow: hidden;\n"])));
-var GuidesContainer = styled.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"])));
+var GuidesContainer = styled.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n"])));
 var GuideCenterRow = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  flex-flow: row nowrap;\n  align-items: center;\n  justify-items: center;\n  box-sizing: border-box;\n  max-width: 100%;\n  max-height: 100%;\n  min-height: 0;\n  flex: 1;\n"])));
 var GuideRegion = styled.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: end;\n  width: 100%;\n  position: relative;\n  z-index: 1000;\n  background: ", ";\n  color: ", ";\n  text-align: center;\n  ", "\n  ", "\n"])), function (props) {
   var _ref2, _props$$maskColor, _props$theme;
@@ -9053,7 +9028,7 @@ var GuideCenterInner = styled.div(_templateObject9$c || (_templateObject9$c = _t
 /** The mask colour when neither the prop nor the theme sets one. */
 var OVERLAY_GUIDE_MASK_DEFAULT = 'rgba(0, 0, 0, 0.5)';
-var _templateObject$Q, _templateObject2$K, _templateObject3$y, _templateObject4$t;
+var _templateObject$Q, _templateObject2$J, _templateObject3$y, _templateObject4$t;
 var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
   var _theme$idCapture$guid, _theme$idCapture, _theme$idCapture$guid5, _theme$idCapture5, _theme$idCapture$guid6, _theme$idCapture6, _theme$idCapture$guid7, _theme$idCapture7;
   var aspectRatio = _ref.aspectRatio,
@@ -9293,7 +9268,7 @@ var IdCaptureFitGuide = function IdCaptureFitGuide(_ref) {
 var CanvasWrapper$1 = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  flex-grow: 1;\n  background-clip: padding-box;\n  /* The default -1 puts the mask behind a 'fullscreen' camera feed, which hides\n     the dimming entirely; it only works because 'snapToGuides' clips the feed to\n     the guide rect. Lifting it is opt-in so existing integrations are untouched. */\n  ", "\n"])), function (props) {
   return props.$aboveCameraFeed ? "z-index: 1;" : "box-shadow: inset 0 0 0 2px " + props.$maskColor + ";\n         z-index: -1;";
 });
-var Canvas$2 = styled.canvas(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n  display: block;\n"])));
+var Canvas$2 = styled.canvas(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n  display: block;\n"])));
 var CaptureAreaProgress = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: ", "px;\n  top: ", "px;\n  width: ", "px;\n  height: ", "px;\n  pointer-events: none;\n"])), function (props) {
   return props.$x;
 }, function (props) {
@@ -9372,7 +9347,7 @@ var ExitCaptureButton = function ExitCaptureButton(_ref) {
   });
 };
-var _templateObject$O, _templateObject2$J, _templateObject3$x, _templateObject4$s;
+var _templateObject$O, _templateObject2$I, _templateObject3$x, _templateObject4$s;
 function IdCaptureLoadingGraphic(props) {
   var isMobile = window.innerHeight > window.innerWidth;
   return isMobile ? jsx(IdCaptureLoadingGraphicMobile, _extends({}, props)) : jsx(IdCaptureLoadingGraphicDesktop, _extends({}, props));
@@ -9870,7 +9845,7 @@ function IdCaptureLoadingGraphicMobile(_ref2) {
   });
 }
 var LoadingGraphicWrapper = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  height: 100%;\n"])));
-var LoadingGraphicSvg = styled.svg(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n  max-height: 80%;\n  max-width: 80%;\n"])), function (props) {
+var LoadingGraphicSvg = styled.svg(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n  margin: auto;\n  transform: scale(\n    ", "\n  );\n  transform-style: preserve-3d;\n  transition:\n    transform 0.2s linear,\n    border-width 0.2s linear;\n  border: ", "px solid\n    ", ";\n  max-height: 80%;\n  max-width: 80%;\n"])), function (props) {
   return props.$frame > 1 ? 1 : props.$frame === 1 ? 1.25 : 0.75;
 }, function (props) {
   return props.$frame >= 5 ? 10 : 0;
@@ -10138,7 +10113,7 @@ function CustomerLoadingSpinner(_ref2) {
 // parent's gap/padding, which would offset the fallback it sits next to.
 var SpinnerSlot = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:empty {\n    display: contents;\n  }\n"])));
-var _templateObject$M, _templateObject2$I, _templateObject3$w, _templateObject4$r, _templateObject5$p;
+var _templateObject$M, _templateObject2$H, _templateObject3$w, _templateObject4$r, _templateObject5$p;
 var legacyInstructionImageUrl$1 = DEFAULT_CDN_URL$1 + "/WebSDK-Instruction-DL-Capture-3-Portrait.png";
 // Module-level so the default `now` prop has a stable identity across
 // renders (it sits in useModelWarmingElapsedMs's effect dependency array).
@@ -10334,7 +10309,7 @@ var OverlayInner$1 = styled(LoadingOverlayInner)(_templateObject$M || (_template
   var _props$theme$idCaptur2, _props$theme2;
   return (_props$theme$idCaptur2 = (_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.idCapture) == null || (_props$theme2 = _props$theme2.loadingOverlay) == null ? void 0 : _props$theme2.textColor) != null ? _props$theme$idCaptur2 : 'black';
 });
-var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  ", "\n"])), function (props) {
+var ButtonsRow$1 = styled(LoadingOverlayButtonsRow)(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  ", "\n"])), function (props) {
   var _props$theme$idCaptur3, _props$theme3;
   return (_props$theme$idCaptur3 = (_props$theme3 = props.theme) == null || (_props$theme3 = _props$theme3.idCapture) == null || (_props$theme3 = _props$theme3.loadingOverlay) == null ? void 0 : _props$theme3.progressBarTextColor) != null ? _props$theme$idCaptur3 : 'white';
 }, function (props) {
@@ -18988,7 +18963,7 @@ function instructionVerbiage(bag, code) {
   return bag == null ? void 0 : bag[instructionVerbiageKeys[code]];
 }
-var _templateObject$L, _templateObject2$H, _templateObject3$v, _templateObject4$q, _templateObject5$o;
+var _templateObject$L, _templateObject2$G, _templateObject3$v, _templateObject4$q, _templateObject5$o;
 var PDF417_ASPECT_RATIO = 3 / 1;
 function BarcodeGuideOverlay(_ref) {
   var _ref$aspectRatio = _ref.aspectRatio,
@@ -19119,14 +19094,14 @@ function BarcodeGuideOverlay(_ref) {
   });
 }
 var Wrapper = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n"])));
-var Canvas$1 = styled.canvas(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
+var Canvas$1 = styled.canvas(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"])));
 var TextOverlay = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  padding-top: 48px;\n  pointer-events: none;\n  z-index: 2;\n"])));
 var HeaderText = styled.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n  color: white;\n  font-size: 24px;\n  font-weight: 700;\n  text-align: center;\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  margin-bottom: 16px;\n"])));
 var InstructionText = styled.div(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n  color: white;\n  font-size: 16px;\n  font-weight: 400;\n  text-align: center;\n  max-width: 300px;\n  line-height: 1.4;\n  opacity: 0.9;\n"])));
-var _templateObject$K, _templateObject2$G, _templateObject3$u, _templateObject4$p, _templateObject5$n, _templateObject6$h;
+var _templateObject$K, _templateObject2$F, _templateObject3$u, _templateObject4$p, _templateObject5$n, _templateObject6$h;
 var scaleIn = keyframes(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  50% {\n    transform: scale(1.1);\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n"])));
-var drawCheck = keyframes(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n  0% {\n    stroke-dashoffset: 24;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n"])));
+var drawCheck = keyframes(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n  0% {\n    stroke-dashoffset: 24;\n  }\n  100% {\n    stroke-dashoffset: 0;\n  }\n"])));
 styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n  z-index: 3;\n"])));
 styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n  width: 80px;\n  height: 80px;\n  border-radius: 50%;\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  animation: ", " 0.4s ease-out forwards;\n"])), function (props) {
   return props.$color;
@@ -19226,7 +19201,7 @@ function IdCaptureGuides(_ref) {
   });
 }
-var _templateObject$J, _templateObject2$F, _templateObject3$t, _templateObject4$o, _templateObject5$m;
+var _templateObject$J, _templateObject2$E, _templateObject3$t, _templateObject4$o, _templateObject5$m;
 function OverrideWrongDocumentTypeDialog(_ref) {
   var visible = _ref.visible,
     onOverride = _ref.onOverride,
@@ -19265,7 +19240,7 @@ var Container$3 = styled.div(_templateObject$J || (_templateObject$J = _taggedTe
   var _props$theme$idCaptur3, _props$theme$idCaptur4;
   return (_props$theme$idCaptur3 = (_props$theme$idCaptur4 = props.theme.idCapture) == null || (_props$theme$idCaptur4 = _props$theme$idCaptur4.overrideWrongDocumentTypeGuidance) == null ? void 0 : _props$theme$idCaptur4.textColor) != null ? _props$theme$idCaptur3 : 'black';
 });
-var InnerContainer = styled.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"])));
+var InnerContainer = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  padding: 16px 24px;\n  margin: auto 0;\n  width: 100%;\n"])));
 var Message = styled.span(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n  display: block;\n  margin: auto 12px auto 0;\n"])));
 var ButtonContainer = styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n  display: flex;\n  margin-left: auto;\n"])));
 var Button = styled(LoaderButton)(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  margin: auto;\n"])));
@@ -19375,7 +19350,7 @@ var IdCaptureLoadingOverlayLegacy = function IdCaptureLoadingOverlayLegacy(_ref)
   });
 };
-var _templateObject$I, _templateObject2$E;
+var _templateObject$I, _templateObject2$D;
 var RING_SIZE = 74;
 var RADIUS = 32;
 var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
@@ -19421,7 +19396,7 @@ var RingProgress = function RingProgress(_ref) {
   });
 };
 var RingSvg = styled.svg(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n  width: ", "px;\n  height: ", "px;\n  transform: rotate(-90deg);\n"])), RING_SIZE, RING_SIZE);
-var FillCircle = styled.circle(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n  transition: stroke-dashoffset 0.3s linear;\n"])));
+var FillCircle = styled.circle(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n  transition: stroke-dashoffset 0.3s linear;\n"])));
 var selectRingStatusKey = function selectRingStatusKey(_ref) {
   var ready = _ref.ready,
@@ -19436,7 +19411,7 @@ var selectRingStatusKey = function selectRingStatusKey(_ref) {
   return 'warming';
 };
-var _templateObject$H, _templateObject2$D, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$g, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject0$a, _templateObject1$9, _templateObject10$9;
+var _templateObject$H, _templateObject2$C, _templateObject3$s, _templateObject4$n, _templateObject5$l, _templateObject6$g, _templateObject7$e, _templateObject8$b, _templateObject9$b, _templateObject0$a, _templateObject1$9;
 /**
  * The ring overlay's priming cover page (CEO prototype `#v-prime`): camera
  * badge, title/subtitle, step chips, reassurance chip, "Enable camera &
@@ -19507,7 +19482,6 @@ var RingIntroScreen = function RingIntroScreen(_ref) {
       finished: !requesting,
       disabled: requesting,
       onClick: onStart,
-      "data-spinner-color": badgeColor,
       children: requesting ? requestingButtonText : startButtonText
     }), jsx(Privacy, {
       className: classNames.introPrivacy,
@@ -19516,19 +19490,18 @@ var RingIntroScreen = function RingIntroScreen(_ref) {
   });
 };
 var _float = keyframes(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-7px); }\n"])));
-var sweep = keyframes(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n  from { transform: translateX(-100%); }\n  to { transform: translateX(100%); }\n"])));
-var IntroLayout = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 34px;\n  text-align: center;\n"])));
-var Badge = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n  width: 84px;\n  height: 84px;\n  border-radius: 28px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 12px 28px\n    color-mix(in srgb, ", " 35%, transparent);\n  margin-bottom: 8px;\n  animation: ", " 3s ease-in-out infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n\n  svg {\n    width: 40px;\n    height: 40px;\n    fill: #ffffff;\n  }\n"])), function (props) {
+var IntroLayout = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  padding: 34px;\n  text-align: center;\n"])));
+var Badge = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n  width: 84px;\n  height: 84px;\n  border-radius: 28px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 12px 28px\n    color-mix(in srgb, ", " 35%, transparent);\n  margin-bottom: 8px;\n  animation: ", " 3s ease-in-out infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n\n  svg {\n    width: 40px;\n    height: 40px;\n    fill: #ffffff;\n  }\n"])), function (props) {
   return props.$color;
 }, function (props) {
   return props.$color;
 }, _float);
-var Title$4 = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n  font-size: 22px;\n  font-weight: 700;\n"])));
-var Subtitle$3 = styled.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  opacity: 0.65;\n  line-height: 1.5;\n"])));
-var Steps = styled.div(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 26px;\n  margin: 16px 0 6px;\n"])));
-var Step = styled.div(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  opacity: 0.75;\n  width: 90px;\n"])));
-var StepDot = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1.5px solid rgba(0, 0, 0, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n"])));
-var ReassuranceChip = styled.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n  font-size: 11px;\n  background: ", ";\n  border-radius: 10px;\n  padding: 6px 12px;\n  max-width: 250px;\n  line-height: 1.4;\n"])), function (props) {
+var Title$4 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n  font-size: 22px;\n  font-weight: 700;\n"])));
+var Subtitle$3 = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  opacity: 0.65;\n  line-height: 1.5;\n"])));
+var Steps = styled.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 26px;\n  margin: 16px 0 6px;\n"])));
+var Step = styled.div(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  font-size: 11px;\n  opacity: 0.75;\n  width: 90px;\n"])));
+var StepDot = styled.div(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n  width: 44px;\n  height: 44px;\n  border-radius: 50%;\n  background: #ffffff;\n  border: 1.5px solid rgba(0, 0, 0, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n"])));
+var ReassuranceChip = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n  font-size: 11px;\n  background: ", ";\n  border-radius: 10px;\n  padding: 6px 12px;\n  max-width: 250px;\n  line-height: 1.4;\n"])), function (props) {
   return props.$tint;
 });
 /* Pill treatment from the CEO prototype (.btn.primary: radius 26, teal glow,
@@ -19536,10 +19509,8 @@ var ReassuranceChip = styled.div(_templateObject0$a || (_templateObject0$a = _ta
  * theme styling. The glow and the deliberately quiet focus ring derive from
  * the button's own background (--bs-btn-bg, set by the theme's bootstrap
  * block) with the intro accent as fallback for un-themed buttons. Double
- * ampersand outranks the base LoaderButton rules; Ladda's loading
- * padding-right still wins (three-selector specificity) so the spinner
- * keeps its room. */
-var StartButton = styled(LoaderButton)(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n  && {\n    margin-top: 10px;\n    white-space: nowrap;\n    min-width: 240px;\n    border: none;\n    border-radius: 26px;\n    padding: 15px 28px;\n    font-size: 16px;\n    font-weight: 600;\n    box-shadow: 0 6px 18px\n      color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 35%,\n        transparent\n      );\n\n    &:hover:not(.disabled) {\n      transform: translateY(-1px);\n      box-shadow: 0 9px 24px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 42%,\n          transparent\n        );\n    }\n\n    &:active:not(.disabled) {\n      transform: translateY(0) scale(0.97);\n      box-shadow: 0 4px 12px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 30%,\n          transparent\n        );\n    }\n\n    &:focus-visible {\n      outline: none;\n      box-shadow:\n        0 6px 18px\n          color-mix(\n            in srgb,\n            var(--bs-btn-bg, ", ") 35%,\n            transparent\n          ),\n        0 0 0 3px\n          color-mix(\n            in srgb,\n            var(--bs-btn-bg, ", ") 25%,\n            #ffffff\n          );\n    }\n\n    /* Requesting-camera state: a pale accent tint (visibly \"waiting\", not\n     * the solid \"go\" green), deep-accent label, and an indeterminate gloss\n     * sweep. LoaderButton's simulated 0\u219290% progress fill is hidden \u2014 a\n     * permission prompt has no knowable progress. */\n    &.disabled {\n      opacity: 1;\n      overflow: hidden;\n      background: color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 12%,\n        #ffffff\n      );\n      color: color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 85%,\n        #000000\n      );\n      box-shadow: 0 4px 14px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 18%,\n          transparent\n        );\n\n      &::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n        background: linear-gradient(\n          100deg,\n          transparent 30%,\n          rgb(255 255 255 / 0.65) 50%,\n          transparent 70%\n        );\n        animation: ", " 1.4s ease-in-out infinite;\n      }\n\n      .ladda-progress {\n        display: none;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      &:hover:not(.disabled),\n      &:active:not(.disabled) {\n        transform: none;\n      }\n\n      &.disabled::after {\n        display: none;\n      }\n    }\n  }\n"])), function (props) {
+ * ampersand outranks the base LoaderButton rules. */
+var StartButton = styled(LoaderButton)(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n  && {\n    margin-top: 10px;\n    white-space: nowrap;\n    min-width: 240px;\n    border: none;\n    border-radius: 26px;\n    padding: 15px 28px;\n    font-size: 16px;\n    font-weight: 600;\n    box-shadow: 0 6px 18px\n      color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 35%,\n        transparent\n      );\n\n    &:hover:not(.disabled) {\n      transform: translateY(-1px);\n      box-shadow: 0 9px 24px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 42%,\n          transparent\n        );\n    }\n\n    &:active:not(.disabled) {\n      transform: translateY(0) scale(0.97);\n      box-shadow: 0 4px 12px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 30%,\n          transparent\n        );\n    }\n\n    &:focus-visible {\n      outline: none;\n      box-shadow:\n        0 6px 18px\n          color-mix(\n            in srgb,\n            var(--bs-btn-bg, ", ") 35%,\n            transparent\n          ),\n        0 0 0 3px\n          color-mix(\n            in srgb,\n            var(--bs-btn-bg, ", ") 25%,\n            #ffffff\n          );\n    }\n\n    /* Requesting-camera state: a pale accent tint (visibly \"waiting\", not\n     * the solid \"go\" green) and a deep-accent label. LoaderButton's loading\n     * bar takes the label colour. */\n    &.disabled {\n      opacity: 1;\n      background: color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 12%,\n        #ffffff\n      );\n      color: color-mix(\n        in srgb,\n        var(--bs-btn-bg, ", ") 85%,\n        #000000\n      );\n      box-shadow: 0 4px 14px\n        color-mix(\n          in srgb,\n          var(--bs-btn-bg, ", ") 18%,\n          transparent\n        );\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      &:hover:not(.disabled),\n      &:active:not(.disabled) {\n        transform: none;\n      }\n    }\n  }\n"])), function (props) {
   return props.$accent;
 }, function (props) {
   return props.$accent;
@@ -19555,8 +19526,8 @@ var StartButton = styled(LoaderButton)(_templateObject1$9 || (_templateObject1$9
   return props.$accent;
 }, function (props) {
   return props.$accent;
-}, sweep);
-var Privacy = styled.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 6px;\n"])));
+});
+var Privacy = styled.div(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 6px;\n"])));
 var selectRingOverlayStage = function selectRingOverlayStage(_ref) {
   var showIntroScreen = _ref.showIntroScreen,
@@ -19566,7 +19537,7 @@ var selectRingOverlayStage = function selectRingOverlayStage(_ref) {
   return requesting ? 'requesting' : 'intro';
 };
-var _templateObject$G, _templateObject2$C, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$f, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject0$9, _templateObject1$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$5, _templateObject15$4;
+var _templateObject$G, _templateObject2$B, _templateObject3$r, _templateObject4$m, _templateObject5$k, _templateObject6$f, _templateObject7$d, _templateObject8$a, _templateObject9$a, _templateObject0$9, _templateObject1$8, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$5, _templateObject14$5, _templateObject15$4;
 /** Minimum time a stage handoff stays on screen so its message is
  * legible even when everything preloaded and readiness is instant. */
 var STAGE_TRANSITION_HOLD_MS = 1600;
@@ -19626,7 +19597,7 @@ var RingStageTransition = function RingStageTransition(_ref) {
   });
 };
 var badgePop = keyframes(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n  0% { transform: scale(0.4); opacity: 0; }\n  60% { transform: scale(1.08); opacity: 1; }\n  100% { transform: scale(1); opacity: 1; }\n"])));
-var cardFlip = keyframes(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(180deg); }\n"])));
+var cardFlip = keyframes(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n  from { transform: rotateY(0deg); }\n  to { transform: rotateY(180deg); }\n"])));
 var microcopyBeat = keyframes(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n  0% { opacity: 0; transform: translateY(6px); }\n  18% { opacity: 1; transform: translateY(0); }\n  60% { opacity: 1; transform: translateY(0); }\n  80% { opacity: 0; transform: translateY(-6px); }\n  100% { opacity: 0; }\n"])));
 var rise = keyframes(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 1; transform: translateY(0); }\n"])));
 var riseSubtle = keyframes(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n  from { opacity: 0; transform: translateY(8px); }\n  to { opacity: 0.65; transform: translateY(0); }\n"])));
@@ -19657,7 +19628,7 @@ var LoadingRow = styled.div(_templateObject15$4 || (_templateObject15$4 = _tagge
   return props.$visible ? 1 : 0;
 });
-var _templateObject$F, _templateObject2$B, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$e, _templateObject7$c;
+var _templateObject$F, _templateObject2$A, _templateObject3$q, _templateObject4$l, _templateObject5$j, _templateObject6$e, _templateObject7$c;
 // Module-level so the default `now` prop has a stable identity across
 // renders (it sits in useModelWarmingElapsedMs's effect dependency array).
 var defaultNow$2 = function defaultNow() {
@@ -19932,7 +19903,7 @@ var IdCaptureLoadingOverlayRing = function IdCaptureLoadingOverlayRing(_ref) {
   });
 };
 var overlayFadeIn$1 = keyframes(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
-var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
+var RingOverlayInner$1 = styled(LoadingOverlayInner)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
   var _props$theme$idCaptur, _props$theme;
   var tintBase = (_props$theme$idCaptur = (_props$theme = props.theme) == null || (_props$theme = _props$theme.idCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$idCaptur : 'var(--idm-color-primary-500)';
   return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
@@ -20036,11 +20007,11 @@ var CapturedDocumentImg = function CapturedDocumentImg(_ref) {
   });
 };
-var _templateObject$E, _templateObject2$A;
+var _templateObject$E, _templateObject2$z;
 var Card = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n  background: white;\n  border-radius: 8px;\n  padding: 24px;\n  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);\n  margin: auto;\n  max-width: min(500px, 100% - 48px);\n  max-height: 100%;\n  overflow: auto;\n  box-sizing: border-box;\n"])));
-var FlexCard = styled(Card)(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
+var FlexCard = styled(Card)(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n"])));
-var _templateObject$D, _templateObject2$z, _templateObject3$p, _templateObject4$k, _templateObject5$i, _templateObject6$d, _templateObject7$b, _templateObject8$9, _templateObject9$9, _templateObject0$8, _templateObject1$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$2, _templateObject24$1, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44;
+var _templateObject$D, _templateObject2$y, _templateObject3$p, _templateObject4$k, _templateObject5$i, _templateObject6$d, _templateObject7$b, _templateObject8$9, _templateObject9$9, _templateObject0$8, _templateObject1$7, _templateObject10$7, _templateObject11$5, _templateObject12$4, _templateObject13$4, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$2, _templateObject24$1, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44;
 function ReviewDocumentDiagnostics(_ref) {
   var _document$detectionSc, _document$detectionSc2, _document$focusScore, _document$focusScore2;
   var document = _ref.document,
@@ -20500,7 +20471,7 @@ function RotationAttemptRow(_ref3) {
   });
 }
 var DebugInfoContainer = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 0.375rem;\n  margin-top: 0.5rem;\n  margin-bottom: 1rem;\n  padding: 0.625rem;\n  background: #f8f9fa;\n  border-radius: 6px;\n  border: 1px solid #e9ecef;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n  line-height: 1.35;\n  text-align: left;\n"])));
-var DebugSection = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin: 0;\n"])));
+var DebugSection = styled.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  margin: 0;\n"])));
 var DebugLabel = styled.span(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n  width: 110px;\n  flex-shrink: 0;\n  color: #495057;\n  font-size: 0.8125rem;\n  font-weight: 600;\n"])));
 var DebugValue = styled.span(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n  color: #212529;\n  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;\n  font-size: 0.8125rem;\n"])));
 var ScoreBadge = styled.span(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  align-items: center;\n  padding: 0.1875rem 0.5rem;\n  border: 1px solid\n    ", ";\n  border-radius: 4px;\n  background: ", ";\n  color: ", ";\n  font-size: 0.75rem;\n  font-weight: 600;\n"])), function (_ref4) {
@@ -20615,7 +20586,7 @@ var DiagnosticsBadge = styled.span(_templateObject44 || (_templateObject44 = _ta
   return $highlight ? '#004085' : $ok ? '#155724' : '#721c24';
 });
-var _templateObject$C, _templateObject2$y, _templateObject3$o, _templateObject4$j, _templateObject5$h;
+var _templateObject$C, _templateObject2$x, _templateObject3$o, _templateObject4$j, _templateObject5$h;
 var imageDisplayOrder = ['idCardFront', 'idCardBack', 'idBarcodeImage', 'passport', 'singlePage', 'idFrontIrImage', 'idBackIrImage', 'idFrontUvImage', 'idBackUvImage'];
 var ReviewScreen = function ReviewScreen(_ref) {
   var capturedDocuments = _ref.capturedDocuments,
@@ -20707,12 +20678,12 @@ var ReviewScreen = function ReviewScreen(_ref) {
   });
 };
 var Heading$9 = styled.h1(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1.5rem;\n"])));
-var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n  overflow-y: auto;\n  padding-bottom: 0;\n  max-width: 100%;\n"])));
+var ImagesContainer = styled(OverlayImageContainer)(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n  flex-grow: 1;\n  overflow-y: auto;\n  padding-bottom: 0;\n  max-width: 100%;\n"])));
 var ImageRow = styled(OverlayImageRow)(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n"])));
 var ImageCol$1 = styled.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n  width: 450px;\n  max-width: 100%;\n  max-height: none !important;\n"])));
 var StyledImage = styled(CapturedDocumentImg)(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border-radius: 12px;\n"])));
-var _templateObject$B, _templateObject2$x, _templateObject3$n, _templateObject4$i;
+var _templateObject$B, _templateObject2$w, _templateObject3$n, _templateObject4$i;
 var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
   var _assets$imageUrl, _classNames$container;
   var onRetry = _ref.onRetry,
@@ -20772,11 +20743,11 @@ var CameraAccessDeniedOverlay = function CameraAccessDeniedOverlay(_ref) {
   });
 };
 var StyledOverlayInner$2 = styled(OverlayInner$2)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n  max-width: 500px;\n  height: auto;\n  margin: auto;\n"])));
-var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n  flex-grow: 0;\n"])));
+var StyledOverlayImageContainer = styled(OverlayImageContainer)(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n  flex-grow: 0;\n"])));
 var Description$3 = styled.p(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n  line-height: 1.5;\n  margin-bottom: 50px;\n"])));
 var RetryButton$1 = styled(LoaderButton)(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n  width: 200px;\n  margin: 0 auto;\n"])));
-var _templateObject$A, _templateObject2$w, _templateObject3$m;
+var _templateObject$A, _templateObject2$v, _templateObject3$m;
 var ErrorScreen = function ErrorScreen(_ref) {
   var error = _ref.error,
     onRetry = _ref.onRetry,
@@ -20968,7 +20939,7 @@ var cameraFailureClassNames = function cameraFailureClassNames(own, bag) {
 // IdCaptureLoadingOverlayDefault's `theme...textColor ?? 'black'`); do the
 // same here rather than inherit a foreground meant for the dark overlays.
 var ErrorCard = styled(FlexCard)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n  color: black;\n"])));
-var Heading$8 = styled.h1(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n"])));
+var Heading$8 = styled.h1(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n  font-size: 1.5rem;\n  margin-top: 0;\n  margin-bottom: 1rem;\n"])));
 var Description$2 = styled.p(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n  line-height: 1.5;\n  margin-bottom: 1.5rem;\n"])));
 // The one file-read both fallback screens use.
@@ -21010,7 +20981,7 @@ function fallbackCaptureMoreLabelForStep(idCaptureRequirement, idCardBackCapture
   return key === 'third' ? 'ID page of passport' : 'back of ID card';
 }
-var _templateObject$z, _templateObject2$v, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$c, _templateObject7$a;
+var _templateObject$z, _templateObject2$u, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$c, _templateObject7$a;
 function IdCaptureFallback(_ref) {
   var _ref$captureRequireme = _ref.captureRequirement,
     captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
@@ -21180,14 +21151,14 @@ function IdCaptureFallback(_ref) {
   });
 }
 var StyledOverlayInner$1 = styled(OverlayInner$2)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  justify-content: center;\n"])));
-var Heading$7 = styled.h3(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n  margin-bottom: 8px;\n"])));
+var Heading$7 = styled.h3(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n  margin-bottom: 8px;\n"])));
 var Description$1 = styled.p(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n  margin-bottom: 8px;\n"])));
 var Instruction = styled.p(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n  font-weight: bold;\n"])));
 var ReadFailed$1 = styled.p(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n  font-weight: bold;\n"])));
 var ImageCol = styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  flex-grow: 1;\n  flex-basis: 0;\n"])));
 var StyledButtonsRow$6 = styled(ButtonsRow$2)(_templateObject7$a || (_templateObject7$a = _taggedTemplateLiteralLoose(["\n  margin-top: 32px;\n"])));
-var _templateObject$y, _templateObject2$u, _templateObject3$k, _templateObject4$g, _templateObject5$f, _templateObject6$b, _templateObject7$9, _templateObject8$8, _templateObject9$8, _templateObject0$7, _templateObject1$6, _templateObject10$6;
+var _templateObject$y, _templateObject2$t, _templateObject3$k, _templateObject4$g, _templateObject5$f, _templateObject6$b, _templateObject7$9, _templateObject8$8, _templateObject9$8, _templateObject0$7, _templateObject1$6, _templateObject10$6;
 function IdCaptureOrUploadScreen(_ref) {
   var _ref$captureRequireme = _ref.captureRequirement,
     captureRequirement = _ref$captureRequireme === void 0 ? 'idCardOrPassport' : _ref$captureRequireme,
@@ -21438,7 +21409,7 @@ var ScreenContainer = styled.div(_templateObject$y || (_templateObject$y = _tagg
   var _props$theme$backgrou, _props$theme;
   return (_props$theme$backgrou = (_props$theme = props.theme) == null ? void 0 : _props$theme.background) != null ? _props$theme$backgrou : '#fff';
 });
-var ScreenPanel = styled.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n  max-width: 320px;\n"])));
+var ScreenPanel = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  width: 100%;\n  max-width: 320px;\n"])));
 var DashedSeparator = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 320px;\n  border-top: 1px dashed currentColor;\n  opacity: 0.4;\n"])));
 var OrWrapper = styled.span(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n  transform: translateY(-50%);\n  padding: 0 8px;\n  background: ", ";\n"])), function (props) {
   var _props$theme$backgrou2, _props$theme2;
@@ -26017,7 +25988,7 @@ function SelfieCameraFeed(_ref) {
   });
 }
-var _templateObject$v, _templateObject2$t, _templateObject3$j, _templateObject4$f;
+var _templateObject$v, _templateObject2$s, _templateObject3$j, _templateObject4$f;
 var _excluded$c = ["borderColor", "borderOpacity", "borderWidth", "status"],
   _excluded2$4 = ["status", "guideStyle"],
   _excluded3 = ["frame", "borderWidth", "borderColor", "borderOpacity", "verticalAlign", "status", "guideStyle"],
@@ -26095,7 +26066,7 @@ HeadGuideSvg.displayName = 'HeadGuideSvg';
 // while also running the camera and face model. Waves only render while the
 // status is 'ready', so the pulse replays each time the face leaves the guide.
 var headGuideWavesAnimation = keyframes(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n  0% {\n    opacity: 0;\n    transform: scale(1);\n  }\n  60% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    transform: scale(1.3);\n  }\n"])));
-var PulsingHeadGuideContainer = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .idmSdkWaves {\n    position: absolute;\n    opacity: 0;\n    animation: ", " 2s ease-out 3;\n\n    @media (prefers-reduced-motion: reduce) {\n      display: none;\n    }\n  }\n\n  /* Paints far past its box; the nearest clipping ancestor bounds it\n     (FaceCaptureGuideOverlay clips to the capture surface). */\n  & > .idmSdkSpotlight {\n    position: absolute;\n    overflow: visible;\n    pointer-events: none;\n  }\n\n  & > .idmSdkWavesOrigin {\n    position: relative;\n  }\n"])), headGuideWavesAnimation);
+var PulsingHeadGuideContainer = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n  display: flex;\n  position: relative;\n  height: 100%;\n  max-height: 100%;\n\n  & > .idmSdkWaves {\n    position: absolute;\n    opacity: 0;\n    animation: ", " 2s ease-out 3;\n\n    @media (prefers-reduced-motion: reduce) {\n      display: none;\n    }\n  }\n\n  /* Paints far past its box; the nearest clipping ancestor bounds it\n     (FaceCaptureGuideOverlay clips to the capture surface). */\n  & > .idmSdkSpotlight {\n    position: absolute;\n    overflow: visible;\n    pointer-events: none;\n  }\n\n  & > .idmSdkWavesOrigin {\n    position: relative;\n  }\n"])), headGuideWavesAnimation);
 function HeadGuide(_ref2) {
   var _theme$selfieCapture$, _theme$selfieCapture, _theme$selfieCapture$2, _theme$selfieCapture2, _theme$selfieCapture$3, _theme$selfieCapture3, _props$className;
   var _ref2$status = _ref2.status,
@@ -26406,11 +26377,11 @@ function SelfieCaptureAnimatedMaskWithStatus(_ref5) {
   }));
 }
-var _templateObject$u, _templateObject2$s;
+var _templateObject$u, _templateObject2$r;
 var FaceCaptureGuideContainer = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 1000;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  box-sizing: border-box;\n  /* Keeps the spotlight dim inside the capture surface when the view is\n     embedded rather than full-screen. */\n  ", "\n"])), function (props) {
   return props.$clip ? 'overflow: hidden;' : '';
 });
-var FaceCaptureGuideInner = styled.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 60%;\n"])));
+var FaceCaptureGuideInner = styled.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n  position: relative;\n  height: 60%;\n"])));
 // Memoized: the capture surfaces re-render on every analyzed frame, but the
 // guide's props only change when the mask status does.
 var FaceCaptureGuideOverlay = /*#__PURE__*/memo(function FaceCaptureGuideOverlay(_ref) {
@@ -26720,7 +26691,7 @@ function SelfieCaptureLoadingGraphic(_ref) {
   });
 }
-var _templateObject$t, _templateObject2$r, _templateObject3$i, _templateObject4$e, _templateObject5$e;
+var _templateObject$t, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$e;
 var legacyInstructionImageUrl = DEFAULT_CDN_URL$1 + "/Selfie-Image-1.png";
 // Module-level so the default `now` prop has a stable identity across
 // renders (it sits in useModelWarmingElapsedMs's effect dependency array).
@@ -26898,7 +26869,7 @@ var OverlayInner = styled(LoadingOverlayInner)(_templateObject$t || (_templateOb
   var _props$theme$selfieCa2, _props$theme2;
   return (_props$theme$selfieCa2 = (_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.selfieCapture) == null || (_props$theme2 = _props$theme2.loadingOverlay) == null ? void 0 : _props$theme2.textColor) != null ? _props$theme$selfieCa2 : 'black';
 });
-var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  ", "\n"])), function (props) {
+var ButtonsRow = styled(LoadingOverlayButtonsRow)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  ", "\n"])), function (props) {
   var _props$theme$selfieCa3, _props$theme3;
   return (_props$theme$selfieCa3 = (_props$theme3 = props.theme) == null || (_props$theme3 = _props$theme3.selfieCapture) == null || (_props$theme3 = _props$theme3.loadingOverlay) == null ? void 0 : _props$theme3.progressBarTextColor) != null ? _props$theme$selfieCa3 : 'white';
 }, function (props) {
@@ -26957,7 +26928,7 @@ function selfieLoadingOverlayBottomEdgeColor(theme, modelsReady) {
   });
 }
-var _templateObject$s, _templateObject2$q;
+var _templateObject$s, _templateObject2$p;
 var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLegacy(_ref) {
   var _assets$instructionIm;
   var state = _ref.state,
@@ -27034,9 +27005,9 @@ var SelfieCaptureLoadingOverlayLegacy = function SelfieCaptureLoadingOverlayLega
   });
 };
 var StyledGuidanceMessage = styled(GuidanceMessage)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  padding: 12px 24px;\n  font-weight: normal;\n  line-height: 1.5;\n  margin-bottom: -30px;\n"])));
-var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n  flex-direction: column;\n  padding-top: 25px;\n"])));
+var StyledButtonsRow$5 = styled(ButtonsRow$2)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n  flex-direction: column;\n  padding-top: 25px;\n"])));
-var _templateObject$r, _templateObject2$p, _templateObject3$h, _templateObject4$d, _templateObject5$d, _templateObject6$a, _templateObject7$8;
+var _templateObject$r, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$d, _templateObject6$a, _templateObject7$8;
 // Module-level so the default `now` prop has a stable identity across
 // renders (it sits in useModelWarmingElapsedMs's effect dependency array).
 var defaultNow = function defaultNow() {
@@ -27295,7 +27266,7 @@ var SelfieCaptureLoadingOverlayRing = function SelfieCaptureLoadingOverlayRing(_
   });
 };
 var overlayFadeIn = keyframes(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  from { opacity: 0; }\n  to { opacity: 1; }\n"])));
-var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
+var RingOverlayInner = styled(LoadingOverlayInner)(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  ", "\n"])), function (props) {
   var _props$theme$selfieCa, _props$theme;
   var tintBase = (_props$theme$selfieCa = (_props$theme = props.theme) == null || (_props$theme = _props$theme.selfieCapture) == null || (_props$theme = _props$theme.loadingOverlay) == null ? void 0 : _props$theme.backgroundColor) != null ? _props$theme$selfieCa : 'var(--idm-color-primary-500)';
   return "linear-gradient(180deg, #ffffff, color-mix(in srgb, " + tintBase + " 45%, #ffffff))";
@@ -27337,7 +27308,7 @@ var SelfieCaptureLoadingOverlay = function SelfieCaptureLoadingOverlay(_ref) {
   return jsx(Component, _extends({}, props));
 };
-var _templateObject$q, _templateObject2$o, _templateObject3$g, _templateObject4$c, _templateObject5$c, _templateObject6$9;
+var _templateObject$q, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$c, _templateObject6$9;
 function SelfieCaptureFallback(_ref) {
   var _ref$silentFallback = _ref.silentFallback,
     silentFallback = _ref$silentFallback === void 0 ? false : _ref$silentFallback,
@@ -27492,13 +27463,13 @@ function SelfieCaptureFallback(_ref) {
   });
 }
 var StyledOverlayInner = styled(OverlayInner$2)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  justify-content: center;\n  padding: 24px;\n  box-sizing: border-box;\n"])));
-var Heading$6 = styled.h1(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n  font-size: 1.5rem;\n  margin: 0 0 1rem;\n"])));
+var Heading$6 = styled.h1(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  font-size: 1.5rem;\n  margin: 0 0 1rem;\n"])));
 var Description = styled.p(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  line-height: 1.5;\n  margin: 0 0 1.5rem;\n"])));
 var ImageContainer$4 = styled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n\n  & > img {\n    max-width: 100%;\n    max-height: 40vh;\n    border-radius: 8px;\n  }\n"])));
 var ReadFailed = styled.p(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n  margin: 0 0 1rem;\n"])));
 var StyledButtonsRow$4 = styled(ButtonsRow$2)(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 12px;\n  justify-content: center;\n"])));
-var _templateObject$p, _templateObject2$n;
+var _templateObject$p, _templateObject2$m;
 function SelfieCaptureSurface(_ref) {
   var _state$error, _state$error2, _state$captureRecover, _state$error5, _state$captureRecover2, _state$prediction, _state$prediction$sam, _state$prediction2, _state$prediction3, _state$prediction4, _state$prediction5, _state$prediction6, _state$prediction7, _state$prediction8, _state$prediction9, _state$prediction0, _state$prediction1, _state$prediction$bri, _state$prediction10, _state$prediction$ran, _state$prediction11, _state$prediction$var, _state$prediction12, _assets$loadingOverla, _classNames$loadingOv, _colors$loadingOverla, _verbiage$loadingOver;
   var controller = _ref.controller,
@@ -27902,7 +27873,7 @@ function EyesOpenDebugLines(_ref2) {
 }
 var ManualCaptureButtonContainer = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 4;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n"])));
 // A footer below the camera keeps the lighting guidance visible above it.
-var CaptureRecoveryActions = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10001;\n  inset: auto 0 0;\n  padding: 16px 24px max(16px, env(safe-area-inset-bottom));\n  background: white;\n  color: #333;\n  text-align: center;\n  display: grid;\n  justify-items: center;\n  gap: 12px;\n\n  p { margin: 0; font-size: 14px; line-height: 1.4; }\n  button { width: 100%; max-width: 320px; }\n"])));
+var CaptureRecoveryActions = styled.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10001;\n  inset: auto 0 0;\n  padding: 16px 24px max(16px, env(safe-area-inset-bottom));\n  background: white;\n  color: #333;\n  text-align: center;\n  display: grid;\n  justify-items: center;\n  gap: 12px;\n\n  p { margin: 0; font-size: 14px; line-height: 1.4; }\n  button { width: 100%; max-width: 320px; }\n"])));
 // Byte-identical to sdk2's verbiage defaults
 // (SelfieCapture.tsx:273-284, FaceLivenessCapture.tsx:845-912), except
@@ -28231,18 +28202,16 @@ function SelfieCaptureViewContent(_ref) {
   });
 }
-var _templateObject$n, _templateObject2$m;
-var spin$1 = keyframes(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  to { transform: rotate(360deg); }\n"])));
+var _templateObject$n;
 /**
- * Inline spinner for a button label while the action it started is in
- * flight. Used instead of LoaderButton's Ladda loader, whose effect removes
- * the spinner (and the button's `disabled`) right after starting it. Rotates
- * with `transform` only, so it composites without repainting, and takes the
- * button's text colour.
+ * A polite live region that is read aloud but not shown. For a change with no
+ * focused text to carry it, such as a button that went busy and dropped focus
+ * by being disabled. Keep it mounted and change its text: a region that mounts
+ * already holding its message is often not announced.
  */
-var ButtonSpinner = styled.span.attrs({
-  'aria-hidden': true
-})(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  margin-right: 0.5em;\n  vertical-align: -0.15em;\n  border: 2px solid currentColor;\n  border-right-color: transparent;\n  border-radius: 50%;\n  animation: ", " 0.8s linear infinite;\n\n  @media (prefers-reduced-motion: reduce) {\n    animation: none;\n  }\n"])), spin$1);
+var ScreenReaderStatus = styled.span.attrs({
+  role: 'status'
+})(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n  border: 0;\n"])));
 var _templateObject$m, _templateObject2$l;
 var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
@@ -28260,6 +28229,7 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Face liveness has been verified!',
     retryBtnText: 'Retry',
+    retryingBtnText: 'Starting camera...',
     doneBtnText: 'Done'
   });
   var imageContainerRef = useRef(null);
@@ -28289,7 +28259,9 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
           children: verbiage.headingText
         }), jsxs(ButtonsColumn, {
           className: classNames.buttonsRow,
-          children: [jsx(WideButton, {
+          children: [jsx(ScreenReaderStatus, {
+            children: retrying ? verbiage.retryingBtnText : null
+          }), jsx(WideButton, {
             variant: "positive",
             onClick: onDoneClick,
             colors: colors.doneBtn,
@@ -28298,15 +28270,13 @@ var FaceLivenessSuccess = function FaceLivenessSuccess(_ref) {
             // Done would race the retry the user already started.
             disabled: retrying,
             children: verbiage.doneBtnText
-          }), jsxs(WideBorderButton, {
+          }), jsx(WideBorderButton, {
             variant: "secondary",
             onClick: onRetryClick,
             colors: colors.retryBtn,
             className: classNames.retryBtn,
-            finished: true,
-            disabled: retrying,
-            "aria-busy": retrying,
-            children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
+            finished: !retrying,
+            children: retrying ? verbiage.retryingBtnText : verbiage.retryBtnText
           })]
         })]
       })
@@ -28337,6 +28307,7 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
   var verbiage = useTranslations(rawVerbiage, {
     headingText: 'Live face not detected, please try again',
     retryBtnText: 'Retry',
+    retryingBtnText: 'Starting camera...',
     exitBtnText: 'Exit'
   });
   return jsx(GrayOverlayContainer, {
@@ -28356,15 +28327,15 @@ var FaceLivenessFailure = function FaceLivenessFailure(_ref) {
           children: verbiage.headingText
         }), jsxs(ButtonsColumn, {
           className: classNames.buttonsRow,
-          children: [canRetry && jsxs(WideButton, {
+          children: [jsx(ScreenReaderStatus, {
+            children: retrying ? verbiage.retryingBtnText : null
+          }), canRetry && jsx(WideButton, {
             variant: "secondary",
             className: classNames.retryBtn,
             onClick: onRetryClick,
             colors: colors.retryBtn,
-            finished: true,
-            disabled: retrying,
-            "aria-busy": retrying,
-            children: [retrying && jsx(ButtonSpinner, {}), verbiage.retryBtnText]
+            finished: !retrying,
+            children: retrying ? verbiage.retryingBtnText : verbiage.retryBtnText
           }), jsx(WideBorderButton, {
             variant: "secondary",
             className: classNames.exitBtn,
@@ -36835,14 +36806,8 @@ function DocumentCaptureSurface(_ref) {
             className: classNames.captureBtn,
             finished: state.camera.ready,
             variant: "primary",
-            // Guarded rather than relying on `disabled` alone: with
-            // `finished` false, LoaderButton hands the element to ladda,
-            // which manipulates its disabled state imperatively
-            // (LoaderButton.tsx:63-79). The button can therefore be
-            // clickable mid-animation, which CI caught.
             onClick: function onClick() {
-              if (!state.camera.ready || state.capturing) return;
-              void controller.actions.capture();
+              return void controller.actions.capture();
             },
             disabled: !state.camera.ready || state.capturing,
             children: !state.camera.ready ? verbiage.loadingBtnText : state.capturing ? verbiage.capturingBtnText : verbiage.captureBtnText
@@ -48506,7 +48471,7 @@ function mapCustomerIdAndBiometricsEnrollmentProps(props, ctx) {
   });
 }
-var webSdkVersion = '2.5.83-changeset-release-develop-3dfa69b';
+var webSdkVersion = '2.5.83-changeset-release-develop-2127d44';
 // GENERATED by scripts/styleBagTypes.mjs from
 // src/__fixtures__/sdk2StyleBags.json and the mapper sweep — do not