@kenyaemr/esm-express-workflow-app 5.4.4-pre.299 → 5.4.4-pre.3

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 (124) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/dist/126.js +1 -0
  3. package/dist/126.js.map +1 -0
  4. package/dist/2024.js +1 -1
  5. package/dist/2024.js.map +1 -1
  6. package/dist/2225.js +1 -1
  7. package/dist/2225.js.map +1 -1
  8. package/dist/2386.js +1 -0
  9. package/dist/2386.js.map +1 -0
  10. package/dist/2438.js +1 -1
  11. package/dist/2438.js.map +1 -1
  12. package/dist/4504.js +1 -0
  13. package/dist/4504.js.map +1 -0
  14. package/dist/4670.js +1 -0
  15. package/dist/4670.js.map +1 -0
  16. package/dist/4682.js +1 -1
  17. package/dist/4682.js.map +1 -1
  18. package/dist/5047.js +1 -0
  19. package/dist/5047.js.map +1 -0
  20. package/dist/586.js.map +1 -1
  21. package/dist/5986.js +1 -1
  22. package/dist/5986.js.map +1 -1
  23. package/dist/6075.js +1 -0
  24. package/dist/6075.js.map +1 -0
  25. package/dist/6328.js +1 -1
  26. package/dist/6328.js.map +1 -1
  27. package/dist/64.js +1 -0
  28. package/dist/64.js.map +1 -0
  29. package/dist/6456.js +1 -1
  30. package/dist/6720.js +1 -0
  31. package/dist/6720.js.map +1 -0
  32. package/dist/7607.js +1 -1
  33. package/dist/8566.js +1 -0
  34. package/dist/8566.js.map +1 -0
  35. package/dist/8727.js +1 -1
  36. package/dist/8799.js +1 -0
  37. package/dist/8799.js.map +1 -0
  38. package/dist/8911.js +1 -1
  39. package/dist/8911.js.map +1 -1
  40. package/dist/9157.js +1 -1
  41. package/dist/9157.js.map +1 -1
  42. package/dist/9161.js +1 -0
  43. package/dist/9161.js.map +1 -0
  44. package/dist/9182.js +1 -1
  45. package/dist/9343.js +1 -0
  46. package/dist/9343.js.map +1 -0
  47. package/dist/9535.js +1 -1
  48. package/dist/9535.js.map +1 -1
  49. package/dist/9834.js +1 -0
  50. package/dist/{4432.js.map → 9834.js.map} +1 -1
  51. package/dist/kenyaemr-esm-express-workflow-app.js +2 -2
  52. package/dist/kenyaemr-esm-express-workflow-app.js.buildmanifest.json +294 -151
  53. package/dist/kenyaemr-esm-express-workflow-app.js.map +1 -1
  54. package/dist/main.js +2 -2
  55. package/dist/main.js.map +1 -1
  56. package/dist/routes.json +1 -1
  57. package/package.json +1 -1
  58. package/src/components/admissions/index.tsx +0 -1
  59. package/src/components/anaesthetic/anaesthetic.component.tsx +10 -4
  60. package/src/components/anaesthetic/forms/interoperative-record-drug-given-form.component.tsx +2 -26
  61. package/src/components/anaesthetic/graphs/interoperative-record-drug-given-graph-wrapper.component.tsx +66 -25
  62. package/src/components/anaesthetic/resources/anaesthetic.resource.ts +2 -2
  63. package/src/components/consultation/clinical-encounter/clinical-encounter.component.tsx +4 -20
  64. package/src/components/consultation/index.ts +1 -1
  65. package/src/components/consultation/tabs/index.ts +67 -0
  66. package/src/components/facility-dashboard/components/header/home-header.component.tsx +8 -13
  67. package/src/components/laboratory/index.ts +11 -0
  68. package/src/components/laboratory/lab-table.component.tsx +25 -12
  69. package/src/components/laboratory/laboratory-tabs.component.tsx +3 -17
  70. package/src/components/pharmacy/index.ts +1 -1
  71. package/src/components/pharmacy/pharmacy-tabs.component.tsx +4 -20
  72. package/src/components/pharmacy/tabs/index.ts +21 -0
  73. package/src/components/procedures/index.ts +16 -0
  74. package/src/components/procedures/procedures-table.component.tsx +33 -15
  75. package/src/components/procedures/procedures-tabs.component.tsx +3 -22
  76. package/src/components/radiology-and-imaging/index.ts +11 -0
  77. package/src/components/radiology-and-imaging/radiology-and-imaging-table.component.tsx +35 -15
  78. package/src/components/radiology-and-imaging/radiology-and-imaging.component.tsx +3 -19
  79. package/src/components/registration/card/Local-card/local-card.component.tsx +3 -3
  80. package/src/components/registration/dependants/dependants.component.tsx +6 -1
  81. package/src/components/registration/end-visit-modal/end-visit-dialog.modal.tsx +320 -0
  82. package/src/components/registration/end-visit-modal/end-visit-dialog.scss +12 -0
  83. package/src/components/registration/end-visit-modal/end-visit.resource.tsx +59 -0
  84. package/src/components/registration/end-visit-modal/sha-end-visit.resource.ts +285 -0
  85. package/src/components/registration/start-visit-form/overflow-menu-extension/custom-end-active-visit.extension.tsx +44 -0
  86. package/src/components/registration/start-visit-form/start-visit-workspace/exported-visit-form.workspace.tsx +16 -11
  87. package/src/components/registration/type/index.ts +101 -0
  88. package/src/config-schema.ts +23 -1
  89. package/src/index.ts +36 -17
  90. package/src/routes.json +205 -12
  91. package/src/shared/otp-verification/index.ts +3 -0
  92. package/src/shared/otp-verification/otp-verification.modal.tsx +51 -17
  93. package/src/shared/patient-chart/patient-summary-dashboard/patient-summary-dashboard.component.tsx +5 -73
  94. package/src/shared/tabs/create-tab-extension.tsx +33 -0
  95. package/src/shared/tabs/extension-tabs.component.tsx +51 -33
  96. package/src/shared/utils/index.ts +6 -6
  97. package/translations/am.json +32 -24
  98. package/translations/en.json +23 -16
  99. package/translations/fr.json +23 -16
  100. package/translations/sw.json +23 -21
  101. package/Failed to delete encounter/am.json +0 -4
  102. package/Failed to delete encounter/en.json +0 -4
  103. package/Failed to delete encounter/fr.json +0 -4
  104. package/Failed to delete encounter/sw.json +0 -4
  105. package/dist/2332.js +0 -1
  106. package/dist/2332.js.map +0 -1
  107. package/dist/4432.js +0 -1
  108. package/dist/4666.js +0 -1
  109. package/dist/4666.js.map +0 -1
  110. package/dist/5733.js +0 -1
  111. package/dist/5733.js.map +0 -1
  112. package/dist/644.js +0 -1
  113. package/dist/644.js.map +0 -1
  114. package/dist/655.js +0 -1
  115. package/dist/655.js.map +0 -1
  116. package/dist/70.js +0 -1
  117. package/dist/70.js.map +0 -1
  118. package/dist/9387.js +0 -1
  119. package/dist/9387.js.map +0 -1
  120. package/src/components/admissions/admission-medication-summary.tsx +0 -302
  121. package/src/components/admissions/admissions-dashboard.utils.test.ts +0 -48
  122. package/src/components/admissions/admissions-dashboard.utils.tsx +0 -63
  123. package/src/shared/orders/OrdersTabs.tsx +0 -76
  124. /package/src/shared/{patient-chart/patient-summary-dashboard → tabs}/patient-summary-dashboard.scss +0 -0
package/dist/2225.js CHANGED
@@ -1 +1 @@
1
- "use strict";(globalThis.webpackChunk_kenyaemr_esm_express_workflow_app=globalThis.webpackChunk_kenyaemr_esm_express_workflow_app||[]).push([["2225"],{8571:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,'.-esm-express-workflow__otp-verification__button___6FV7M{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:20%}.-esm-express-workflow__otp-verification__buttonSet___mZWel{padding:0rem;display:flex;justify-content:space-between;width:100%;margin-bottom:1rem}.-esm-express-workflow__otp-verification__sectionHeader___j9aRf{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-express-workflow__otp-verification__otpTriggerContainer___vrYG\\+{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px}.-esm-express-workflow__otp-verification__phoneNumberDisplay___yR7y1{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px}.-esm-express-workflow__otp-verification__phoneIcon___qrAPr{flex-shrink:0}.-esm-express-workflow__otp-verification__phoneNumber___AcBlL{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);font-weight:600;flex:1;letter-spacing:.5px}.-esm-express-workflow__otp-verification__editButton___Z8t0J{flex-shrink:0;opacity:.7}.-esm-express-workflow__otp-verification__otpInputContainer___lr7ps{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.-esm-express-workflow__otp-verification__otpInstruction___J8HGl{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);text-align:center;margin-bottom:.5rem}.-esm-express-workflow__otp-verification__changeNumberLink___acNVQ{margin-top:.5rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-decoration:underline;opacity:.8}.-esm-express-workflow__otp-verification__changeNumberContainer___ao-5o{display:flex;flex-direction:column;gap:1rem;padding:1rem}.-esm-express-workflow__otp-verification__backButton___aqNtS{align-self:flex-start;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-decoration:underline;opacity:.8}.-esm-express-workflow__otp-verification__expiryInfo___O0DC7{margin-top:1rem;padding:.75rem}.-esm-express-workflow__otp-verification__expiryText___uIshU{margin:0;font-size:1rem;line-height:1.29;font-weight:400}.-esm-express-workflow__otp-verification__eyebrow___pv45\\+{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-transform:uppercase;letter-spacing:.6px;color:#6f6f6f;margin:0 0 .25rem;font-weight:500}.-esm-express-workflow__otp-verification__authLandingContainer___DgZHk{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.-esm-express-workflow__otp-verification__authIntro___zUOmb{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0 0 .75rem;line-height:1.5}.-esm-express-workflow__otp-verification__methodCard___pwYEE{display:flex;gap:.75rem;padding:1rem;border:1px solid #e0e0e0;background:#fff;cursor:pointer;align-items:flex-start;text-align:left;width:100%;transition:border-color .15s,background .15s;border-radius:4px}.-esm-express-workflow__otp-verification__methodCard___pwYEE:hover:not(:disabled){border-color:#0f62fe;background:#f4f4f4}.-esm-express-workflow__otp-verification__methodCardDisabled___3Ku\\+C{opacity:.55;cursor:not-allowed;pointer-events:none}.-esm-express-workflow__otp-verification__methodIconWrap___v2yMn{width:40px;height:40px;border-radius:4px;background:#edf5ff;color:#0043ce;display:flex;align-items:center;justify-content:center;flex-shrink:0}.-esm-express-workflow__otp-verification__methodIconWarning___uIkYj{background:#fddc69;color:#302400}.-esm-express-workflow__otp-verification__methodContent___VAlkZ{flex:1;min-width:0}.-esm-express-workflow__otp-verification__methodTitleRow___vN1lZ{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.-esm-express-workflow__otp-verification__methodTitle___ebBDL{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__methodDesc___ecioT{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;margin:0;line-height:1.4}.-esm-express-workflow__otp-verification__methodArrow___Tt8xk{color:#8d8d8d;align-self:center;flex-shrink:0}.-esm-express-workflow__otp-verification__badgeRequired___7Sp8p{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);background:#fddc69;color:#302400;padding:2px .5rem;border-radius:4px;font-weight:500;white-space:nowrap}.-esm-express-workflow__otp-verification__dividerWithText___s7IVs{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .5rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#8d8d8d;text-transform:uppercase;letter-spacing:.6px}.-esm-express-workflow__otp-verification__dividerWithText___s7IVs::before,.-esm-express-workflow__otp-verification__dividerWithText___s7IVs::after{content:"";flex:1;height:1px;background:#e0e0e0}.-esm-express-workflow__otp-verification__whitelistLink___nt7Li{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(0,0,0,0);border:1px dashed #c6c6c6;color:#0043ce;cursor:pointer;width:100%;border-radius:4px;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-express-workflow__otp-verification__whitelistLink___nt7Li:hover{background:#f4f4f4;border-color:#0f62fe}.-esm-express-workflow__otp-verification__dataNotice___sFfHO{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f4f4f4;border-radius:4px;margin-top:.75rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;line-height:1.5}.-esm-express-workflow__otp-verification__dataNotice___sFfHO svg{flex-shrink:0;margin-top:1px}.-esm-express-workflow__otp-verification__biometricContainer___rrvc0{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.-esm-express-workflow__otp-verification__iframeWrapper___TbhRb{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background:#fff}.-esm-express-workflow__otp-verification__biometricIframe___NXUQP{width:100%;height:480px;border:0;display:block}.-esm-express-workflow__otp-verification__biometricHint___itrmR{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;text-align:center;margin:0}.-esm-express-workflow__otp-verification__failedContainer___1Ofab{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.-esm-express-workflow__otp-verification__chooseLabel___qBBP8{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__tryAgainButton___jaWpm{align-self:center}.-esm-express-workflow__otp-verification__escapeHatch___dzd5s{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.75rem}.-esm-express-workflow__otp-verification__escapeHatchButton___SJVg5{align-self:center}.-esm-express-workflow__otp-verification__whitelistFormContainer___c9vSC{display:flex;flex-direction:column;gap:1rem;padding:1rem}.-esm-express-workflow__otp-verification__whitelistIntro___SRJo1{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0;line-height:1.5}.-esm-express-workflow__otp-verification__whitelistContextRow___u0p6K{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f4f4f4;border-left:2px solid #0f62fe;border-radius:4px}.-esm-express-workflow__otp-verification__whitelistContextLabel___Zx350{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#6f6f6f;text-transform:uppercase;letter-spacing:.4px}.-esm-express-workflow__otp-verification__whitelistContextValue___Fm6pq{font-family:"IBM Plex Mono",monospace;font-size:13px;color:#161616;background:#fff;padding:2px .5rem;border-radius:2px;border:1px solid #e0e0e0}.-esm-express-workflow__otp-verification__whitelistReasonHint___IwCBb{background:#f4f4f4;padding:.75rem;border-radius:4px;display:flex;flex-direction:column;gap:.5rem}.-esm-express-workflow__otp-verification__whitelistReasonDesc___Vguay{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#393939;margin:0;line-height:1.5}.-esm-express-workflow__otp-verification__whitelistReasonMeta___zKs2Q{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.-esm-express-workflow__otp-verification__reviewBadge___5T7Fq{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);padding:2px .5rem;border-radius:2px;font-weight:500}.-esm-express-workflow__otp-verification__reviewAuto___b7YeZ{background:#a7f0ba;color:#044317}.-esm-express-workflow__otp-verification__reviewManual___m2rOS{background:#d0e2ff;color:#002d9c}.-esm-express-workflow__otp-verification__requiresAttachment___WmwRj{display:inline-flex;align-items:center;gap:4px;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#302400;font-weight:500}.-esm-express-workflow__otp-verification__whitelistWaitingContainer___AWlsr{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center}.-esm-express-workflow__otp-verification__whitelistWaitingIconWrap___StLTK{width:64px;height:64px;border-radius:50%;background:#edf5ff;color:#0043ce;display:flex;align-items:center;justify-content:center}.-esm-express-workflow__otp-verification__whitelistWaitingTitle___aeoUi{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__whitelistWaitingBody___DByFA{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0;line-height:1.5;max-width:440px}.-esm-express-workflow__otp-verification__whitelistPollProgress___or9y8{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f4f4f4;border-radius:4px;margin-top:.5rem}.-esm-express-workflow__otp-verification__whitelistPollTimer___qDMEU{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#6f6f6f;font-family:"IBM Plex Mono",monospace}.-esm-express-workflow__otp-verification__backButton___aqNtS{display:flex;align-items:center;justify-content:center;padding:.75rem}',"",{version:3,sources:["webpack://./src/shared/otp-verification/otp-verification.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,yDACE,WCmDW,CDlDX,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAGF,4DACE,YAAA,CACA,YAAA,CACA,6BAAA,CACA,UAAA,CACA,kBCcW,CDXb,gEE80BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF10BJ,uEACE,YAAA,CACA,qBAAA,CACA,QCIW,CDHX,YCGW,CDFX,iBAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,SCdW,CDeX,cCVW,CDWX,iBAAA,CAGF,4DACE,aAAA,CAGF,8DEszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFpzBF,eAAA,CACA,MAAA,CACA,mBAAA,CAGF,6DACE,aAAA,CACA,UAAA,CAGF,oEACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,QC7BW,CD8BX,cCzBW,CD4Bb,iEEkyBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFhyBF,iBAAA,CACA,mBC9CW,CDiDb,mEACE,gBClDW,CC60BT,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzxBF,yBAAA,CACA,UAAA,CAGF,wEACE,YAAA,CACA,qBAAA,CACA,QCjDW,CDkDX,YClDW,CDqDb,6DACE,qBAAA,CE6wBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF3wBF,yBAAA,CACA,UAAA,CAGF,6DACE,eC7DW,CD8DX,cCnEW,CDsEb,6DACE,QAAA,CACA,cCnEW,CDoEX,gBAAA,CACA,eAAA,CAGF,2DE2vBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzvBF,wBAAA,CACA,mBAAA,CACA,aG5DQ,CH6DR,iBAAA,CACA,eAAA,CAGF,uEACE,YAAA,CACA,qBAAA,CACA,UCzFW,CD0FX,YCrFW,CDwFb,4DE2uBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFzuBF,aGzEQ,CH0ER,iBAAA,CACA,eAAA,CAGF,6DACE,YAAA,CACA,UCtGW,CDuGX,YClGW,CDmGX,wBAAA,CACA,eGTQ,CHUR,cAAA,CACA,sBAAA,CACA,eAAA,CACA,UAAA,CACA,4CAAA,CACA,iBAAA,CAEA,kFACE,oBG3HM,CH4HN,kBGnGM,CHuGV,sEACE,WAAA,CACA,kBAAA,CACA,mBAAA,CAGF,iEACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBG/IQ,CHgJR,aG1IQ,CH2IR,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CAGF,oEACE,kBGxCU,CHyCV,aGlCU,CHqCZ,gEACE,MAAA,CACA,WAAA,CAGF,iEACE,YAAA,CACA,kBAAA,CACA,SC3JW,CD4JX,oBCjKW,CDoKb,8DE8qBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF5qBF,eAAA,CACA,aGpIS,CHqIT,QAAA,CAGF,6DEuqBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFrqBF,aG7IQ,CH8IR,QAAA,CACA,eAAA,CAGF,8DACE,aGrJQ,CHsJR,iBAAA,CACA,aAAA,CAGF,gEE0pBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFxpBF,kBG9EU,CH+EV,aGxEU,CHyEV,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAGF,kEACE,YAAA,CACA,kBAAA,CACA,UC3LW,CD4LX,qBAAA,CE4oBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF1oBF,aG1KQ,CH2KR,wBAAA,CACA,mBAAA,CAEA,mJAEE,UAAA,CACA,MAAA,CACA,UAAA,CACA,kBGtLM,CH0LV,gEACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,SCpNW,CDqNX,cChNW,CDiNX,wBAAA,CACA,yBAAA,CACA,aG3NQ,CH4NR,cAAA,CACA,UAAA,CACA,iBAAA,CEknBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF/mBF,sEACE,kBG1MM,CH2MN,oBGpOM,CHwOV,6DACE,YAAA,CACA,sBAAA,CACA,SCvOW,CDwOX,cCnOW,CDoOX,kBGpNQ,CHqNR,iBAAA,CACA,iBCtOW,CCw0BT,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhmBF,aGlNQ,CHmNR,eAAA,CAEA,iEACE,aAAA,CACA,cAAA,CAIJ,qEACE,YAAA,CACA,qBAAA,CACA,UCpPW,CDqPX,cCrPW,CDwPb,gEACE,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,eG5JQ,CH+JV,kEACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,aAAA,CAGF,gEEkkBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhkBF,aGlPQ,CHmPR,iBAAA,CACA,QAAA,CAGF,kEACE,YAAA,CACA,qBAAA,CACA,UChRW,CDiRX,YC5QW,CD+Qb,8DEojBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFljBF,eAAA,CACA,aG9PS,CH+PT,QAAA,CAGF,iEACE,iBAAA,CAGF,8DACE,UAAA,CACA,eC5RW,CD6RX,gBC7RW,CD8RX,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,UCtSW,CDySb,oEACE,iBAAA,CAGF,yEACE,YAAA,CACA,qBAAA,CACA,QC3SW,CD4SX,YC5SW,CD+Sb,iEEohBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFlhBF,aGhSQ,CHiSR,QAAA,CACA,eAAA,CAGF,sEACE,YAAA,CACA,kBAAA,CACA,SCnUW,CDoUX,oBAAA,CACA,kBGhTQ,CHiTR,6BAAA,CACA,iBAAA,CAGF,wEEmgBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFjgBF,aGlTQ,CHmTR,wBAAA,CACA,mBAAA,CAGF,wEACE,qCAAA,CACA,cAAA,CACA,aGtTS,CHuTT,eGhPQ,CHiPR,iBAAA,CACA,iBAAA,CACA,wBAAA,CAGF,sEACE,kBGvUQ,CHwUR,cCxVW,CDyVX,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,SCjWW,CDoWb,sEEyeI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFveF,aG1UQ,CH2UR,QAAA,CACA,eAAA,CAGF,sEACE,YAAA,CACA,kBAAA,CACA,SC9WW,CD+WX,cAAA,CAGF,8DE2dI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzdF,iBAAA,CACA,iBAAA,CACA,eAAA,CAGF,6DACE,kBG1VS,CH2VT,aGrVS,CHwVX,+DACE,kBGvYQ,CHwYR,aGlYQ,CHqYV,qEACE,mBAAA,CACA,kBAAA,CACA,OAAA,CEucE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFrcF,aG1RU,CH2RV,eAAA,CAKF,4EACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,QCxYW,CDyYX,iBAAA,CACA,iBAAA,CAGF,2EACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBGpaQ,CHqaR,aG/ZQ,CHgaR,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,wEE2aI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CFzaF,eAAA,CACA,aGvYS,CHwYT,QAAA,CAGF,uEEoaI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFlaF,aGhZQ,CHiZR,QAAA,CACA,eAAA,CACA,eAAA,CAGF,wEACE,YAAA,CACA,kBAAA,CACA,UC/aW,CDgbX,cChbW,CDibX,kBGjaQ,CHkaR,iBAAA,CACA,gBCxbW,CD2bb,qEEkZI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhZF,aGnaQ,CHoaR,qCAAA,CAGF,6DACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,cChcW",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.button {\n height: layout.$spacing-10;\n display: flex;\n align-content: flex-start;\n align-items: baseline;\n min-width: 20%;\n}\n\n.buttonSet {\n padding: 0rem;\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-bottom: layout.$spacing-05;\n}\n\n.sectionHeader {\n @include type.type-style('heading-02');\n}\n\n.otpTriggerContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n border-radius: 8px;\n}\n\n.phoneNumberDisplay {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n border-radius: 6px;\n}\n\n.phoneIcon {\n flex-shrink: 0;\n}\n\n.phoneNumber {\n @include type.type-style('body-01');\n font-weight: 600;\n flex: 1;\n letter-spacing: 0.5px;\n}\n\n.editButton {\n flex-shrink: 0;\n opacity: 0.7;\n}\n\n.otpInputContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: layout.$spacing-05;\n padding: layout.$spacing-06;\n}\n\n.otpInstruction {\n @include type.type-style('body-01');\n text-align: center;\n margin-bottom: layout.$spacing-03;\n}\n\n.changeNumberLink {\n margin-top: layout.$spacing-03;\n @include type.type-style('label-01');\n text-decoration: underline;\n opacity: 0.8;\n}\n\n.changeNumberContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n}\n\n.backButton {\n align-self: flex-start;\n @include type.type-style('label-01');\n text-decoration: underline;\n opacity: 0.8;\n}\n\n.expiryInfo {\n margin-top: layout.$spacing-05;\n padding: layout.$spacing-04;\n}\n\n.expiryText {\n margin: 0;\n font-size: layout.$spacing-05;\n line-height: 1.29;\n font-weight: 400;\n}\n\n.eyebrow {\n @include type.type-style('label-01');\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: colors.$gray-60;\n margin: 0 0 layout.$spacing-02;\n font-weight: 500;\n}\n\n.authLandingContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n}\n\n.authIntro {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0 0 layout.$spacing-04;\n line-height: 1.5;\n}\n\n.methodCard {\n display: flex;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n border: 1px solid colors.$gray-20;\n background: colors.$white-0;\n cursor: pointer;\n align-items: flex-start;\n text-align: left;\n width: 100%;\n transition: border-color 0.15s, background 0.15s;\n border-radius: 4px;\n\n &:hover:not(:disabled) {\n border-color: colors.$blue-60;\n background: colors.$gray-10;\n }\n}\n\n.methodCardDisabled {\n opacity: 0.55;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.methodIconWrap {\n width: 40px;\n height: 40px;\n border-radius: 4px;\n background: colors.$blue-10;\n color: colors.$blue-70;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.methodIconWarning {\n background: colors.$yellow-20;\n color: colors.$yellow-90;\n}\n\n.methodContent {\n flex: 1;\n min-width: 0;\n}\n\n.methodTitleRow {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n margin-bottom: layout.$spacing-02;\n}\n\n.methodTitle {\n @include type.type-style('body-compact-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.methodDesc {\n @include type.type-style('label-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.4;\n}\n\n.methodArrow {\n color: colors.$gray-50;\n align-self: center;\n flex-shrink: 0;\n}\n\n.badgeRequired {\n @include type.type-style('label-01');\n background: colors.$yellow-20;\n color: colors.$yellow-90;\n padding: 2px layout.$spacing-03;\n border-radius: 4px;\n font-weight: 500;\n white-space: nowrap;\n}\n\n.dividerWithText {\n display: flex;\n align-items: center;\n gap: layout.$spacing-04;\n margin: layout.$spacing-04 0 layout.$spacing-03;\n @include type.type-style('label-01');\n color: colors.$gray-50;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n height: 1px;\n background: colors.$gray-20;\n }\n}\n\n.whitelistLink {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n background: transparent;\n border: 1px dashed colors.$gray-30;\n color: colors.$blue-70;\n cursor: pointer;\n width: 100%;\n border-radius: 4px;\n @include type.type-style('body-compact-01');\n\n &:hover {\n background: colors.$gray-10;\n border-color: colors.$blue-60;\n }\n}\n\n.dataNotice {\n display: flex;\n align-items: flex-start;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n background: colors.$gray-10;\n border-radius: 4px;\n margin-top: layout.$spacing-04;\n @include type.type-style('label-01');\n color: colors.$gray-70;\n line-height: 1.5;\n\n svg {\n flex-shrink: 0;\n margin-top: 1px;\n }\n}\n\n.biometricContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-04;\n}\n\n.iframeWrapper {\n border: 1px solid colors.$gray-20;\n border-radius: 4px;\n overflow: hidden;\n background: colors.$white-0;\n}\n\n.biometricIframe {\n width: 100%;\n height: 480px;\n border: 0;\n display: block;\n}\n\n.biometricHint {\n @include type.type-style('label-01');\n color: colors.$gray-70;\n text-align: center;\n margin: 0;\n}\n\n.failedContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n}\n\n.chooseLabel {\n @include type.type-style('body-compact-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.tryAgainButton {\n align-self: center;\n}\n\n.escapeHatch {\n width: 100%;\n margin-top: layout.$spacing-05;\n padding-top: layout.$spacing-05;\n border-top: 1px solid colors.$gray-20;\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n}\n\n.escapeHatchButton {\n align-self: center;\n}\n\n.whitelistFormContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n}\n\n.whitelistIntro {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.5;\n}\n\n.whitelistContextRow {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-03 layout.$spacing-04;\n background: colors.$gray-10;\n border-left: 2px solid colors.$blue-60;\n border-radius: 4px;\n}\n\n.whitelistContextLabel {\n @include type.type-style('label-01');\n color: colors.$gray-60;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n}\n\n.whitelistContextValue {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 13px;\n color: colors.$gray-100;\n background: colors.$white-0;\n padding: 2px layout.$spacing-03;\n border-radius: 2px;\n border: 1px solid colors.$gray-20;\n}\n\n.whitelistReasonHint {\n background: colors.$gray-10;\n padding: layout.$spacing-04;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-03;\n}\n\n.whitelistReasonDesc {\n @include type.type-style('body-01');\n color: colors.$gray-80;\n margin: 0;\n line-height: 1.5;\n}\n\n.whitelistReasonMeta {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n flex-wrap: wrap;\n}\n\n.reviewBadge {\n @include type.type-style('label-01');\n padding: 2px layout.$spacing-03;\n border-radius: 2px;\n font-weight: 500;\n}\n\n.reviewAuto {\n background: colors.$green-20;\n color: colors.$green-80;\n}\n\n.reviewManual {\n background: colors.$blue-20;\n color: colors.$blue-80;\n}\n\n.requiresAttachment {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n @include type.type-style('label-01');\n color: colors.$yellow-90;\n font-weight: 500;\n}\n\n// ── Whitelist waiting (polling) ──\n\n.whitelistWaitingContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: layout.$spacing-05;\n padding: layout.$spacing-07 layout.$spacing-05;\n text-align: center;\n}\n\n.whitelistWaitingIconWrap {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: colors.$blue-10;\n color: colors.$blue-70;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.whitelistWaitingTitle {\n @include type.type-style('heading-03');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.whitelistWaitingBody {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.5;\n max-width: 440px;\n}\n\n.whitelistPollProgress {\n display: flex;\n align-items: center;\n gap: layout.$spacing-04;\n padding: layout.$spacing-04;\n background: colors.$gray-10;\n border-radius: 4px;\n margin-top: layout.$spacing-03;\n}\n\n.whitelistPollTimer {\n @include type.type-style('label-01');\n color: colors.$gray-60;\n font-family: 'IBM Plex Mono', monospace;\n}\n\n.backButton {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: layout.$spacing-04;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={button:"-esm-express-workflow__otp-verification__button___6FV7M",buttonSet:"-esm-express-workflow__otp-verification__buttonSet___mZWel",sectionHeader:"-esm-express-workflow__otp-verification__sectionHeader___j9aRf",otpTriggerContainer:"-esm-express-workflow__otp-verification__otpTriggerContainer___vrYG+",phoneNumberDisplay:"-esm-express-workflow__otp-verification__phoneNumberDisplay___yR7y1",phoneIcon:"-esm-express-workflow__otp-verification__phoneIcon___qrAPr",phoneNumber:"-esm-express-workflow__otp-verification__phoneNumber___AcBlL",editButton:"-esm-express-workflow__otp-verification__editButton___Z8t0J",otpInputContainer:"-esm-express-workflow__otp-verification__otpInputContainer___lr7ps",otpInstruction:"-esm-express-workflow__otp-verification__otpInstruction___J8HGl",changeNumberLink:"-esm-express-workflow__otp-verification__changeNumberLink___acNVQ",changeNumberContainer:"-esm-express-workflow__otp-verification__changeNumberContainer___ao-5o",backButton:"-esm-express-workflow__otp-verification__backButton___aqNtS",expiryInfo:"-esm-express-workflow__otp-verification__expiryInfo___O0DC7",expiryText:"-esm-express-workflow__otp-verification__expiryText___uIshU",eyebrow:"-esm-express-workflow__otp-verification__eyebrow___pv45+",authLandingContainer:"-esm-express-workflow__otp-verification__authLandingContainer___DgZHk",authIntro:"-esm-express-workflow__otp-verification__authIntro___zUOmb",methodCard:"-esm-express-workflow__otp-verification__methodCard___pwYEE",methodCardDisabled:"-esm-express-workflow__otp-verification__methodCardDisabled___3Ku+C",methodIconWrap:"-esm-express-workflow__otp-verification__methodIconWrap___v2yMn",methodIconWarning:"-esm-express-workflow__otp-verification__methodIconWarning___uIkYj",methodContent:"-esm-express-workflow__otp-verification__methodContent___VAlkZ",methodTitleRow:"-esm-express-workflow__otp-verification__methodTitleRow___vN1lZ",methodTitle:"-esm-express-workflow__otp-verification__methodTitle___ebBDL",methodDesc:"-esm-express-workflow__otp-verification__methodDesc___ecioT",methodArrow:"-esm-express-workflow__otp-verification__methodArrow___Tt8xk",badgeRequired:"-esm-express-workflow__otp-verification__badgeRequired___7Sp8p",dividerWithText:"-esm-express-workflow__otp-verification__dividerWithText___s7IVs",whitelistLink:"-esm-express-workflow__otp-verification__whitelistLink___nt7Li",dataNotice:"-esm-express-workflow__otp-verification__dataNotice___sFfHO",biometricContainer:"-esm-express-workflow__otp-verification__biometricContainer___rrvc0",iframeWrapper:"-esm-express-workflow__otp-verification__iframeWrapper___TbhRb",biometricIframe:"-esm-express-workflow__otp-verification__biometricIframe___NXUQP",biometricHint:"-esm-express-workflow__otp-verification__biometricHint___itrmR",failedContainer:"-esm-express-workflow__otp-verification__failedContainer___1Ofab",chooseLabel:"-esm-express-workflow__otp-verification__chooseLabel___qBBP8",tryAgainButton:"-esm-express-workflow__otp-verification__tryAgainButton___jaWpm",escapeHatch:"-esm-express-workflow__otp-verification__escapeHatch___dzd5s",escapeHatchButton:"-esm-express-workflow__otp-verification__escapeHatchButton___SJVg5",whitelistFormContainer:"-esm-express-workflow__otp-verification__whitelistFormContainer___c9vSC",whitelistIntro:"-esm-express-workflow__otp-verification__whitelistIntro___SRJo1",whitelistContextRow:"-esm-express-workflow__otp-verification__whitelistContextRow___u0p6K",whitelistContextLabel:"-esm-express-workflow__otp-verification__whitelistContextLabel___Zx350",whitelistContextValue:"-esm-express-workflow__otp-verification__whitelistContextValue___Fm6pq",whitelistReasonHint:"-esm-express-workflow__otp-verification__whitelistReasonHint___IwCBb",whitelistReasonDesc:"-esm-express-workflow__otp-verification__whitelistReasonDesc___Vguay",whitelistReasonMeta:"-esm-express-workflow__otp-verification__whitelistReasonMeta___zKs2Q",reviewBadge:"-esm-express-workflow__otp-verification__reviewBadge___5T7Fq",reviewAuto:"-esm-express-workflow__otp-verification__reviewAuto___b7YeZ",reviewManual:"-esm-express-workflow__otp-verification__reviewManual___m2rOS",requiresAttachment:"-esm-express-workflow__otp-verification__requiresAttachment___WmwRj",whitelistWaitingContainer:"-esm-express-workflow__otp-verification__whitelistWaitingContainer___AWlsr",whitelistWaitingIconWrap:"-esm-express-workflow__otp-verification__whitelistWaitingIconWrap___StLTK",whitelistWaitingTitle:"-esm-express-workflow__otp-verification__whitelistWaitingTitle___aeoUi",whitelistWaitingBody:"-esm-express-workflow__otp-verification__whitelistWaitingBody___DByFA",whitelistPollProgress:"-esm-express-workflow__otp-verification__whitelistPollProgress___or9y8",whitelistPollTimer:"-esm-express-workflow__otp-verification__whitelistPollTimer___qDMEU"};let l=r},36960:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,".-esm-express-workflow__pin-counter__countdownContainer___pNloK{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem;margin:.5rem 0;border-radius:4px}.-esm-express-workflow__pin-counter__clockIcon___Y8ROw{width:16px;height:16px;flex-shrink:0;transition:color .3s ease}.-esm-express-workflow__pin-counter__countdownContent___cDfPk{display:flex;flex-direction:column;gap:.125rem;align-items:center;text-align:center}.-esm-express-workflow__pin-counter__timeDisplay___-UcbO{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);font-weight:500;letter-spacing:.5px;transition:all .3s ease}.-esm-express-workflow__pin-counter__statusText___cirUF{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-transform:uppercase;letter-spacing:.16px;transition:color .3s ease}.-esm-express-workflow__pin-counter__urgentPulse___Apd5W{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:4px;animation:-esm-express-workflow__pin-counter__urgent-pulse___EEmtj 1.5s infinite;pointer-events:none}","",{version:3,sources:["webpack://./src/shared/otp-verification/pin-counter/pin-counter.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,gEACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,SCaW,CDZX,cCiBW,CDhBX,cAAA,CACA,iBAAA,CAGF,uDACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,yBAAA,CAGF,8DACE,YAAA,CACA,qBAAA,CACA,WCbW,CDcX,kBAAA,CACA,iBAAA,CAGF,yDEq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFn0BF,eAAA,CACA,mBAAA,CACA,uBAAA,CAGF,wDE8zBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF5zBF,wBAAA,CACA,oBAAA,CACA,yBAAA,CAGF,yDACE,iBAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gFAAA,CACA,mBAAA",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.countdownContainer {\n position: relative;\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n margin: layout.$spacing-03 0;\n border-radius: 4px;\n}\n\n.clockIcon {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n transition: color 0.3s ease;\n}\n\n.countdownContent {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-01;\n align-items: center;\n text-align: center;\n}\n\n.timeDisplay {\n @include type.type-style('heading-compact-01');\n font-weight: 500;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n}\n\n.statusText {\n @include type.type-style('label-01');\n text-transform: uppercase;\n letter-spacing: 0.16px;\n transition: color 0.3s ease;\n}\n\n.urgentPulse {\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n border-radius: 4px;\n animation: urgent-pulse 1.5s infinite;\n pointer-events: none;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),r.locals={countdownContainer:"-esm-express-workflow__pin-counter__countdownContainer___pNloK",clockIcon:"-esm-express-workflow__pin-counter__clockIcon___Y8ROw",countdownContent:"-esm-express-workflow__pin-counter__countdownContent___cDfPk",timeDisplay:"-esm-express-workflow__pin-counter__timeDisplay___-UcbO",statusText:"-esm-express-workflow__pin-counter__statusText___cirUF",urgentPulse:"-esm-express-workflow__pin-counter__urgentPulse___Apd5W","urgent-pulse":"-esm-express-workflow__pin-counter__urgent-pulse___EEmtj"};let l=r},52521:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,'.-esm-express-workflow__pinput__container___gNJ1Y{display:flex;flex-direction:column;gap:.5rem;width:100%}.-esm-express-workflow__pinput__label___oq88f{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin-bottom:.25rem;cursor:pointer}.-esm-express-workflow__pinput__label___oq88f:hover{color:#393939}.-esm-express-workflow__pinput__input___Z4U5d{border-radius:.5rem;padding:.5rem;width:48px;height:48px;font-weight:600;text-align:center;font-size:1.125rem;border:2px solid #8d8d8d;background-color:#fff;color:#161616;transition:all .2s ease-in-out;outline:none}.-esm-express-workflow__pinput__input___Z4U5d:focus{border-color:#0f62fe;box-shadow:0 0 0 2px #d0e2ff;transform:scale(1.02)}.-esm-express-workflow__pinput__input___Z4U5d:hover:not(:disabled){border-color:#a8a8a8;background-color:#f4f4f4}.-esm-express-workflow__pinput__input___Z4U5d::placeholder{color:#8d8d8d;font-weight:400}.-esm-express-workflow__pinput__inputError___WQMx-{border-color:#da1e28;background-color:#fff1f1}.-esm-express-workflow__pinput__inputError___WQMx-:focus{border-color:#da1e28;box-shadow:0 0 0 2px #ffd7d9}.-esm-express-workflow__pinput__inputError___WQMx-:hover{border-color:#fa4d56;background-color:#ffd7d9}.-esm-express-workflow__pinput__inputDisabled___\\+qTvt{background-color:#e0e0e0;border-color:#c6c6c6;color:#8d8d8d;cursor:not-allowed}.-esm-express-workflow__pinput__inputDisabled___\\+qTvt:focus,.-esm-express-workflow__pinput__inputDisabled___\\+qTvt:hover{border-color:#c6c6c6;background-color:#e0e0e0;box-shadow:none;transform:none}.-esm-express-workflow__pinput__inputFocused___IhxsM{border-color:#0f62fe;box-shadow:0 0 0 2px #d0e2ff}.-esm-express-workflow__pinput__separator___s9ZWT{color:#8d8d8d;font-weight:600;font-size:1.25rem;margin:0 .25rem;user-select:none}.-esm-express-workflow__pinput__messageContainer___6mK8y{margin-top:.25rem;min-height:20px}.-esm-express-workflow__pinput__errorMessage___rJBxg{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);color:#da1e28;font-weight:500;display:flex;align-items:center;gap:.25rem}.-esm-express-workflow__pinput__errorMessage___rJBxg::before{content:"⚠";font-size:.875rem}.-esm-express-workflow__pinput__helperText___vfdB2{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);color:#525252;font-weight:400}',"",{version:3,sources:["webpack://./src/shared/pin-put/pinput.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAAA,kDAIA,YACE,CAAA,qBACA,CAAA,SCeW,CAAA,UDbX,CAAA,8CAGF,mDEu1BI,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CAAA,eFr1BF,CAAA,aGsCS,CAAA,oBFnCE,CAAA,cAAA,CAAA,oDDEX,aG+BQ,CAAA,8CH1BV,mBCFa,CAAA,aAAA,CAAA,UDKX,CAAA,WACA,CAAA,eACA,CAAA,iBACA,CAAA,kBACA,CAAA,wBACA,CAAA,qBGtBM,CAAA,aA0CG,CAAA,8BHjBT,CAAA,YACA,CAAA,oDAEA,oBGpBQ,CAAA,4BHsBN,CAAA,qBACA,CAAA,mEAGF,oBGEQ,CAAA,wBAHA,CAAA,2DHMR,aGFQ,CAAA,eHIN,CAAA,mDAIJ,oBG2CS,CAAA,wBALA,CAAA,yDHlCP,oBGuCO,CAAA,4BHrCL,CAAA,yDAGF,oBGiCO,CAAA,wBAHA,CAAA,uDHxBT,wBG1BU,CAAA,oBACA,CAAA,aAEA,CAAA,kBH2BR,CAAA,0HAEA,oBG/BQ,CAAA,wBADA,CAAA,eHoCN,CAAA,cACA,CAAA,qDAIJ,oBGnEU,CAAA,4BHqER,CAAA,kDAGF,aG3CU,CAAA,eH6CR,CAAA,iBACA,CAAA,eACA,CAAA,gBACA,CAAA,yDAGF,iBCjFa,CAAA,eDmFX,CAAA,qDAGF,sDE4vBI,CAAA,qDAAA,CAAA,yDAAA,CAAA,8DAAA,CAAA,aCjwBK,CAAA,eHQP,CAAA,YACA,CAAA,kBACA,CAAA,UC3FW,CAAA,6DD8FX,WACE,CAAA,iBACA,CAAA,mDAIJ,sDE8uBI,CAAA,qDAAA,CAAA,yDAAA,CAAA,8DAAA,CAAA,aClzBM,CAAA,eHuER",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.container {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-03;\n width: 100%;\n}\n\n.label {\n @include type.type-style('heading-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin-bottom: layout.$spacing-02;\n cursor: pointer;\n\n &:hover {\n color: colors.$gray-80;\n }\n}\n\n.input {\n border-radius: layout.$spacing-03;\n padding: layout.$spacing-03;\n width: 48px;\n height: 48px;\n font-weight: 600;\n text-align: center;\n font-size: 1.125rem;\n border: 2px solid colors.$gray-50;\n background-color: colors.$white;\n color: colors.$gray-100; // ← CHANGE THIS LINE\n transition: all 0.2s ease-in-out;\n outline: none;\n\n &:focus {\n border-color: colors.$blue-60;\n box-shadow: 0 0 0 2px colors.$blue-20;\n transform: scale(1.02);\n }\n\n &:hover:not(:disabled) {\n border-color: colors.$gray-40;\n background-color: colors.$gray-10;\n }\n\n &::placeholder {\n color: colors.$gray-50;\n font-weight: 400;\n }\n}\n\n.inputError {\n border-color: colors.$red-60;\n background-color: colors.$red-10;\n\n &:focus {\n border-color: colors.$red-60;\n box-shadow: 0 0 0 2px colors.$red-20;\n }\n\n &:hover {\n border-color: colors.$red-50;\n background-color: colors.$red-20;\n }\n}\n\n.inputDisabled {\n background-color: colors.$gray-20;\n border-color: colors.$gray-30;\n color: colors.$gray-50;\n cursor: not-allowed;\n\n &:focus,\n &:hover {\n border-color: colors.$gray-30;\n background-color: colors.$gray-20;\n box-shadow: none;\n transform: none;\n }\n}\n\n.inputFocused {\n border-color: colors.$blue-60;\n box-shadow: 0 0 0 2px colors.$blue-20;\n}\n\n.separator {\n color: colors.$gray-50;\n font-weight: 600;\n font-size: 1.25rem;\n margin: 0 layout.$spacing-02;\n user-select: none;\n}\n\n.messageContainer {\n margin-top: layout.$spacing-02;\n min-height: 20px;\n}\n\n.errorMessage {\n @include type.type-style('body-short-01');\n color: colors.$red-60;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: layout.$spacing-02;\n\n &::before {\n content: '⚠';\n font-size: 0.875rem;\n }\n}\n\n.helperText {\n @include type.type-style('body-short-01');\n color: colors.$gray-70;\n font-weight: 400;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={container:"-esm-express-workflow__pinput__container___gNJ1Y",label:"-esm-express-workflow__pinput__label___oq88f",input:"-esm-express-workflow__pinput__input___Z4U5d",inputError:"-esm-express-workflow__pinput__inputError___WQMx-",inputDisabled:"-esm-express-workflow__pinput__inputDisabled___+qTvt",inputFocused:"-esm-express-workflow__pinput__inputFocused___IhxsM",separator:"-esm-express-workflow__pinput__separator___s9ZWT",messageContainer:"-esm-express-workflow__pinput__messageContainer___6mK8y",errorMessage:"-esm-express-workflow__pinput__errorMessage___rJBxg",helperText:"-esm-express-workflow__pinput__helperText___vfdB2"};let l=r},54989:function(e,n,t){t.r(n),t.d(n,{default:()=>X});var a=t(29952),i=t(30306),o=t(83238),r=t(80781),l=t(86039),s=t(5508),c=t(26759),p=t(88614),f=t(91111),u=t.n(f),d=t(49994),g=t(46062),h=t.n(g),y=t(44036),m=t.n(y),b=t(96793),A=t.n(b),$=t(17892),w=t.n($),_=t(11173),v=t.n(_),C=t(42464),x=t.n(C),k=t(8571),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=A().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=v(),h()(k.Z,z);let E=k.Z&&k.Z.locals?k.Z.locals:void 0;var B=t(16709),D=t.n(B),M=t(1563),T=t(52521),N={};N.styleTagTransform=x(),N.setAttributes=w(),N.insert=A().bind(null,"head"),N.domAPI=m(),N.insertStyleElement=v(),h()(T.Z,N);let I=T.Z&&T.Z.locals?T.Z.locals:void 0;function S(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function F(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){F(e,n,t[n])})}return e}let O=function(e){var n,t=e.numInputs,a=void 0===t?5:t,i=e.centerBoxes,o=void 0!==i&&i,r=e.obscureText,l=e.label,s=e.error,c=e.invalid,p=void 0!==c&&c,d=e.helperText,g=e.disabled,h=void 0!==g&&g,y=e.autoFocus,m=void 0!==y&&y,b=e.className,A=e.onComplete,$=e.onChange,w=e.onFocus,_=e.onBlur,v=e.value,C=void 0===v?"":v,x=function(e,n){if(null==e)return{};var t,a,i=function(e,n){if(null==e)return{};var t,a,i={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,["numInputs","centerBoxes","obscureText","label","error","invalid","helperText","disabled","autoFocus","className","onComplete","onChange","onFocus","onBlur","value"]),k=(0,f.useRef)(null),z=(0,f.useRef)(null),E=(n=(0,f.useState)(function(){return Math.random().toString(36).substr(2,9)}),function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(n,1)||function(e,n){if(e){if("string"==typeof e)return S(e,1);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return S(e,n)}}(n,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],B="error-".concat(E),T="helper-".concat(E),N="label-".concat(E);(0,f.useEffect)(function(){if(m&&z.current&&!h){var e=setTimeout(function(){var e;null==(e=z.current)||e.focus()},0);return function(){return clearTimeout(e)}}},[m,h]),(0,f.useEffect)(function(){C&&C.length===a&&A&&A(C)},[C,a,A]);var O=(0,f.useMemo)(function(){return{display:"flex",gap:"8px",justifyContent:o?"center":"flex-start",alignItems:"center"}},[o]),q=(0,f.useCallback)(function(e){null==$||$(e)},[$]),P=(0,f.useCallback)(function(e,n){var t,i,o,r=0===n;return u().createElement("input",(t=W({},e),i=i={ref:function(n){var t=null==e?void 0:e.ref;"function"==typeof t?t(n):t&&"current"in t&&(t.current=n),r&&(z.current=n)},className:D()(I.input,(F(o={},I.inputError,p||!!s),F(o,I.inputDisabled,h),o)),"aria-label":"".concat(l||"PIN"," input ").concat(n+1," of ").concat(a),"aria-invalid":p||!!s,"aria-describedby":s?B:d?T:void 0,disabled:h,maxLength:1,inputMode:"numeric",pattern:"[0-9]*",onFocus:function(n){var t;null==(t=e.onFocus)||t.call(e,n),null==w||w()},onBlur:function(n){var t;null==(t=e.onBlur)||t.call(e,n),null==_||_()}},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}),t))},[l,a,p,s,h,w,_,B,T]);return u().createElement("div",{ref:k,className:D()(I.container,b),role:"group","aria-labelledby":l?N:void 0},l&&u().createElement("label",{id:N,className:I.label},l),u().createElement(M.Z,W({value:C,onChange:q,numInputs:a,inputType:void 0!==r&&r?"password":"text",renderInput:P,renderSeparator:u().createElement("span",{className:I.separator},"-"),containerStyle:O,skipDefaultStyles:!0,shouldAutoFocus:m&&!h,placeholder:""},x)),(s||d)&&u().createElement("div",{className:I.messageContainer},s&&u().createElement("div",{id:B,className:I.errorMessage,role:"alert","aria-live":"polite"},s),d&&!s&&u().createElement("div",{id:T,className:I.helperText},d)))};t(99172);var q=t(36960),P={};P.styleTagTransform=x(),P.setAttributes=w(),P.insert=A().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v(),h()(q.Z,P);let R=q.Z&&q.Z.locals?q.Z.locals:void 0;function G(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return G(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return G(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}let j=function(e){var n,t=e.expiryMinutes,a=e.onExpired,i=e.isActive,o=void 0===i||i,r=(e.variant,e.showIcon,e.resetTrigger),l=(0,d.useTranslation)().t,s=H((0,f.useState)(60*t),2),c=s[0],p=s[1],g=H((0,f.useState)(!1),2),h=g[0],y=g[1];return((0,f.useEffect)(function(){p(60*t),y(!1)},[t,void 0===r?0:r]),(0,f.useEffect)(function(){if(o&&!h){var e=setInterval(function(){p(function(e){return e<=1?(y(!0),null==a||a(),0):e-1})},1e3);return function(){return clearInterval(e)}}},[o,h,a]),o||c!==60*t)?u().createElement("div",{className:"".concat(R.countdownContainer," ").concat(h?R.expired:c<=60?R.danger:c<=120?R.warning:R.default)},u().createElement("div",{className:R.countdownContent},u().createElement("span",{className:R.timeDisplay},(n=Math.floor(c/60),"".concat(n.toString().padStart(2,"0"),":").concat((c%60).toString().padStart(2,"0")))),u().createElement("span",{className:R.statusText},h?l("otpExpired","OTP Expired"):c<=60?l("otpExpiringSoon","Expiring Soon"):l("otpTimeRemaining","Time Remaining"))),c<=30&&!h&&u().createElement("div",{className:R.urgentPulse})):null};var U=t(63624);function Y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function Q(e,n,t,a,i,o,r){try{var l=e[o](r),s=l.value}catch(e){t(e);return}l.done?n(s):Promise.resolve(s).then(a,i)}function L(e){return function(){var n=this,t=arguments;return new Promise(function(a,i){var o=e.apply(n,t);function r(e){Q(o,a,i,r,l,"next",e)}function l(e){Q(o,a,i,r,l,"throw",e)}r(void 0)})}}function V(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Y(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,n){var t,a,i,o,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){var s=[o,l];if(t)throw TypeError("Generator is already executing.");for(;r;)try{if(t=1,a&&(i=2&s[0]?a.return:s[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;switch(a=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,a=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!(i=(i=r.trys).length>0&&i[i.length-1])&&(6===s[0]||2===s[0])){r=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(6===s[0]&&r.label<i[1]){r.label=i[1],i=s;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(s);break}i[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],a=0}finally{t=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}let X=function(e){var n,t,g,h,y,m,b,A,$=e.onClose,w=e.onVerify,_=e.otpLength,v=void 0===_?5:_,C=e.centerBoxes,x=e.obscureText,k=e.phoneNumber,z=e.onRequestOtp,B=e.onVerificationSuccess,D=e.expiryMinutes,M=void 0===D?5:D,T=e.onCleanup,N=e.authMode,I=e.whitelistedForOTP,S=void 0!==I&&I,F=e.onStartBiometric,W=e.onBiometricSuccess,q=e.onBiometricCancel,P=e.onCheckBiometricStatus,R=e.patientCRId,G=e.whitelistReasons,H=void 0===G?[]:G,Y=e.onSubmitWhitelist,Q=e.onCheckWhitelistStatus,X=e.onRequestWhitelist,J=(e.onRejected,e.ekycOrigin),K=(0,d.useTranslation)().t,ee=V((0,f.useState)(""),2),en=ee[0],et=ee[1],ea=V((0,f.useState)(k),2);ea[0],ea[1];var ei=V((0,f.useState)(!1),2),eo=ei[0],er=ei[1],el=V((0,f.useState)(null),2),es=el[0],ec=el[1],ep=V((0,f.useState)(!1),2),ef=ep[0],eu=ep[1],ed=V((0,f.useState)(k),2),eg=ed[0],eh=ed[1],ey=V((0,f.useState)(!1),2),em=ey[0],eb=ey[1],eA=V((0,f.useState)(0),2),e$=eA[0],ew=eA[1],e_=V((0,f.useState)(!1),2),ev=e_[0],eC=e_[1],ex=V((0,f.useState)(0),2),ek=ex[0],ez=ex[1],eE=V((0,f.useState)(!1),2),eB=eE[0],eD=eE[1],eM=V((0,f.useState)(null),2),eT=eM[0],eN=eM[1],eI=(0,f.useRef)(null),eS=V((0,f.useState)(""),2),eF=eS[0],eW=eS[1],eO=V((0,f.useState)(""),2),eq=eO[0],eP=eO[1],eR=V((0,f.useState)(0),2),eG=eR[0],eH=eR[1],ej=V((0,f.useState)(null),2),eU=ej[0],eY=ej[1],eQ=V((0,f.useState)(!1),2),eL=eQ[0],eV=eQ[1],eZ=V((0,f.useState)(!1),2),eX=eZ[0],eJ=eZ[1],eK=V((0,f.useState)(null),2),e0=eK[0],e1=eK[1],e2=V((0,f.useState)(0),2),e3=e2[0],e5=e2[1],e6=(0,f.useRef)(null),e4=(0,f.useRef)(null),e8=(0,f.useRef)(0),e7=V((0,f.useState)(!1),2),e9=e7[0],ne=e7[1],nn=V((0,f.useState)(0),2),nt=nn[0],na=nn[1],ni=V((0,f.useState)(!1),2),no=ni[0],nr=ni[1],nl=V((0,f.useState)(!1),2),ns=nl[0],nc=nl[1],np=(0,f.useRef)(null),nf=(0,f.useRef)(null),nu=(0,f.useRef)(0),nd=V((0,f.useState)("multi"===(void 0===N?"otp-only":N)?"auth-landing":"landing"),2),ng=nd[0],nh=nd[1],ny=(0,f.useCallback)(function(){np.current&&(clearInterval(np.current),np.current=null),nf.current&&(clearTimeout(nf.current),nf.current=null)},[]);(0,f.useEffect)(function(){return function(){null==T||T(),e6.current&&clearInterval(e6.current),e4.current&&clearTimeout(e4.current),np.current&&clearInterval(np.current),nf.current&&clearTimeout(nf.current)}},[T]);var nm=H.find(function(e){return e.code===eF}),nb=null!=(b=null==nm?void 0:nm.requires_attachments)&&b,nA="".concat(Math.floor(e3/60),":").concat(String(e3%60).padStart(2,"0")),n$="".concat(Math.floor(1),":00"),nw=(0,f.useCallback)(function(){e6.current&&(clearInterval(e6.current),e6.current=null),e4.current&&(clearTimeout(e4.current),e4.current=null)},[]),n_=(0,f.useCallback)(function(){nw(),ny(),eI.current&&("biometric"===ng||"biometric-failed"===ng)&&(null==q||q(eI.current.consent_token)),null==T||T(),null==$||$()},[eI,ng,q,T,$,nw,ny]),nv=(n=L(function(){var e;return Z(this,function(n){switch(n.label){case 0:ec(null),n.label=1;case 1:return n.trys.push([1,3,4,5]),er(!0),[4,null==w?void 0:w(en)];case 2:return n.sent(),null==B||B(),setTimeout(function(){return n_()},1e3),[3,5];case 3:return e=n.sent(),ez(function(e){return e+1}),ec({type:"verification",message:(0,U.gg)(e,K("otpVerificationFailed","OTP verification failed. Please try again."))}),[3,5];case 4:return er(!1),[7];case 5:return[2]}})}),function(){return n.apply(this,arguments)}),nC=(t=L(function(e){var n;return Z(this,function(t){switch(t.label){case 0:ec(null),t.label=1;case 1:return t.trys.push([1,3,4,5]),eu(!0),[4,null==z?void 0:z(e)];case 2:return t.sent(),et(""),eh(e),nh("verify-otp"),ez(0),eC(!0),ew(function(e){return e+1}),[3,5];case 3:return n=t.sent(),ec({type:"request",message:(0,U.gg)(n,K("otpRequestFailed","Failed to send OTP. Please try again."))}),[3,5];case 4:return eu(!1),[7];case 5:return[2]}})}),function(e){return t.apply(this,arguments)}),nx=(g=L(function(){var e,n;return Z(this,function(t){switch(t.label){case 0:ec(null),eD(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,null==F?void 0:F()];case 2:if(!(e=t.sent())||!e.embed_url)throw Error(K("biometricNoEmbedUrl","Biometric session did not return an embed URL."));return eI.current={authorization_code:e.authorization_code,consent_token:e.consent_token,token:e.token,guid:e.guid},eN(e.embed_url),nh("biometric"),[3,5];case 3:return n=t.sent(),ec({type:"biometric",message:(0,U.gg)(n,K("biometricStartFailed","Could not start biometric session."))}),nh("biometric-failed"),[3,5];case 4:return eD(!1),[7];case 5:return[2]}})}),function(){return g.apply(this,arguments)}),nk=(h=L(function(){var e;return Z(this,function(n){switch(n.label){case 0:ec(null),nc(!0),n.label=1;case 1:if(n.trys.push([1,,7,8]),!(null==(e=eI.current)?void 0:e.consent_token))return[3,5];n.label=2;case 2:return n.trys.push([2,4,,5]),[4,null==q?void 0:q(eI.current.consent_token)];case 3:return n.sent(),[3,5];case 4:return console.warn("Failed to reject previous biometric auth:",n.sent()),[3,5];case 5:return eI.current=null,eN(null),[4,nx()];case 6:return n.sent(),[3,8];case 7:return nc(!1),[7];case 8:return[2]}})}),function(){return h.apply(this,arguments)});(0,f.useEffect)(function(){if("biometric"!==ng)return void ny();var e,n,t=(e=L(function(e){var n;return Z(this,function(t){switch(t.label){case 0:nr(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,null==W?void 0:W(e)];case 2:return t.sent(),setTimeout(function(){return n_()},1500),[3,5];case 3:return n=t.sent(),ec({type:"biometric",message:(0,U.gg)(n,K("biometricVisitFailed","Biometric was approved but visit creation failed."))}),nh("biometric-failed"),[3,5];case 4:return nr(!1),[7];case 5:return[2]}})}),function(n){return e.apply(this,arguments)}),a=function(e){if(!J||e.origin===J){var n=e.data;n&&"object"==typeof n&&"EKYC_COMPLETE"===n.type&&("SUCCESS"===n.status&&eI.current?(ny(),t(eI.current).catch(function(e){console.warn("Biometric finalize (postMessage) failed:",e)})):(ny(),nh("biometric-failed")))}};if(window.addEventListener("message",a),P&&(null==(n=eI.current)?void 0:n.token)){var i,o=eI.current.token;nu.current=Date.now(),na(0);var r=(i=L(function(){var e,n,a,i;return Z(this,function(r){switch(r.label){case 0:return r.trys.push([0,4,,5]),[4,P(o)];case 1:var l,s;if(e=r.sent(),na(Math.floor((Date.now()-nu.current)/1e3)),!(e.is_approved&&eI.current))return[3,3];return ny(),a=null!=(n=e.guid)?n:eI.current.guid,[4,t((l=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){var a;a=t[n],n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a})}return e}({},eI.current),s=s={guid:a,authorization_code:null!=(i=e.authorization_code)?i:eI.current.authorization_code},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(s)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(s)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(s,e))}),l))];case 2:return r.sent(),[2];case 3:if("REJECTED"===e.status||e.is_complete&&!e.is_approved)return ny(),ec({type:"biometric",message:K("biometricRejected","Biometric verification was rejected. You can try again or use OTP.")}),nh("biometric-failed"),[2];return[3,5];case 4:return console.warn("Biometric status poll failed:",r.sent()),[3,5];case 5:return[2]}})}),function(){return i.apply(this,arguments)}),l=function(){r().catch(function(e){console.warn("Biometric poll wrapper error:",e)})};l(),np.current=setInterval(l,3e3),nf.current=setTimeout(function(){ny(),ec({type:"biometric",message:K("biometricTimeout","Biometric verification did not complete in time. Please try again.")}),nh("biometric-failed")},18e4)}return function(){window.removeEventListener("message",a),ny()}},[ng,J,W,P,n_,ny,K]);var nz=(0,f.useCallback)((y=L(function(e){var n,t,a;return Z(this,function(i){switch(i.label){case 0:if(!R||!Q)return[2];(null==e?void 0:e.manual)&&eb(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,Q(R)];case 2:if(n=i.sent(),e5(Math.floor((Date.now()-e8.current)/1e3)),n.is_whitelisted)return nw(),ec(null),nh("landing"),[2];if(n.is_rejected)return nw(),ec({type:"whitelist",message:(null==(t=n.reviewer_note)?void 0:t.trim())||K("whitelistRejected","The whitelist request was rejected by SHA. You may submit a new request or use biometrics.")}),nh("biometric-failed"),[2];return(null==e?void 0:e.manual)&&!n.is_whitelisted&&!n.is_rejected&&ec({type:"whitelist",message:K("whitelistStillPendingShort","Request is still pending review. We will keep checking automatically.")}),[3,5];case 3:return a=i.sent(),(null==e?void 0:e.manual)?ec({type:"whitelist",message:(0,U.gg)(a,K("whitelistCheckFailed","Status check failed. Please try again."))}):console.warn("Whitelist status poll failed:",a),[3,5];case 4:return(null==e?void 0:e.manual)&&eb(!1),[7];case 5:return[2]}})}),function(e){return y.apply(this,arguments)}),[R,Q,nw,K]),nE=(0,f.useCallback)(function(){R&&Q&&(e8.current=Date.now(),e5(0),ne(!1),nz(),e6.current=setInterval(function(){return nz()},5e3),e4.current=setTimeout(function(){nw(),ne(!0)},6e4))},[R,Q,nz,nw]),nB=(0,f.useCallback)(L(function(){var e;return Z(this,function(n){switch(n.label){case 0:if(!R||!Y||0===H.length)return null==X||X(),n_(),[2];if(ec(null),!Q)return[3,5];n.label=1;case 1:return n.trys.push([1,3,4,5]),eJ(!0),[4,Q(R)];case 2:if((e=n.sent()).is_whitelisted)return nh("landing"),[2];if(e.has_pending&&!e.is_rejected)return e1(null),nh("whitelist-waiting"),nE(),[2];return[3,5];case 3:return console.warn("Pending whitelist status check failed; opening submission form:",n.sent()),[3,5];case 4:return eJ(!1),[7];case 5:return eW(""),eP(""),eH(0),eY(null),nh("whitelist-submit"),[2]}})}),[R,Y,H,Q,X,n_,nE]),nD=(m=L(function(){var e,n,t,a;return Z(this,function(i){switch(i.label){case 0:if(!Y)return[2];if(ec(null),!eF)return ec({type:"whitelist",message:K("whitelistReasonRequired","Please select a reason.")}),[2];if(eq.trim().length<10)return ec({type:"whitelist",message:K("whitelistReasonTooShort","Justification must be at least {{min}} characters.",{min:10})}),[2];if(nb&&!eU)return ec({type:"whitelist",message:K("whitelistAttachmentRequired","This reason requires an attachment (e.g. medical report).")}),[2];if(eU&&0===eU.size)return ec({type:"whitelist",message:K("whitelistAttachmentEmpty","The selected file is empty. Please re-select it.")}),[2];eV(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,Y({reasonType:eF,reason:eq.trim(),biometricAttempts:eG,attachment:eU})];case 2:if(!(e=i.sent()).success)throw Error(null!=(n=e.error)?n:K("whitelistSubmitFailed","Whitelist submission failed."));return e1(null!=(t=e.review_type)?t:null),nh("whitelist-waiting"),nE(),[3,5];case 3:return a=i.sent(),ec({type:"whitelist",message:(0,U.gg)(a,K("whitelistSubmitFailed","Whitelist submission failed."))}),[3,5];case 4:return eV(!1),[7];case 5:return[2]}})}),function(){return m.apply(this,arguments)}),nM=function(){nh("landing")},nT=(0,f.useCallback)(function(e){var n,t,a=Array.isArray(null==e?void 0:e.addedFiles)?e.addedFiles:[],i=(null==e||null==(n=e.target)?void 0:n.files)?Array.from(e.target.files):[],o=a.length>0?a:i,r=null!=(t=o.find(function(e){return e&&e.size>0}))?t:null;if(r){ec(null),eY(r);return}if(o.length>0){eY(null),ec({type:"whitelist",message:K("whitelistAttachmentEmpty","The selected file appears to be empty. Please re-select it.")});return}eY(null)},[K]),nN=function(){switch(ng){case"auth-landing":return K("secureAuthTitle","Secure Patient Authentication");case"biometric":return K("biometricCaptureTitle","Biometric capture");case"biometric-failed":return K("secureAuthBiometricFailedTitle","Biometric Verification Failed");case"whitelist-submit":return K("whitelistRequestTitle","Request OTP Whitelisting");case"whitelist-waiting":return K("whitelistWaitingTitle","Waiting for whitelist approval");default:return K("otpVerification","OTP Verification")}}(),nI="auth-landing"===ng||"biometric-failed"===ng||"whitelist-submit"===ng||"whitelist-waiting"===ng?K("secureAuthEyebrow","Biometrics or OTP"):null,nS=H.map(function(e){return{id:e.code,label:e.label,description:e.description,review_type:e.review_type,requires_attachments:e.requires_attachments}});return u().createElement(u().Fragment,null,u().createElement(a.xBx,{className:E.sectionHeader,closeModal:n_},nI&&u().createElement("p",{className:E.eyebrow},nI),nN),u().createElement(a.fef,null,es&&u().createElement(u().Fragment,null,u().createElement(a.K0D,{lowContrast:!0,kind:"verification"===es.type?"warning":"error",title:"request"===es.type?K("otpRequestError","Error requesting OTP"):"biometric"===es.type?K("biometricError","Biometric error"):"whitelist"===es.type?K("whitelistError","Whitelist submission error"):K("otpVerificationError","Error verifying OTP"),subtitle:es.message}),u().createElement("br",null)),"auth-landing"===ng&&u().createElement("div",{className:E.authLandingContainer},u().createElement("p",{className:E.authIntro},K("secureAuthIntro","To ensure the safety of your health records, please verify your identity using one of the following methods:")),u().createElement("button",{className:E.methodCard,onClick:nx,disabled:eB},u().createElement("div",{className:E.methodIconWrap},u().createElement(i.mP,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},K("btnUseBiometrics","Use of Biometrics")),u().createElement("p",{className:E.methodDesc},K("secureAuthBiometricOption","Biometric authentication (fingerprint)"))),eB?u().createElement(a.lSo,null):u().createElement(o._Q,{size:18,className:E.methodArrow})),u().createElement("button",{className:"".concat(E.methodCard," ").concat(S?"":E.methodCardDisabled),onClick:nM,disabled:!S},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(o.PS,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("div",{className:E.methodTitleRow},u().createElement("p",{className:E.methodTitle},K("btnUseOtp","Use OTP")),!S&&u().createElement("span",{className:E.badgeRequired},K("whitelistingRequired","Whitelisting required"))),u().createElement("p",{className:E.methodDesc},K("secureAuthOtpOption","One-Time Password (Whitelisting is a must) sent to your registered phone number or email"))),S&&u().createElement(o._Q,{size:18,className:E.methodArrow})),!S&&u().createElement(u().Fragment,null,u().createElement("div",{className:E.dividerWithText},K("or","or")),u().createElement("button",{className:E.whitelistLink,onClick:nB,disabled:eX},eX?u().createElement(a.lSo,{description:K("checkingExistingRequest","Checking existing requests…")}):u().createElement(u().Fragment,null,u().createElement(r.P1,{size:16}),u().createElement("span",null,K("btnRequestOtpWhitelisting","Request OTP Whitelisting"))))),u().createElement("div",{className:E.dataNotice},u().createElement(r.P1,{size:14}),u().createElement("span",null,K("secureAuthDataNotice","All authentication data is securely handled and used only for identity verification.")))),"landing"===ng&&u().createElement("div",{className:E.otpTriggerContainer},u().createElement("p",null,K("confirmationTxt","Verify the phone number before OTP")),u().createElement("div",{className:E.phoneNumberDisplay},u().createElement(l.LP,{className:E.phoneIcon}),u().createElement("span",{className:E.phoneNumber},eg?(0,U.YY)(eg):"—")),u().createElement("div",{className:E.expiryInfo},u().createElement("p",{className:E.expiryText},K("otpExpiryInfo","The OTP will be valid for {{minutes}} minutes after it is sent.",{minutes:M})))),"verify-otp"===ng&&u().createElement("div",{className:E.otpInputContainer},u().createElement("div",{className:E.otpInstruction},K("enterOtpSentTo","Enter the OTP code sent to")," ",u().createElement("strong",null,(0,U.YY)(eg))),ev&&u().createElement("div",{className:E.countdownSection},u().createElement(j,{expiryMinutes:M,isActive:ev,resetTrigger:e$,onExpired:function(){ec({type:"verification",message:K("otpExpiredMessage","OTP has expired. Please request a new one.")}),et(""),eC(!1),nh("landing")},variant:"default",showIcon:!0})),u().createElement(O,{value:en,onChange:et,numInputs:v,centerBoxes:C,obscureText:x}),ek>=3&&u().createElement("div",{className:E.escapeHatch},u().createElement(a.K0D,{lowContrast:!0,hideCloseButton:!0,kind:S?"info":"warning",title:S?K("otpFailedWhitelisted","OTP not working?"):K("otpFailedRepeatedly","OTP failed 3 times"),subtitle:S?K("otpFailedWhitelistedSubtitle","Try biometrics instead — biometric capture is available for whitelisted patients."):K("otpFailedNotWhitelistedSubtitle","Patient may not be receiving the SMS. Submit a whitelist request to bypass OTP for future visits.")}),u().createElement(a.zxk,{kind:"ghost",size:"md",className:E.escapeHatchButton,renderIcon:S?i.mP:r.P1,onClick:function(){S?(et(""),eC(!1),nh("auth-landing")):nB()},disabled:eX},eX?u().createElement(a.lSo,{description:K("checkingExistingRequest","Checking existing requests…")}):S?K("switchToBiometric","Switch to biometric"):K("btnRequestOtpWhitelisting","Request OTP Whitelisting")))),"biometric"===ng&&eT&&u().createElement("div",{className:E.biometricContainer},u().createElement("div",{className:E.iframeWrapper},u().createElement("iframe",{src:eT,className:E.biometricIframe,title:K("biometricCapture","Biometric capture"),sandbox:"allow-scripts allow-same-origin allow-forms"})),u().createElement("p",{className:E.biometricHint},K("biometricHint","Follow the on-screen instructions in the capture window.")),u().createElement("div",{className:E.whitelistPollProgress},u().createElement(a.lSo,{description:no?K("biometricCreatingVisit","Verified creating visit…"):K("biometricWaitingForApproval","Waiting for SHA to confirm capture…"),status:"active"})),u().createElement("span",{className:E.whitelistPollTimer},Math.floor(nt/60),":",String(nt%60).padStart(2,"0")," /"," ",Math.floor(3),":00")),"biometric-failed"===ng&&u().createElement("div",{className:E.failedContainer},u().createElement(a.K0D,{lowContrast:!0,hideCloseButton:!0,kind:"error",title:K("secureAuthBiometricFailedTitle","Biometric Verification Failed"),subtitle:S?K("secureAuthBiometricFailedBodyWhitelisted","Please try again or use OTP verification to continue."):K("secureAuthBiometricFailedBody","Please try again or use OTP Whitelisting verification to continue.")}),u().createElement("p",{className:E.chooseLabel},K("secureAuthChooseReason","Choose an option")),S?u().createElement("button",{className:E.methodCard,onClick:nM},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(o.PS,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},K("btnUseOtp","Use OTP")),u().createElement("p",{className:E.methodDesc},K("useOtpDesc","Send a One-Time Password to the patient's registered phone or email"))),u().createElement(o._Q,{size:18,className:E.methodArrow})):u().createElement("button",{className:E.methodCard,onClick:nB,disabled:eX},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(r.P1,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},K("btnRequestOtpWhitelisting","Request OTP Whitelisting")),u().createElement("p",{className:E.methodDesc},K("requestWhitelistDesc","Submit a whitelisting request for this patient. Once approved, OTP can be used."))),eX?u().createElement(a.lSo,null):u().createElement(o._Q,{size:18,className:E.methodArrow})),u().createElement(a.zxk,{kind:"ghost",size:"md",renderIcon:s.CQ,className:E.tryAgainButton,onClick:nk,disabled:ns||eB},ns||eB?u().createElement(a.lSo,{description:K("biometricRetrying","Restarting…")}):K("tryBiometricsAgain","Try biometrics again"))),"whitelist-submit"===ng&&u().createElement("div",{className:E.whitelistFormContainer},u().createElement("p",{className:E.whitelistIntro},K("whitelistFormIntro","Submit a whitelist request so this patient can use OTP for the current visit. After approval, OTP will be sent automatically.")),u().createElement(a.Ltx,{id:"whitelist-reason-type",titleText:K("whitelistReasonType","Reason"),label:K("whitelistReasonTypePlaceholder","Select a reason"),items:nS,itemToString:function(e){return e?e.label:""},selectedItem:null!=(A=nS.find(function(e){return e.id===eF}))?A:null,onChange:function(e){var n,t=e.selectedItem;eW(null!=(n=null==t?void 0:t.id)?n:""),eY(null)},disabled:eL}),nm&&u().createElement("div",{className:E.whitelistReasonHint},u().createElement("p",{className:E.whitelistReasonDesc},nm.description)),u().createElement(a.Kx8,{id:"whitelist-reason-text",labelText:K("whitelistJustification","Justification"),helperText:K("whitelistJustificationHelper","Explain why this patient cannot use biometric or OTP normally. Minimum {{min}} characters.",{min:10}),value:eq,onChange:function(e){return eP(e.target.value)},maxCount:500,enableCounter:!0,rows:4,disabled:eL,invalid:eq.length>0&&eq.trim().length<10,invalidText:K("whitelistJustificationTooShort","At least {{min}} characters required.",{min:10})}),u().createElement(a.Y2U,{id:"whitelist-biometric-attempts",label:K("biometricAttemptsLabel","Biometric attempts"),helperText:K("biometricAttemptsHelper","How many times biometric capture has been attempted (use 0 if not applicable)."),min:0,max:50,value:eG,onChange:function(e,n){var t=n.value;eH(Math.max(0,"number"==typeof t?t:Number(t)||0))},disabled:eL}),nb&&u().createElement(a.bAu,{accept:[".pdf",".jpg",".jpeg",".png"],buttonKind:"tertiary",buttonLabel:eU?K("replaceAttachment","Replace attachment"):K("addAttachment","Add attachment"),filenameStatus:"edit",labelDescription:K("attachmentRequiredDesc","Required for this reason. Attach a supporting document (PDF/JPG/PNG, max 5 MB)."),labelTitle:K("attachment","Attachment"),multiple:!1,onChange:nT,onDelete:function(){return eY(null)},disabled:eL}),u().createElement(a.zxk,{kind:"ghost",onClick:function(){ec(null),nh("auth-landing")},renderIcon:c.Xd,size:"md",className:E.tryAgainButton,disabled:eL},K("back","Back"))),"whitelist-waiting"===ng&&u().createElement("div",{className:E.whitelistWaitingContainer},u().createElement("div",{className:E.whitelistWaitingIconWrap},u().createElement(p.qp,{size:32})),u().createElement("h3",{className:E.whitelistWaitingTitle},e9?K("whitelistManualCheckTitle","Check status manually"):"AUTOMATIC"===e0?K("whitelistAutoApprovalProcessing","Processing automatic approval…"):K("whitelistAwaitingManualReview","Awaiting manual review…")),u().createElement("p",{className:E.whitelistWaitingBody},e9?K("whitelistManualCheckBody",'Automatic checking has stopped. Tap "Check status now" to see if the request has been approved, or cancel and retry check-in later.'):"AUTOMATIC"===e0?K("whitelistAutoApprovalBody","Your request was submitted. We are checking with SHA — this usually takes a few seconds. Once approved, OTP will be sent automatically."):K("whitelistManualReviewBody","Your request is queued for manual review by SHA. We will keep checking. If you would rather try again later, you can cancel below.")),!e9&&u().createElement(u().Fragment,null,u().createElement("div",{className:E.whitelistPollProgress},u().createElement(a.lSo,{description:K("whitelistChecking","Checking status…"),status:"active"})),u().createElement("span",{className:E.whitelistPollTimer},nA," / ",n$)),u().createElement(a.zxk,{kind:"ghost",size:"md",renderIcon:s.CQ,className:E.tryAgainButton,onClick:function(){return nz({manual:!0})},disabled:em},em?u().createElement(a.lSo,{description:K("whitelistChecking","Checking status…")}):K("checkStatusNow","Check status now")))),u().createElement(a.mzw,null,u().createElement(a.uVA,{className:E.buttonSet},("landing"===ng||"whitelist-submit"===ng||"auth-landing"!==ng&&"biometric"!==ng&&"biometric-failed"!==ng)&&u().createElement(a.zxk,{kind:"secondary",onClick:function(){nw(),n_()},className:E.button},K("btnCancel","Cancel")),"landing"===ng&&u().createElement(a.zxk,{kind:"primary",size:"lg",className:E.sendOtpButton,disabled:ef,onClick:function(){return nC(eg)}},ef?u().createElement(a.lSo,{description:K("sendingOtp","Sending OTP...")}):(null==es?void 0:es.type)==="request"?K("resendOtp","Resend OTP"):K("sendOtpCode","Send OTP Code")),"verify-otp"===ng&&u().createElement(a.zxk,{disabled:eo||en.length!==v,kind:"primary",onClick:nv,className:E.button},eo?u().createElement(a.lSo,{description:K("verifyingOtp","Verifying OTP")}):K("verify","Verify")),"whitelist-submit"===ng&&u().createElement(a.zxk,{kind:"primary",onClick:nD,className:E.button,disabled:eL||!eF||eq.trim().length<10||nb&&(!eU||0===eU.size)},eL?u().createElement(a.lSo,{description:K("submittingWhitelist","Submitting…")}):K("submitWhitelist","Submit request")))))}},63624:function(e,n,t){function a(e){return e&&e.startsWith("+")?e.substring(1):e}t.d(n,{YY:()=>i,gg:()=>r,jc:()=>a});var i=function(e){if(!e)return"";var n=e.replace(/\D/g,"");if(n.length<8)return e;var t=n.slice(0,-6),a="*".repeat(4),i=n.slice(-2);return"".concat(t).concat(a).concat(i)};function o(e){var n,t,a,i,o,r,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"An unexpected error occurred. Please try again.";if(!e)return l;if("string"==typeof e)return e||l;var s=null==(t=e.upstream_error)||null==(n=t.message)?void 0:n.trim();if(s)return s;var c=null==(i=e.upstream_error)||null==(a=i.error)?void 0:a.trim();if(c&&"bad request"!==c.toLowerCase())return c;var p=null==(o=e.error)?void 0:o.trim();if(p&&!e.upstream_error)return p;var f=null==(r=e.message)?void 0:r.trim();return f||p||l}function r(e){var n,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"An unexpected error occurred. Please try again.";if(!e)return t;if("object"==typeof e&&null!==e){if(e.responseBody)return o(e.responseBody,t);if(e.data)return o(e.data,t)}if(null!=(n=Error)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n){var a=e.message;if(a)try{var i=JSON.parse(a);return o(i,a)}catch(e){return a}return t}return"object"==typeof e&&null!==e&&("upstream_error"in e||"error"in e||"message"in e)?o(e,t):t}}}]);
1
+ "use strict";(globalThis.webpackChunk_kenyaemr_esm_express_workflow_app=globalThis.webpackChunk_kenyaemr_esm_express_workflow_app||[]).push([["2225"],{8571:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,'.-esm-express-workflow__otp-verification__button___6FV7M{height:4rem;display:flex;align-content:flex-start;align-items:baseline;min-width:20%}.-esm-express-workflow__otp-verification__buttonSet___mZWel{padding:0rem;display:flex;justify-content:space-between;width:100%;margin-bottom:1rem}.-esm-express-workflow__otp-verification__sectionHeader___j9aRf{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-express-workflow__otp-verification__otpTriggerContainer___vrYG\\+{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:8px}.-esm-express-workflow__otp-verification__phoneNumberDisplay___yR7y1{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-radius:6px}.-esm-express-workflow__otp-verification__phoneIcon___qrAPr{flex-shrink:0}.-esm-express-workflow__otp-verification__phoneNumber___AcBlL{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);font-weight:600;flex:1;letter-spacing:.5px}.-esm-express-workflow__otp-verification__editButton___Z8t0J{flex-shrink:0;opacity:.7}.-esm-express-workflow__otp-verification__otpInputContainer___lr7ps{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem}.-esm-express-workflow__otp-verification__otpInstruction___J8HGl{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);text-align:center;margin-bottom:.5rem}.-esm-express-workflow__otp-verification__changeNumberLink___acNVQ{margin-top:.5rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-decoration:underline;opacity:.8}.-esm-express-workflow__otp-verification__changeNumberContainer___ao-5o{display:flex;flex-direction:column;gap:1rem;padding:1rem}.-esm-express-workflow__otp-verification__backButton___aqNtS{align-self:flex-start;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-decoration:underline;opacity:.8}.-esm-express-workflow__otp-verification__expiryInfo___O0DC7{margin-top:1rem;padding:.75rem}.-esm-express-workflow__otp-verification__expiryText___uIshU{margin:0;font-size:1rem;line-height:1.29;font-weight:400}.-esm-express-workflow__otp-verification__eyebrow___pv45\\+{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-transform:uppercase;letter-spacing:.6px;color:#6f6f6f;margin:0 0 .25rem;font-weight:500}.-esm-express-workflow__otp-verification__authLandingContainer___DgZHk{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.-esm-express-workflow__otp-verification__authIntro___zUOmb{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0 0 .75rem;line-height:1.5}.-esm-express-workflow__otp-verification__methodCard___pwYEE{display:flex;gap:.75rem;padding:1rem;border:1px solid #e0e0e0;background:#fff;cursor:pointer;align-items:flex-start;text-align:left;width:100%;transition:border-color .15s,background .15s;border-radius:4px}.-esm-express-workflow__otp-verification__methodCard___pwYEE:hover:not(:disabled){border-color:#0f62fe;background:#f4f4f4}.-esm-express-workflow__otp-verification__methodCardDisabled___3Ku\\+C{opacity:.55;cursor:not-allowed;pointer-events:none}.-esm-express-workflow__otp-verification__methodIconWrap___v2yMn{width:40px;height:40px;border-radius:4px;background:#edf5ff;color:#0043ce;display:flex;align-items:center;justify-content:center;flex-shrink:0}.-esm-express-workflow__otp-verification__methodIconWarning___uIkYj{background:#fddc69;color:#302400}.-esm-express-workflow__otp-verification__methodContent___VAlkZ{flex:1;min-width:0}.-esm-express-workflow__otp-verification__methodTitleRow___vN1lZ{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.-esm-express-workflow__otp-verification__methodTitle___ebBDL{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__methodDesc___ecioT{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;margin:0;line-height:1.4}.-esm-express-workflow__otp-verification__methodArrow___Tt8xk{color:#8d8d8d;align-self:center;flex-shrink:0}.-esm-express-workflow__otp-verification__badgeRequired___7Sp8p{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);background:#fddc69;color:#302400;padding:2px .5rem;border-radius:4px;font-weight:500;white-space:nowrap}.-esm-express-workflow__otp-verification__dividerWithText___s7IVs{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .5rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#8d8d8d;text-transform:uppercase;letter-spacing:.6px}.-esm-express-workflow__otp-verification__dividerWithText___s7IVs::before,.-esm-express-workflow__otp-verification__dividerWithText___s7IVs::after{content:"";flex:1;height:1px;background:#e0e0e0}.-esm-express-workflow__otp-verification__whitelistLink___nt7Li{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(0,0,0,0);border:1px dashed #c6c6c6;color:#0043ce;cursor:pointer;width:100%;border-radius:4px;font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-express-workflow__otp-verification__whitelistLink___nt7Li:hover{background:#f4f4f4;border-color:#0f62fe}.-esm-express-workflow__otp-verification__dataNotice___sFfHO{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:#f4f4f4;border-radius:4px;margin-top:.75rem;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;line-height:1.5}.-esm-express-workflow__otp-verification__dataNotice___sFfHO svg{flex-shrink:0;margin-top:1px}.-esm-express-workflow__otp-verification__biometricContainer___rrvc0{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.-esm-express-workflow__otp-verification__iframeWrapper___TbhRb{border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background:#fff}.-esm-express-workflow__otp-verification__biometricIframe___NXUQP{width:100%;height:480px;border:0;display:block}.-esm-express-workflow__otp-verification__biometricHint___itrmR{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#525252;text-align:center;margin:0}.-esm-express-workflow__otp-verification__failedContainer___1Ofab{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.-esm-express-workflow__otp-verification__chooseLabel___qBBP8{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__tryAgainButton___jaWpm{align-self:center}.-esm-express-workflow__otp-verification__escapeHatch___dzd5s{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.75rem}.-esm-express-workflow__otp-verification__escapeHatchButton___SJVg5{align-self:center}.-esm-express-workflow__otp-verification__whitelistFormContainer___c9vSC{display:flex;flex-direction:column;gap:1rem;padding:1rem}.-esm-express-workflow__otp-verification__whitelistIntro___SRJo1{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0;line-height:1.5}.-esm-express-workflow__otp-verification__whitelistContextRow___u0p6K{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f4f4f4;border-left:2px solid #0f62fe;border-radius:4px}.-esm-express-workflow__otp-verification__whitelistContextLabel___Zx350{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#6f6f6f;text-transform:uppercase;letter-spacing:.4px}.-esm-express-workflow__otp-verification__whitelistContextValue___Fm6pq{font-family:"IBM Plex Mono",monospace;font-size:13px;color:#161616;background:#fff;padding:2px .5rem;border-radius:2px;border:1px solid #e0e0e0}.-esm-express-workflow__otp-verification__whitelistReasonHint___IwCBb{background:#f4f4f4;padding:.75rem;border-radius:4px;display:flex;flex-direction:column;gap:.5rem}.-esm-express-workflow__otp-verification__whitelistReasonDesc___Vguay{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#393939;margin:0;line-height:1.5}.-esm-express-workflow__otp-verification__whitelistReasonMeta___zKs2Q{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.-esm-express-workflow__otp-verification__reviewBadge___5T7Fq{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);padding:2px .5rem;border-radius:2px;font-weight:500}.-esm-express-workflow__otp-verification__reviewAuto___b7YeZ{background:#a7f0ba;color:#044317}.-esm-express-workflow__otp-verification__reviewManual___m2rOS{background:#d0e2ff;color:#002d9c}.-esm-express-workflow__otp-verification__requiresAttachment___WmwRj{display:inline-flex;align-items:center;gap:4px;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#302400;font-weight:500}.-esm-express-workflow__otp-verification__whitelistWaitingContainer___AWlsr{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;text-align:center}.-esm-express-workflow__otp-verification__whitelistWaitingIconWrap___StLTK{width:64px;height:64px;border-radius:50%;background:#edf5ff;color:#0043ce;display:flex;align-items:center;justify-content:center}.-esm-express-workflow__otp-verification__whitelistWaitingTitle___aeoUi{font-size:var(--cds-heading-03-font-size, 1.25rem);font-weight:var(--cds-heading-03-font-weight, 400);line-height:var(--cds-heading-03-line-height, 1.4);letter-spacing:var(--cds-heading-03-letter-spacing, 0);font-weight:500;color:#161616;margin:0}.-esm-express-workflow__otp-verification__whitelistWaitingBody___DByFA{font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px);color:#525252;margin:0;line-height:1.5;max-width:440px}.-esm-express-workflow__otp-verification__whitelistPollProgress___or9y8{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f4f4f4;border-radius:4px;margin-top:.5rem}.-esm-express-workflow__otp-verification__whitelistPollTimer___qDMEU{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);color:#6f6f6f;font-family:"IBM Plex Mono",monospace}.-esm-express-workflow__otp-verification__backButton___aqNtS{display:flex;align-items:center;justify-content:center;padding:.75rem}',"",{version:3,sources:["webpack://./src/shared/otp-verification/otp-verification.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,yDACE,WCmDW,CDlDX,YAAA,CACA,wBAAA,CACA,oBAAA,CACA,aAAA,CAGF,4DACE,YAAA,CACA,YAAA,CACA,6BAAA,CACA,UAAA,CACA,kBCcW,CDXb,gEE80BI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CF10BJ,uEACE,YAAA,CACA,qBAAA,CACA,QCIW,CDHX,YCGW,CDFX,iBAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,SCdW,CDeX,cCVW,CDWX,iBAAA,CAGF,4DACE,aAAA,CAGF,8DEszBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFpzBF,eAAA,CACA,MAAA,CACA,mBAAA,CAGF,6DACE,aAAA,CACA,UAAA,CAGF,oEACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,QC7BW,CD8BX,cCzBW,CD4Bb,iEEkyBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFhyBF,iBAAA,CACA,mBC9CW,CDiDb,mEACE,gBClDW,CC60BT,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzxBF,yBAAA,CACA,UAAA,CAGF,wEACE,YAAA,CACA,qBAAA,CACA,QCjDW,CDkDX,YClDW,CDqDb,6DACE,qBAAA,CE6wBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF3wBF,yBAAA,CACA,UAAA,CAGF,6DACE,eC7DW,CD8DX,cCnEW,CDsEb,6DACE,QAAA,CACA,cCnEW,CDoEX,gBAAA,CACA,eAAA,CAGF,2DE2vBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzvBF,wBAAA,CACA,mBAAA,CACA,aG5DQ,CH6DR,iBAAA,CACA,eAAA,CAGF,uEACE,YAAA,CACA,qBAAA,CACA,UCzFW,CD0FX,YCrFW,CDwFb,4DE2uBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFzuBF,aGzEQ,CH0ER,iBAAA,CACA,eAAA,CAGF,6DACE,YAAA,CACA,UCtGW,CDuGX,YClGW,CDmGX,wBAAA,CACA,eGTQ,CHUR,cAAA,CACA,sBAAA,CACA,eAAA,CACA,UAAA,CACA,4CAAA,CACA,iBAAA,CAEA,kFACE,oBG3HM,CH4HN,kBGnGM,CHuGV,sEACE,WAAA,CACA,kBAAA,CACA,mBAAA,CAGF,iEACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBG/IQ,CHgJR,aG1IQ,CH2IR,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CAGF,oEACE,kBGxCU,CHyCV,aGlCU,CHqCZ,gEACE,MAAA,CACA,WAAA,CAGF,iEACE,YAAA,CACA,kBAAA,CACA,SC3JW,CD4JX,oBCjKW,CDoKb,8DE8qBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF5qBF,eAAA,CACA,aGpIS,CHqIT,QAAA,CAGF,6DEuqBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFrqBF,aG7IQ,CH8IR,QAAA,CACA,eAAA,CAGF,8DACE,aGrJQ,CHsJR,iBAAA,CACA,aAAA,CAGF,gEE0pBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFxpBF,kBG9EU,CH+EV,aGxEU,CHyEV,iBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAGF,kEACE,YAAA,CACA,kBAAA,CACA,UC3LW,CD4LX,qBAAA,CE4oBE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF1oBF,aG1KQ,CH2KR,wBAAA,CACA,mBAAA,CAEA,mJAEE,UAAA,CACA,MAAA,CACA,UAAA,CACA,kBGtLM,CH0LV,gEACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,SCpNW,CDqNX,cChNW,CDiNX,wBAAA,CACA,yBAAA,CACA,aG3NQ,CH4NR,cAAA,CACA,UAAA,CACA,iBAAA,CEknBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF/mBF,sEACE,kBG1MM,CH2MN,oBGpOM,CHwOV,6DACE,YAAA,CACA,sBAAA,CACA,SCvOW,CDwOX,cCnOW,CDoOX,kBGpNQ,CHqNR,iBAAA,CACA,iBCtOW,CCw0BT,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhmBF,aGlNQ,CHmNR,eAAA,CAEA,iEACE,aAAA,CACA,cAAA,CAIJ,qEACE,YAAA,CACA,qBAAA,CACA,UCpPW,CDqPX,cCrPW,CDwPb,gEACE,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,eG5JQ,CH+JV,kEACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,aAAA,CAGF,gEEkkBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhkBF,aGlPQ,CHmPR,iBAAA,CACA,QAAA,CAGF,kEACE,YAAA,CACA,qBAAA,CACA,UChRW,CDiRX,YC5QW,CD+Qb,8DEojBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFljBF,eAAA,CACA,aG9PS,CH+PT,QAAA,CAGF,iEACE,iBAAA,CAGF,8DACE,UAAA,CACA,eC5RW,CD6RX,gBC7RW,CD8RX,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,UCtSW,CDySb,oEACE,iBAAA,CAGF,yEACE,YAAA,CACA,qBAAA,CACA,QC3SW,CD4SX,YC5SW,CD+Sb,iEEohBI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFlhBF,aGhSQ,CHiSR,QAAA,CACA,eAAA,CAGF,sEACE,YAAA,CACA,kBAAA,CACA,SCnUW,CDoUX,oBAAA,CACA,kBGhTQ,CHiTR,6BAAA,CACA,iBAAA,CAGF,wEEmgBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFjgBF,aGlTQ,CHmTR,wBAAA,CACA,mBAAA,CAGF,wEACE,qCAAA,CACA,cAAA,CACA,aGtTS,CHuTT,eGhPQ,CHiPR,iBAAA,CACA,iBAAA,CACA,wBAAA,CAGF,sEACE,kBGvUQ,CHwUR,cCxVW,CDyVX,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,SCjWW,CDoWb,sEEyeI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFveF,aG1UQ,CH2UR,QAAA,CACA,eAAA,CAGF,sEACE,YAAA,CACA,kBAAA,CACA,SC9WW,CD+WX,cAAA,CAGF,8DE2dI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzdF,iBAAA,CACA,iBAAA,CACA,eAAA,CAGF,6DACE,kBG1VS,CH2VT,aGrVS,CHwVX,+DACE,kBGvYQ,CHwYR,aGlYQ,CHqYV,qEACE,mBAAA,CACA,kBAAA,CACA,OAAA,CEucE,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFrcF,aG1RU,CH2RV,eAAA,CAKF,4EACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,QCxYW,CDyYX,iBAAA,CACA,iBAAA,CAGF,2EACE,UAAA,CACA,WAAA,CACA,iBAAA,CACA,kBGpaQ,CHqaR,aG/ZQ,CHgaR,YAAA,CACA,kBAAA,CACA,sBAAA,CAGF,wEE2aI,kDAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CFzaF,eAAA,CACA,aGvYS,CHwYT,QAAA,CAGF,uEEoaI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CFlaF,aGhZQ,CHiZR,QAAA,CACA,eAAA,CACA,eAAA,CAGF,wEACE,YAAA,CACA,kBAAA,CACA,UC/aW,CDgbX,cChbW,CDibX,kBGjaQ,CHkaR,iBAAA,CACA,gBCxbW,CD2bb,qEEkZI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFhZF,aGnaQ,CHoaR,qCAAA,CAGF,6DACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,cChcW",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.button {\n height: layout.$spacing-10;\n display: flex;\n align-content: flex-start;\n align-items: baseline;\n min-width: 20%;\n}\n\n.buttonSet {\n padding: 0rem;\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-bottom: layout.$spacing-05;\n}\n\n.sectionHeader {\n @include type.type-style('heading-02');\n}\n\n.otpTriggerContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n border-radius: 8px;\n}\n\n.phoneNumberDisplay {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n border-radius: 6px;\n}\n\n.phoneIcon {\n flex-shrink: 0;\n}\n\n.phoneNumber {\n @include type.type-style('body-01');\n font-weight: 600;\n flex: 1;\n letter-spacing: 0.5px;\n}\n\n.editButton {\n flex-shrink: 0;\n opacity: 0.7;\n}\n\n.otpInputContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: layout.$spacing-05;\n padding: layout.$spacing-06;\n}\n\n.otpInstruction {\n @include type.type-style('body-01');\n text-align: center;\n margin-bottom: layout.$spacing-03;\n}\n\n.changeNumberLink {\n margin-top: layout.$spacing-03;\n @include type.type-style('label-01');\n text-decoration: underline;\n opacity: 0.8;\n}\n\n.changeNumberContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n}\n\n.backButton {\n align-self: flex-start;\n @include type.type-style('label-01');\n text-decoration: underline;\n opacity: 0.8;\n}\n\n.expiryInfo {\n margin-top: layout.$spacing-05;\n padding: layout.$spacing-04;\n}\n\n.expiryText {\n margin: 0;\n font-size: layout.$spacing-05;\n line-height: 1.29;\n font-weight: 400;\n}\n\n.eyebrow {\n @include type.type-style('label-01');\n text-transform: uppercase;\n letter-spacing: 0.6px;\n color: colors.$gray-60;\n margin: 0 0 layout.$spacing-02;\n font-weight: 500;\n}\n\n.authLandingContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n}\n\n.authIntro {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0 0 layout.$spacing-04;\n line-height: 1.5;\n}\n\n.methodCard {\n display: flex;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n border: 1px solid colors.$gray-20;\n background: colors.$white-0;\n cursor: pointer;\n align-items: flex-start;\n text-align: left;\n width: 100%;\n transition: border-color 0.15s, background 0.15s;\n border-radius: 4px;\n\n &:hover:not(:disabled) {\n border-color: colors.$blue-60;\n background: colors.$gray-10;\n }\n}\n\n.methodCardDisabled {\n opacity: 0.55;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.methodIconWrap {\n width: 40px;\n height: 40px;\n border-radius: 4px;\n background: colors.$blue-10;\n color: colors.$blue-70;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.methodIconWarning {\n background: colors.$yellow-20;\n color: colors.$yellow-90;\n}\n\n.methodContent {\n flex: 1;\n min-width: 0;\n}\n\n.methodTitleRow {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n margin-bottom: layout.$spacing-02;\n}\n\n.methodTitle {\n @include type.type-style('body-compact-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.methodDesc {\n @include type.type-style('label-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.4;\n}\n\n.methodArrow {\n color: colors.$gray-50;\n align-self: center;\n flex-shrink: 0;\n}\n\n.badgeRequired {\n @include type.type-style('label-01');\n background: colors.$yellow-20;\n color: colors.$yellow-90;\n padding: 2px layout.$spacing-03;\n border-radius: 4px;\n font-weight: 500;\n white-space: nowrap;\n}\n\n.dividerWithText {\n display: flex;\n align-items: center;\n gap: layout.$spacing-04;\n margin: layout.$spacing-04 0 layout.$spacing-03;\n @include type.type-style('label-01');\n color: colors.$gray-50;\n text-transform: uppercase;\n letter-spacing: 0.6px;\n\n &::before,\n &::after {\n content: '';\n flex: 1;\n height: 1px;\n background: colors.$gray-20;\n }\n}\n\n.whitelistLink {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n background: transparent;\n border: 1px dashed colors.$gray-30;\n color: colors.$blue-70;\n cursor: pointer;\n width: 100%;\n border-radius: 4px;\n @include type.type-style('body-compact-01');\n\n &:hover {\n background: colors.$gray-10;\n border-color: colors.$blue-60;\n }\n}\n\n.dataNotice {\n display: flex;\n align-items: flex-start;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n background: colors.$gray-10;\n border-radius: 4px;\n margin-top: layout.$spacing-04;\n @include type.type-style('label-01');\n color: colors.$gray-70;\n line-height: 1.5;\n\n svg {\n flex-shrink: 0;\n margin-top: 1px;\n }\n}\n\n.biometricContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-04;\n}\n\n.iframeWrapper {\n border: 1px solid colors.$gray-20;\n border-radius: 4px;\n overflow: hidden;\n background: colors.$white-0;\n}\n\n.biometricIframe {\n width: 100%;\n height: 480px;\n border: 0;\n display: block;\n}\n\n.biometricHint {\n @include type.type-style('label-01');\n color: colors.$gray-70;\n text-align: center;\n margin: 0;\n}\n\n.failedContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n padding: layout.$spacing-05;\n}\n\n.chooseLabel {\n @include type.type-style('body-compact-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.tryAgainButton {\n align-self: center;\n}\n\n.escapeHatch {\n width: 100%;\n margin-top: layout.$spacing-05;\n padding-top: layout.$spacing-05;\n border-top: 1px solid colors.$gray-20;\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-04;\n}\n\n.escapeHatchButton {\n align-self: center;\n}\n\n.whitelistFormContainer {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-05;\n}\n\n.whitelistIntro {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.5;\n}\n\n.whitelistContextRow {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-03 layout.$spacing-04;\n background: colors.$gray-10;\n border-left: 2px solid colors.$blue-60;\n border-radius: 4px;\n}\n\n.whitelistContextLabel {\n @include type.type-style('label-01');\n color: colors.$gray-60;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n}\n\n.whitelistContextValue {\n font-family: 'IBM Plex Mono', monospace;\n font-size: 13px;\n color: colors.$gray-100;\n background: colors.$white-0;\n padding: 2px layout.$spacing-03;\n border-radius: 2px;\n border: 1px solid colors.$gray-20;\n}\n\n.whitelistReasonHint {\n background: colors.$gray-10;\n padding: layout.$spacing-04;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-03;\n}\n\n.whitelistReasonDesc {\n @include type.type-style('body-01');\n color: colors.$gray-80;\n margin: 0;\n line-height: 1.5;\n}\n\n.whitelistReasonMeta {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n flex-wrap: wrap;\n}\n\n.reviewBadge {\n @include type.type-style('label-01');\n padding: 2px layout.$spacing-03;\n border-radius: 2px;\n font-weight: 500;\n}\n\n.reviewAuto {\n background: colors.$green-20;\n color: colors.$green-80;\n}\n\n.reviewManual {\n background: colors.$blue-20;\n color: colors.$blue-80;\n}\n\n.requiresAttachment {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n @include type.type-style('label-01');\n color: colors.$yellow-90;\n font-weight: 500;\n}\n\n// ── Whitelist waiting (polling) ──\n\n.whitelistWaitingContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: layout.$spacing-05;\n padding: layout.$spacing-07 layout.$spacing-05;\n text-align: center;\n}\n\n.whitelistWaitingIconWrap {\n width: 64px;\n height: 64px;\n border-radius: 50%;\n background: colors.$blue-10;\n color: colors.$blue-70;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.whitelistWaitingTitle {\n @include type.type-style('heading-03');\n font-weight: 500;\n color: colors.$gray-100;\n margin: 0;\n}\n\n.whitelistWaitingBody {\n @include type.type-style('body-01');\n color: colors.$gray-70;\n margin: 0;\n line-height: 1.5;\n max-width: 440px;\n}\n\n.whitelistPollProgress {\n display: flex;\n align-items: center;\n gap: layout.$spacing-04;\n padding: layout.$spacing-04;\n background: colors.$gray-10;\n border-radius: 4px;\n margin-top: layout.$spacing-03;\n}\n\n.whitelistPollTimer {\n @include type.type-style('label-01');\n color: colors.$gray-60;\n font-family: 'IBM Plex Mono', monospace;\n}\n\n.backButton {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: layout.$spacing-04;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={button:"-esm-express-workflow__otp-verification__button___6FV7M",buttonSet:"-esm-express-workflow__otp-verification__buttonSet___mZWel",sectionHeader:"-esm-express-workflow__otp-verification__sectionHeader___j9aRf",otpTriggerContainer:"-esm-express-workflow__otp-verification__otpTriggerContainer___vrYG+",phoneNumberDisplay:"-esm-express-workflow__otp-verification__phoneNumberDisplay___yR7y1",phoneIcon:"-esm-express-workflow__otp-verification__phoneIcon___qrAPr",phoneNumber:"-esm-express-workflow__otp-verification__phoneNumber___AcBlL",editButton:"-esm-express-workflow__otp-verification__editButton___Z8t0J",otpInputContainer:"-esm-express-workflow__otp-verification__otpInputContainer___lr7ps",otpInstruction:"-esm-express-workflow__otp-verification__otpInstruction___J8HGl",changeNumberLink:"-esm-express-workflow__otp-verification__changeNumberLink___acNVQ",changeNumberContainer:"-esm-express-workflow__otp-verification__changeNumberContainer___ao-5o",backButton:"-esm-express-workflow__otp-verification__backButton___aqNtS",expiryInfo:"-esm-express-workflow__otp-verification__expiryInfo___O0DC7",expiryText:"-esm-express-workflow__otp-verification__expiryText___uIshU",eyebrow:"-esm-express-workflow__otp-verification__eyebrow___pv45+",authLandingContainer:"-esm-express-workflow__otp-verification__authLandingContainer___DgZHk",authIntro:"-esm-express-workflow__otp-verification__authIntro___zUOmb",methodCard:"-esm-express-workflow__otp-verification__methodCard___pwYEE",methodCardDisabled:"-esm-express-workflow__otp-verification__methodCardDisabled___3Ku+C",methodIconWrap:"-esm-express-workflow__otp-verification__methodIconWrap___v2yMn",methodIconWarning:"-esm-express-workflow__otp-verification__methodIconWarning___uIkYj",methodContent:"-esm-express-workflow__otp-verification__methodContent___VAlkZ",methodTitleRow:"-esm-express-workflow__otp-verification__methodTitleRow___vN1lZ",methodTitle:"-esm-express-workflow__otp-verification__methodTitle___ebBDL",methodDesc:"-esm-express-workflow__otp-verification__methodDesc___ecioT",methodArrow:"-esm-express-workflow__otp-verification__methodArrow___Tt8xk",badgeRequired:"-esm-express-workflow__otp-verification__badgeRequired___7Sp8p",dividerWithText:"-esm-express-workflow__otp-verification__dividerWithText___s7IVs",whitelistLink:"-esm-express-workflow__otp-verification__whitelistLink___nt7Li",dataNotice:"-esm-express-workflow__otp-verification__dataNotice___sFfHO",biometricContainer:"-esm-express-workflow__otp-verification__biometricContainer___rrvc0",iframeWrapper:"-esm-express-workflow__otp-verification__iframeWrapper___TbhRb",biometricIframe:"-esm-express-workflow__otp-verification__biometricIframe___NXUQP",biometricHint:"-esm-express-workflow__otp-verification__biometricHint___itrmR",failedContainer:"-esm-express-workflow__otp-verification__failedContainer___1Ofab",chooseLabel:"-esm-express-workflow__otp-verification__chooseLabel___qBBP8",tryAgainButton:"-esm-express-workflow__otp-verification__tryAgainButton___jaWpm",escapeHatch:"-esm-express-workflow__otp-verification__escapeHatch___dzd5s",escapeHatchButton:"-esm-express-workflow__otp-verification__escapeHatchButton___SJVg5",whitelistFormContainer:"-esm-express-workflow__otp-verification__whitelistFormContainer___c9vSC",whitelistIntro:"-esm-express-workflow__otp-verification__whitelistIntro___SRJo1",whitelistContextRow:"-esm-express-workflow__otp-verification__whitelistContextRow___u0p6K",whitelistContextLabel:"-esm-express-workflow__otp-verification__whitelistContextLabel___Zx350",whitelistContextValue:"-esm-express-workflow__otp-verification__whitelistContextValue___Fm6pq",whitelistReasonHint:"-esm-express-workflow__otp-verification__whitelistReasonHint___IwCBb",whitelistReasonDesc:"-esm-express-workflow__otp-verification__whitelistReasonDesc___Vguay",whitelistReasonMeta:"-esm-express-workflow__otp-verification__whitelistReasonMeta___zKs2Q",reviewBadge:"-esm-express-workflow__otp-verification__reviewBadge___5T7Fq",reviewAuto:"-esm-express-workflow__otp-verification__reviewAuto___b7YeZ",reviewManual:"-esm-express-workflow__otp-verification__reviewManual___m2rOS",requiresAttachment:"-esm-express-workflow__otp-verification__requiresAttachment___WmwRj",whitelistWaitingContainer:"-esm-express-workflow__otp-verification__whitelistWaitingContainer___AWlsr",whitelistWaitingIconWrap:"-esm-express-workflow__otp-verification__whitelistWaitingIconWrap___StLTK",whitelistWaitingTitle:"-esm-express-workflow__otp-verification__whitelistWaitingTitle___aeoUi",whitelistWaitingBody:"-esm-express-workflow__otp-verification__whitelistWaitingBody___DByFA",whitelistPollProgress:"-esm-express-workflow__otp-verification__whitelistPollProgress___or9y8",whitelistPollTimer:"-esm-express-workflow__otp-verification__whitelistPollTimer___qDMEU"};let l=r},36960:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,".-esm-express-workflow__pin-counter__countdownContainer___pNloK{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem;margin:.5rem 0;border-radius:4px}.-esm-express-workflow__pin-counter__clockIcon___Y8ROw{width:16px;height:16px;flex-shrink:0;transition:color .3s ease}.-esm-express-workflow__pin-counter__countdownContent___cDfPk{display:flex;flex-direction:column;gap:.125rem;align-items:center;text-align:center}.-esm-express-workflow__pin-counter__timeDisplay___-UcbO{font-size:var(--cds-heading-compact-01-font-size, 0.875rem);font-weight:var(--cds-heading-compact-01-font-weight, 600);line-height:var(--cds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing, 0.16px);font-weight:500;letter-spacing:.5px;transition:all .3s ease}.-esm-express-workflow__pin-counter__statusText___cirUF{font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);text-transform:uppercase;letter-spacing:.16px;transition:color .3s ease}.-esm-express-workflow__pin-counter__urgentPulse___Apd5W{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:4px;animation:-esm-express-workflow__pin-counter__urgent-pulse___EEmtj 1.5s infinite;pointer-events:none}","",{version:3,sources:["webpack://./src/shared/otp-verification/pin-counter/pin-counter.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,gEACE,iBAAA,CACA,YAAA,CACA,kBAAA,CACA,SCaW,CDZX,cCiBW,CDhBX,cAAA,CACA,iBAAA,CAGF,uDACE,UAAA,CACA,WAAA,CACA,aAAA,CACA,yBAAA,CAGF,8DACE,YAAA,CACA,qBAAA,CACA,WCbW,CDcX,kBAAA,CACA,iBAAA,CAGF,yDEq0BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFn0BF,eAAA,CACA,mBAAA,CACA,uBAAA,CAGF,wDE8zBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF5zBF,wBAAA,CACA,oBAAA,CACA,yBAAA,CAGF,yDACE,iBAAA,CACA,QAAA,CACA,SAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,gFAAA,CACA,mBAAA",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.countdownContainer {\n position: relative;\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n padding: layout.$spacing-04;\n margin: layout.$spacing-03 0;\n border-radius: 4px;\n}\n\n.clockIcon {\n width: 16px;\n height: 16px;\n flex-shrink: 0;\n transition: color 0.3s ease;\n}\n\n.countdownContent {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-01;\n align-items: center;\n text-align: center;\n}\n\n.timeDisplay {\n @include type.type-style('heading-compact-01');\n font-weight: 500;\n letter-spacing: 0.5px;\n transition: all 0.3s ease;\n}\n\n.statusText {\n @include type.type-style('label-01');\n text-transform: uppercase;\n letter-spacing: 0.16px;\n transition: color 0.3s ease;\n}\n\n.urgentPulse {\n position: absolute;\n top: -1px;\n left: -1px;\n right: -1px;\n bottom: -1px;\n border-radius: 4px;\n animation: urgent-pulse 1.5s infinite;\n pointer-events: none;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n"],sourceRoot:""}]),r.locals={countdownContainer:"-esm-express-workflow__pin-counter__countdownContainer___pNloK",clockIcon:"-esm-express-workflow__pin-counter__clockIcon___Y8ROw",countdownContent:"-esm-express-workflow__pin-counter__countdownContent___cDfPk",timeDisplay:"-esm-express-workflow__pin-counter__timeDisplay___-UcbO",statusText:"-esm-express-workflow__pin-counter__statusText___cirUF",urgentPulse:"-esm-express-workflow__pin-counter__urgentPulse___Apd5W","urgent-pulse":"-esm-express-workflow__pin-counter__urgent-pulse___EEmtj"};let l=r},52521:function(e,n,t){t.d(n,{Z:()=>l});var a=t(49130),i=t.n(a),o=t(22577),r=t.n(o)()(i());r.push([e.id,'.-esm-express-workflow__pinput__container___gNJ1Y{display:flex;flex-direction:column;gap:.5rem;width:100%}.-esm-express-workflow__pinput__label___oq88f{font-size:var(--cds-heading-01-font-size, 0.875rem);font-weight:var(--cds-heading-01-font-weight, 600);line-height:var(--cds-heading-01-line-height, 1.42857);letter-spacing:var(--cds-heading-01-letter-spacing, 0.16px);font-weight:500;color:#161616;margin-bottom:.25rem;cursor:pointer}.-esm-express-workflow__pinput__label___oq88f:hover{color:#393939}.-esm-express-workflow__pinput__input___Z4U5d{border-radius:.5rem;padding:.5rem;width:48px;height:48px;font-weight:600;text-align:center;font-size:1.125rem;border:2px solid #8d8d8d;background-color:#fff;color:#161616;transition:all .2s ease-in-out;outline:none}.-esm-express-workflow__pinput__input___Z4U5d:focus{border-color:#0f62fe;box-shadow:0 0 0 2px #d0e2ff;transform:scale(1.02)}.-esm-express-workflow__pinput__input___Z4U5d:hover:not(:disabled){border-color:#a8a8a8;background-color:#f4f4f4}.-esm-express-workflow__pinput__input___Z4U5d::placeholder{color:#8d8d8d;font-weight:400}.-esm-express-workflow__pinput__inputError___WQMx-{border-color:#da1e28;background-color:#fff1f1}.-esm-express-workflow__pinput__inputError___WQMx-:focus{border-color:#da1e28;box-shadow:0 0 0 2px #ffd7d9}.-esm-express-workflow__pinput__inputError___WQMx-:hover{border-color:#fa4d56;background-color:#ffd7d9}.-esm-express-workflow__pinput__inputDisabled___\\+qTvt{background-color:#e0e0e0;border-color:#c6c6c6;color:#8d8d8d;cursor:not-allowed}.-esm-express-workflow__pinput__inputDisabled___\\+qTvt:focus,.-esm-express-workflow__pinput__inputDisabled___\\+qTvt:hover{border-color:#c6c6c6;background-color:#e0e0e0;box-shadow:none;transform:none}.-esm-express-workflow__pinput__inputFocused___IhxsM{border-color:#0f62fe;box-shadow:0 0 0 2px #d0e2ff}.-esm-express-workflow__pinput__separator___s9ZWT{color:#8d8d8d;font-weight:600;font-size:1.25rem;margin:0 .25rem;user-select:none}.-esm-express-workflow__pinput__messageContainer___6mK8y{margin-top:.25rem;min-height:20px}.-esm-express-workflow__pinput__errorMessage___rJBxg{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);color:#da1e28;font-weight:500;display:flex;align-items:center;gap:.25rem}.-esm-express-workflow__pinput__errorMessage___rJBxg::before{content:"⚠";font-size:.875rem}.-esm-express-workflow__pinput__helperText___vfdB2{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);color:#525252;font-weight:400}',"",{version:3,sources:["webpack://./src/shared/pin-put/pinput.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAAA,kDAIA,YACE,CAAA,qBACA,CAAA,SCeW,CAAA,UDbX,CAAA,8CAGF,mDEu1BI,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CAAA,eFr1BF,CAAA,aGsCS,CAAA,oBFnCE,CAAA,cAAA,CAAA,oDDEX,aG+BQ,CAAA,8CH1BV,mBCFa,CAAA,aAAA,CAAA,UDKX,CAAA,WACA,CAAA,eACA,CAAA,iBACA,CAAA,kBACA,CAAA,wBACA,CAAA,qBGtBM,CAAA,aA0CG,CAAA,8BHjBT,CAAA,YACA,CAAA,oDAEA,oBGpBQ,CAAA,4BHsBN,CAAA,qBACA,CAAA,mEAGF,oBGEQ,CAAA,wBAHA,CAAA,2DHMR,aGFQ,CAAA,eHIN,CAAA,mDAIJ,oBG2CS,CAAA,wBALA,CAAA,yDHlCP,oBGuCO,CAAA,4BHrCL,CAAA,yDAGF,oBGiCO,CAAA,wBAHA,CAAA,uDHxBT,wBG1BU,CAAA,oBACA,CAAA,aAEA,CAAA,kBH2BR,CAAA,0HAEA,oBG/BQ,CAAA,wBADA,CAAA,eHoCN,CAAA,cACA,CAAA,qDAIJ,oBGnEU,CAAA,4BHqER,CAAA,kDAGF,aG3CU,CAAA,eH6CR,CAAA,iBACA,CAAA,eACA,CAAA,gBACA,CAAA,yDAGF,iBCjFa,CAAA,eDmFX,CAAA,qDAGF,sDE4vBI,CAAA,qDAAA,CAAA,yDAAA,CAAA,8DAAA,CAAA,aCjwBK,CAAA,eHQP,CAAA,YACA,CAAA,kBACA,CAAA,UC3FW,CAAA,6DD8FX,WACE,CAAA,iBACA,CAAA,mDAIJ,sDE8uBI,CAAA,qDAAA,CAAA,yDAAA,CAAA,8DAAA,CAAA,aClzBM,CAAA,eHuER",sourcesContent:["@use '@carbon/type';\n@use '@carbon/layout';\n@use '@carbon/colors';\n\n.container {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-03;\n width: 100%;\n}\n\n.label {\n @include type.type-style('heading-01');\n font-weight: 500;\n color: colors.$gray-100;\n margin-bottom: layout.$spacing-02;\n cursor: pointer;\n\n &:hover {\n color: colors.$gray-80;\n }\n}\n\n.input {\n border-radius: layout.$spacing-03;\n padding: layout.$spacing-03;\n width: 48px;\n height: 48px;\n font-weight: 600;\n text-align: center;\n font-size: 1.125rem;\n border: 2px solid colors.$gray-50;\n background-color: colors.$white;\n color: colors.$gray-100; // ← CHANGE THIS LINE\n transition: all 0.2s ease-in-out;\n outline: none;\n\n &:focus {\n border-color: colors.$blue-60;\n box-shadow: 0 0 0 2px colors.$blue-20;\n transform: scale(1.02);\n }\n\n &:hover:not(:disabled) {\n border-color: colors.$gray-40;\n background-color: colors.$gray-10;\n }\n\n &::placeholder {\n color: colors.$gray-50;\n font-weight: 400;\n }\n}\n\n.inputError {\n border-color: colors.$red-60;\n background-color: colors.$red-10;\n\n &:focus {\n border-color: colors.$red-60;\n box-shadow: 0 0 0 2px colors.$red-20;\n }\n\n &:hover {\n border-color: colors.$red-50;\n background-color: colors.$red-20;\n }\n}\n\n.inputDisabled {\n background-color: colors.$gray-20;\n border-color: colors.$gray-30;\n color: colors.$gray-50;\n cursor: not-allowed;\n\n &:focus,\n &:hover {\n border-color: colors.$gray-30;\n background-color: colors.$gray-20;\n box-shadow: none;\n transform: none;\n }\n}\n\n.inputFocused {\n border-color: colors.$blue-60;\n box-shadow: 0 0 0 2px colors.$blue-20;\n}\n\n.separator {\n color: colors.$gray-50;\n font-weight: 600;\n font-size: 1.25rem;\n margin: 0 layout.$spacing-02;\n user-select: none;\n}\n\n.messageContainer {\n margin-top: layout.$spacing-02;\n min-height: 20px;\n}\n\n.errorMessage {\n @include type.type-style('body-short-01');\n color: colors.$red-60;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: layout.$spacing-02;\n\n &::before {\n content: '⚠';\n font-size: 0.875rem;\n }\n}\n\n.helperText {\n @include type.type-style('body-short-01');\n color: colors.$gray-70;\n font-weight: 400;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n spacing-01: $spacing-01,\n spacing-02: $spacing-02,\n spacing-03: $spacing-03,\n spacing-04: $spacing-04,\n spacing-05: $spacing-05,\n spacing-06: $spacing-06,\n spacing-07: $spacing-07,\n spacing-08: $spacing-08,\n spacing-09: $spacing-09,\n spacing-10: $spacing-10,\n spacing-11: $spacing-11,\n spacing-12: $spacing-12,\n spacing-13: $spacing-13,\n);\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n font-size: scale.type-scale(1),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(1),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.33333,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n font-family: font-family.font-family('mono'),\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.42857,\n letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.42857,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n font-size: scale.type-scale(2),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.28572,\n letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.5,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n font-size: scale.type-scale(3),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.375,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n // Extra digit needed for precision in Chrome\n line-height: 1.199,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n font-size: scale.type-scale(12),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.4,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(5),\n line-height: 1.4,\n ),\n max: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n font-size: scale.type-scale(7),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.28572,\n letter-spacing: 0,\n breakpoints: (\n xlg: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n font-weight: font-family.font-weight('regular'),\n ),\n max: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n font-weight: font-family.font-weight('light'),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n font-size: scale.type-scale(6),\n font-weight: font-family.font-weight('light'),\n line-height: 1.334,\n letter-spacing: 0,\n breakpoints: (\n lg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(5),\n font-weight: font-family.font-weight('regular'),\n line-height: 1.3,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(5),\n ),\n lg: (\n font-size: scale.type-scale(6),\n line-height: 1.334,\n ),\n xlg: (\n font-size: scale.type-scale(7),\n line-height: 1.28572,\n ),\n max: (\n font-size: scale.type-scale(8),\n line-height: 1.25,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n font-family: font-family.font-family('serif'),\n font-size: scale.type-scale(8),\n font-weight: font-family.font-weight('light'),\n line-height: 1.25,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(9),\n line-height: 1.22,\n ),\n lg: (\n font-size: scale.type-scale(10),\n line-height: 1.19,\n ),\n xlg: (\n font-size: scale.type-scale(11),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(13),\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.17,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('semibold'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(10),\n ),\n lg: (\n font-size: scale.type-scale(12),\n ),\n xlg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n ),\n max: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(12),\n line-height: 1.18,\n ),\n lg: (\n font-size: scale.type-scale(13),\n line-height: 1.16,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(15),\n line-height: 1.13,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(16),\n line-height: 1.11,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n font-size: scale.type-scale(10),\n font-weight: font-family.font-weight('light'),\n line-height: 1.19,\n letter-spacing: 0,\n breakpoints: (\n md: (\n font-size: scale.type-scale(14),\n line-height: 1.15,\n ),\n lg: (\n font-size: scale.type-scale(17),\n line-height: 1.11,\n letter-spacing: -0.64px,\n ),\n xlg: (\n font-size: scale.type-scale(20),\n line-height: 1.07,\n letter-spacing: -0.64px,\n ),\n max: (\n font-size: scale.type-scale(23),\n line-height: 1.05,\n letter-spacing: -0.96px,\n ),\n ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n caption-01: $caption-01,\n caption-02: $caption-02,\n label-01: $label-01,\n label-02: $label-02,\n helper-text-01: $helper-text-01,\n helper-text-02: $helper-text-02,\n body-short-01: $body-short-01,\n body-short-02: $body-short-02,\n body-long-01: $body-long-01,\n body-long-02: $body-long-02,\n code-01: $code-01,\n code-02: $code-02,\n heading-01: $heading-01,\n heading-02: $heading-02,\n productive-heading-01: $productive-heading-01,\n productive-heading-02: $productive-heading-02,\n productive-heading-03: $productive-heading-03,\n productive-heading-04: $productive-heading-04,\n productive-heading-05: $productive-heading-05,\n productive-heading-06: $productive-heading-06,\n productive-heading-07: $productive-heading-07,\n expressive-paragraph-01: $expressive-paragraph-01,\n expressive-heading-01: $expressive-heading-01,\n expressive-heading-02: $expressive-heading-02,\n expressive-heading-03: $expressive-heading-03,\n expressive-heading-04: $expressive-heading-04,\n expressive-heading-05: $expressive-heading-05,\n expressive-heading-06: $expressive-heading-06,\n quotation-01: $quotation-01,\n quotation-02: $quotation-02,\n display-01: $display-01,\n display-02: $display-02,\n display-03: $display-03,\n display-04: $display-04,\n // V11 Tokens\n legal-01: $legal-01,\n legal-02: $legal-02,\n body-compact-01: $body-compact-01,\n body-compact-02: $body-compact-02,\n heading-compact-01: $heading-compact-01,\n heading-compact-02: $heading-compact-02,\n body-01: $body-01,\n body-02: $body-02,\n heading-03: $heading-03,\n heading-04: $heading-04,\n heading-05: $heading-05,\n heading-06: $heading-06,\n heading-07: $heading-07,\n fluid-heading-03: $fluid-heading-03,\n fluid-heading-04: $fluid-heading-04,\n fluid-heading-05: $fluid-heading-05,\n fluid-heading-06: $fluid-heading-06,\n fluid-paragraph-01: $fluid-paragraph-01,\n fluid-quotation-01: $fluid-quotation-01,\n fluid-quotation-02: $fluid-quotation-02,\n fluid-display-01: $fluid-display-01,\n fluid-display-02: $fluid-display-02,\n fluid-display-03: $fluid-display-03,\n fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n @each $name, $value in $map {\n #{$name}: $value;\n }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n // Include the initial styles for the given token by default without any\n // media query guard. This includes `font-size` as a fallback in the case\n // that a browser does not support `calc()`\n @include properties(map.remove($type-styles, breakpoints));\n // We also need to include the `sm` styles by default since they don't\n // appear in the fluid styles for tokens\n @include fluid-type-size($type-styles, sm, $breakpoints);\n\n // Finally, we need to go through all the breakpoints defined in the type\n // token and apply the properties and fluid type size for that given\n // breakpoint\n @each $name, $values in map.get($type-styles, breakpoints) {\n @include grid.breakpoint($name) {\n @include properties($values);\n @include fluid-type-size($type-styles, $name, $breakpoints);\n }\n }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n $type-styles,\n $name,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n // Get the information about the breakpoint we're currently working in. Useful\n // for getting initial width information\n $breakpoint: map.get($breakpoints, $name);\n\n // Our fluid styles are captured under the 'breakpoints' property in our type\n // styles map. These define what values to treat as `max-` variables below\n $fluid-sizes: map.get($type-styles, breakpoints);\n $fluid-breakpoint: ();\n // Special case for `sm` because the styles for small are on the type style\n // directly\n @if $name == sm {\n $fluid-breakpoint: map.remove($type-styles, breakpoints);\n } @else {\n $fluid-breakpoint: map.get($fluid-sizes, $name);\n }\n\n // Initialize our font-sizes to the default size for the type style\n $max-font-size: map.get($type-styles, font-size);\n $min-font-size: map.get($type-styles, font-size);\n @if map.has-key($fluid-breakpoint, font-size) {\n $min-font-size: map.get($fluid-breakpoint, font-size);\n }\n\n // Initialize our min and max width to the width of the current breakpoint\n $max-vw: map.get($breakpoint, width);\n $min-vw: map.get($breakpoint, width);\n\n // We can use `breakpoint-next` to see if there is another breakpoint we can\n // use to update `max-font-size` and `max-vw` with larger values\n $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n $next-fluid-breakpoint-name: null;\n\n // We need to figure out what the next available fluid breakpoint is for our\n // given $type-styles. In this loop we try and iterate through breakpoints\n // until we either manually set $next-breakpoint-available to null or\n // `breakpoint-next` returns null.\n @while $next-breakpoint-available {\n @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n $next-fluid-breakpoint-name: $next-breakpoint-available;\n $next-breakpoint-available: null;\n } @else {\n $next-breakpoint-available: grid.breakpoint-next(\n $next-breakpoint-available,\n $breakpoints\n );\n }\n }\n\n // If we have found the next available fluid breakpoint name, then we know\n // that we have values that we can use to set max-font-size and max-vw as both\n // values derive from the next breakpoint\n @if $next-fluid-breakpoint-name {\n $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n $max-font-size: map.get(\n map.get($fluid-sizes, $next-fluid-breakpoint-name),\n font-size\n );\n $max-vw: map.get($next-fluid-breakpoint, width);\n\n // prettier-ignore\n font-size: calc(#{$min-font-size} +\n #{strip-unit($max-font-size - $min-font-size)} *\n ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n );\n } @else {\n // Otherwise, just default to setting the font size found from the type\n // style or the given fluid breakpoint in the type style\n font-size: $min-font-size;\n }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n @each $property, $value in $value {\n #{$property}: var(\n --#{$custom-property-prefix}-#{$name}-#{$property},\n #{$value}\n );\n }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n $name,\n $fluid: false,\n $breakpoints: gridconfig.$grid-breakpoints\n) {\n @if not map.has-key($tokens, $name) {\n @error 'Unable to find a token with the name: `#{$name}`';\n }\n\n $token: map.get($tokens, $name);\n\n // If $fluid is set to true and the token has breakpoints defined for fluid\n // styles, delegate to the fluid-type helper for the given token\n @if $fluid == true and map.has-key($token, 'breakpoints') {\n @include fluid-type($token, $breakpoints);\n } @else {\n @include custom-properties($name, $token);\n }\n}\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n black: (\n 100: #000000,\n ),\n blue: (\n 10: #edf5ff,\n 20: #d0e2ff,\n 30: #a6c8ff,\n 40: #78a9ff,\n 50: #4589ff,\n 60: #0f62fe,\n 70: #0043ce,\n 80: #002d9c,\n 90: #001d6c,\n 100: #001141,\n ),\n cool-gray: (\n 10: #f2f4f8,\n 20: #dde1e6,\n 30: #c1c7cd,\n 40: #a2a9b0,\n 50: #878d96,\n 60: #697077,\n 70: #4d5358,\n 80: #343a3f,\n 90: #21272a,\n 100: #121619,\n ),\n cyan: (\n 10: #e5f6ff,\n 20: #bae6ff,\n 30: #82cfff,\n 40: #33b1ff,\n 50: #1192e8,\n 60: #0072c3,\n 70: #00539a,\n 80: #003a6d,\n 90: #012749,\n 100: #061727,\n ),\n gray: (\n 10: #f4f4f4,\n 20: #e0e0e0,\n 30: #c6c6c6,\n 40: #a8a8a8,\n 50: #8d8d8d,\n 60: #6f6f6f,\n 70: #525252,\n 80: #393939,\n 90: #262626,\n 100: #161616,\n ),\n green: (\n 10: #defbe6,\n 20: #a7f0ba,\n 30: #6fdc8c,\n 40: #42be65,\n 50: #24a148,\n 60: #198038,\n 70: #0e6027,\n 80: #044317,\n 90: #022d0d,\n 100: #071908,\n ),\n magenta: (\n 10: #fff0f7,\n 20: #ffd6e8,\n 30: #ffafd2,\n 40: #ff7eb6,\n 50: #ee5396,\n 60: #d02670,\n 70: #9f1853,\n 80: #740937,\n 90: #510224,\n 100: #2a0a18,\n ),\n orange: (\n 10: #fff2e8,\n 20: #ffd9be,\n 30: #ffb784,\n 40: #ff832b,\n 50: #eb6200,\n 60: #ba4e00,\n 70: #8a3800,\n 80: #5e2900,\n 90: #3e1a00,\n 100: #231000,\n ),\n purple: (\n 10: #f6f2ff,\n 20: #e8daff,\n 30: #d4bbff,\n 40: #be95ff,\n 50: #a56eff,\n 60: #8a3ffc,\n 70: #6929c4,\n 80: #491d8b,\n 90: #31135e,\n 100: #1c0f30,\n ),\n red: (\n 10: #fff1f1,\n 20: #ffd7d9,\n 30: #ffb3b8,\n 40: #ff8389,\n 50: #fa4d56,\n 60: #da1e28,\n 70: #a2191f,\n 80: #750e13,\n 90: #520408,\n 100: #2d0709,\n ),\n teal: (\n 10: #d9fbfb,\n 20: #9ef0f0,\n 30: #3ddbd9,\n 40: #08bdba,\n 50: #009d9a,\n 60: #007d79,\n 70: #005d5d,\n 80: #004144,\n 90: #022b30,\n 100: #081a1c,\n ),\n warm-gray: (\n 10: #f7f3f2,\n 20: #e5e0df,\n 30: #cac5c4,\n 40: #ada8a8,\n 50: #8f8b8b,\n 60: #726e6e,\n 70: #565151,\n 80: #3c3838,\n 90: #272525,\n 100: #171414,\n ),\n white: (\n 0: #ffffff,\n ),\n yellow: (\n 10: #fcf4d6,\n 20: #fddc69,\n 30: #f1c21b,\n 40: #d2a106,\n 50: #b28600,\n 60: #8e6a00,\n 70: #684e00,\n 80: #483700,\n 90: #302400,\n 100: #1c1500,\n ),\n) !default;\n"],sourceRoot:""}]),r.locals={container:"-esm-express-workflow__pinput__container___gNJ1Y",label:"-esm-express-workflow__pinput__label___oq88f",input:"-esm-express-workflow__pinput__input___Z4U5d",inputError:"-esm-express-workflow__pinput__inputError___WQMx-",inputDisabled:"-esm-express-workflow__pinput__inputDisabled___+qTvt",inputFocused:"-esm-express-workflow__pinput__inputFocused___IhxsM",separator:"-esm-express-workflow__pinput__separator___s9ZWT",messageContainer:"-esm-express-workflow__pinput__messageContainer___6mK8y",errorMessage:"-esm-express-workflow__pinput__errorMessage___rJBxg",helperText:"-esm-express-workflow__pinput__helperText___vfdB2"};let l=r},54989:function(e,n,t){t.r(n),t.d(n,{default:()=>X});var a=t(29952),i=t(30306),o=t(83238),r=t(80781),l=t(86039),s=t(5508),c=t(26759),p=t(88614),f=t(91111),u=t.n(f),d=t(49994),g=t(46062),h=t.n(g),y=t(44036),m=t.n(y),b=t(96793),A=t.n(b),$=t(17892),w=t.n($),_=t(11173),v=t.n(_),C=t(42464),x=t.n(C),k=t(8571),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=A().bind(null,"head"),z.domAPI=m(),z.insertStyleElement=v(),h()(k.Z,z);let E=k.Z&&k.Z.locals?k.Z.locals:void 0;var B=t(16709),D=t.n(B),M=t(1563),T=t(52521),N={};N.styleTagTransform=x(),N.setAttributes=w(),N.insert=A().bind(null,"head"),N.domAPI=m(),N.insertStyleElement=v(),h()(T.Z,N);let S=T.Z&&T.Z.locals?T.Z.locals:void 0;function I(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function F(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){F(e,n,t[n])})}return e}let O=function(e){var n,t=e.numInputs,a=void 0===t?5:t,i=e.centerBoxes,o=void 0!==i&&i,r=e.obscureText,l=e.label,s=e.error,c=e.invalid,p=void 0!==c&&c,d=e.helperText,g=e.disabled,h=void 0!==g&&g,y=e.autoFocus,m=void 0!==y&&y,b=e.className,A=e.onComplete,$=e.onChange,w=e.onFocus,_=e.onBlur,v=e.value,C=void 0===v?"":v,x=function(e,n){if(null==e)return{};var t,a,i=function(e,n){if(null==e)return{};var t,a,i={},o=Object.keys(e);for(a=0;a<o.length;a++)t=o[a],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(n.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(e,["numInputs","centerBoxes","obscureText","label","error","invalid","helperText","disabled","autoFocus","className","onComplete","onChange","onFocus","onBlur","value"]),k=(0,f.useRef)(null),z=(0,f.useRef)(null),E=(n=(0,f.useState)(function(){return Math.random().toString(36).substr(2,9)}),function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(n,1)||function(e,n){if(e){if("string"==typeof e)return I(e,1);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return I(e,n)}}(n,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],B="error-".concat(E),T="helper-".concat(E),N="label-".concat(E);(0,f.useEffect)(function(){if(m&&z.current&&!h){var e=setTimeout(function(){var e;null==(e=z.current)||e.focus()},0);return function(){return clearTimeout(e)}}},[m,h]),(0,f.useEffect)(function(){C&&C.length===a&&A&&A(C)},[C,a,A]);var O=(0,f.useMemo)(function(){return{display:"flex",gap:"8px",justifyContent:o?"center":"flex-start",alignItems:"center"}},[o]),q=(0,f.useCallback)(function(e){null==$||$(e)},[$]),P=(0,f.useCallback)(function(e,n){var t,i,o,r=0===n;return u().createElement("input",(t=W({},e),i=i={ref:function(n){var t=null==e?void 0:e.ref;"function"==typeof t?t(n):t&&"current"in t&&(t.current=n),r&&(z.current=n)},className:D()(S.input,(F(o={},S.inputError,p||!!s),F(o,S.inputDisabled,h),o)),"aria-label":"".concat(l||"PIN"," input ").concat(n+1," of ").concat(a),"aria-invalid":p||!!s,"aria-describedby":s?B:d?T:void 0,disabled:h,maxLength:1,inputMode:"numeric",pattern:"[0-9]*",onFocus:function(n){var t;null==(t=e.onFocus)||t.call(e,n),null==w||w()},onBlur:function(n){var t;null==(t=e.onBlur)||t.call(e,n),null==_||_()}},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(i)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}),t))},[l,a,p,s,h,w,_,B,T]);return u().createElement("div",{ref:k,className:D()(S.container,b),role:"group","aria-labelledby":l?N:void 0},l&&u().createElement("label",{id:N,className:S.label},l),u().createElement(M.Z,W({value:C,onChange:q,numInputs:a,inputType:void 0!==r&&r?"password":"text",renderInput:P,renderSeparator:u().createElement("span",{className:S.separator},"-"),containerStyle:O,skipDefaultStyles:!0,shouldAutoFocus:m&&!h,placeholder:""},x)),(s||d)&&u().createElement("div",{className:S.messageContainer},s&&u().createElement("div",{id:B,className:S.errorMessage,role:"alert","aria-live":"polite"},s),d&&!s&&u().createElement("div",{id:T,className:S.helperText},d)))};t(99172);var q=t(36960),P={};P.styleTagTransform=x(),P.setAttributes=w(),P.insert=A().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=v(),h()(q.Z,P);let R=q.Z&&q.Z.locals?q.Z.locals:void 0;function G(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function H(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return G(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return G(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}let j=function(e){var n,t=e.expiryMinutes,a=e.onExpired,i=e.isActive,o=void 0===i||i,r=(e.variant,e.showIcon,e.resetTrigger),l=(0,d.useTranslation)().t,s=H((0,f.useState)(60*t),2),c=s[0],p=s[1],g=H((0,f.useState)(!1),2),h=g[0],y=g[1];return((0,f.useEffect)(function(){p(60*t),y(!1)},[t,void 0===r?0:r]),(0,f.useEffect)(function(){if(o&&!h){var e=setInterval(function(){p(function(e){return e<=1?(y(!0),null==a||a(),0):e-1})},1e3);return function(){return clearInterval(e)}}},[o,h,a]),o||c!==60*t)?u().createElement("div",{className:"".concat(R.countdownContainer," ").concat(h?R.expired:c<=60?R.danger:c<=120?R.warning:R.default)},u().createElement("div",{className:R.countdownContent},u().createElement("span",{className:R.timeDisplay},(n=Math.floor(c/60),"".concat(n.toString().padStart(2,"0"),":").concat((c%60).toString().padStart(2,"0")))),u().createElement("span",{className:R.statusText},h?l("otpExpired","OTP Expired"):c<=60?l("otpExpiringSoon","Expiring Soon"):l("otpTimeRemaining","Time Remaining"))),c<=30&&!h&&u().createElement("div",{className:R.urgentPulse})):null};var U=t(63624);function Y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=Array(n);t<n;t++)a[t]=e[t];return a}function Q(e,n,t,a,i,o,r){try{var l=e[o](r),s=l.value}catch(e){t(e);return}l.done?n(s):Promise.resolve(s).then(a,i)}function L(e){return function(){var n=this,t=arguments;return new Promise(function(a,i){var o=e.apply(n,t);function r(e){Q(o,a,i,r,l,"next",e)}function l(e){Q(o,a,i,r,l,"throw",e)}r(void 0)})}}function V(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],r=!0,l=!1;try{for(i=i.call(e);!(r=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);r=!0);}catch(e){l=!0,a=e}finally{try{r||null==i.return||i.return()}finally{if(l)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Y(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Z(e,n){var t,a,i,o,r={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){var s=[o,l];if(t)throw TypeError("Generator is already executing.");for(;r;)try{if(t=1,a&&(i=2&s[0]?a.return:s[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;switch(a=0,i&&(s=[2&s[0],i.value]),s[0]){case 0:case 1:i=s;break;case 4:return r.label++,{value:s[1],done:!1};case 5:r.label++,a=s[1],s=[0];continue;case 7:s=r.ops.pop(),r.trys.pop();continue;default:if(!(i=(i=r.trys).length>0&&i[i.length-1])&&(6===s[0]||2===s[0])){r=0;continue}if(3===s[0]&&(!i||s[1]>i[0]&&s[1]<i[3])){r.label=s[1];break}if(6===s[0]&&r.label<i[1]){r.label=i[1],i=s;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(s);break}i[2]&&r.ops.pop(),r.trys.pop();continue}s=n.call(e,r)}catch(e){s=[6,e],a=0}finally{t=i=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}}let X=function(e){var n,t,g,h,y,m,b,A,$=e.onClose,w=e.onVerify,_=e.otpLength,v=void 0===_?5:_,C=e.centerBoxes,x=e.obscureText,k=e.phoneNumber,z=e.onRequestOtp,B=e.onVerificationSuccess,D=e.expiryMinutes,M=void 0===D?5:D,T=e.onCleanup,N=e.authMode,S=void 0===N?"otp-only":N,I=e.whitelistedForOTP,F=void 0!==I&&I,W=e.facilityBiometricsEnforced,q=void 0!==W&&W,P=e.onStartBiometric,R=e.onBiometricSuccess,G=e.onBiometricCancel,H=e.onCheckBiometricStatus,Y=e.patientCRId,Q=e.whitelistReasons,X=void 0===Q?[]:Q,J=e.onSubmitWhitelist,K=e.onCheckWhitelistStatus,ee=e.onRequestWhitelist,en=(e.onRejected,e.ekycOrigin),et=e.visitAction,ea=(0,d.useTranslation)().t,ei=!q||F,eo=V((0,f.useState)(""),2),er=eo[0],el=eo[1],es=V((0,f.useState)(k),2),ec=(es[0],es[1]),ep=V((0,f.useState)(!1),2),ef=ep[0],eu=ep[1],ed=V((0,f.useState)(null),2),eg=ed[0],eh=ed[1],ey=V((0,f.useState)(!1),2),em=ey[0],eb=ey[1],eA=V((0,f.useState)(k),2),e$=eA[0],ew=eA[1],e_=V((0,f.useState)(!1),2),ev=e_[0],eC=e_[1],ex=V((0,f.useState)(0),2),ek=ex[0],ez=ex[1],eE=V((0,f.useState)(!1),2),eB=eE[0],eD=eE[1],eM=V((0,f.useState)(0),2),eT=eM[0],eN=eM[1],eS=V((0,f.useState)(!1),2),eI=eS[0],eF=eS[1],eW=V((0,f.useState)(null),2),eO=eW[0],eq=eW[1],eP=(0,f.useRef)(null),eR=V((0,f.useState)(""),2),eG=eR[0],eH=eR[1],ej=V((0,f.useState)(""),2),eU=ej[0],eY=ej[1],eQ=V((0,f.useState)(0),2),eL=eQ[0],eV=eQ[1],eZ=V((0,f.useState)(null),2),eX=eZ[0],eJ=eZ[1],eK=V((0,f.useState)(!1),2),e0=eK[0],e1=eK[1],e2=V((0,f.useState)(!1),2),e3=e2[0],e5=e2[1],e6=V((0,f.useState)(null),2),e4=e6[0],e8=e6[1],e7=V((0,f.useState)(0),2),e9=e7[0],ne=e7[1],nn=(0,f.useRef)(null),nt=(0,f.useRef)(null),na=(0,f.useRef)(0),ni=V((0,f.useState)(!1),2),no=ni[0],nr=ni[1],nl=V((0,f.useState)(0),2),ns=nl[0],nc=nl[1],np=V((0,f.useState)(!1),2),nf=np[0],nu=np[1],nd=V((0,f.useState)(!1),2),ng=nd[0],nh=nd[1],ny=(0,f.useRef)(null),nm=(0,f.useRef)(null),nb=(0,f.useRef)(0),nA=V((0,f.useState)("multi"===S?"auth-landing":"landing"),2),n$=nA[0],nw=nA[1],n_=(0,f.useCallback)(function(){ny.current&&(clearInterval(ny.current),ny.current=null),nm.current&&(clearTimeout(nm.current),nm.current=null)},[]);(0,f.useEffect)(function(){nw("multi"===S?"auth-landing":"landing"),eh(null),el(""),eN(0),eq(null),eF(!1),nh(!1),nu(!1),nc(0),eP.current=null,ec(k),ew(k),eH(""),eY(""),eV(0),eJ(null),e1(!1),n_()},[S,k,Y,n_]),(0,f.useEffect)(function(){return function(){null==T||T(),nn.current&&clearInterval(nn.current),nt.current&&clearTimeout(nt.current),ny.current&&clearInterval(ny.current),nm.current&&clearTimeout(nm.current)}},[T]);var nv=X.find(function(e){return e.code===eG}),nC=null!=(b=null==nv?void 0:nv.requires_attachments)&&b,nx="".concat(Math.floor(e9/60),":").concat(String(e9%60).padStart(2,"0")),nk="".concat(Math.floor(1),":00"),nz=(0,f.useCallback)(function(){nn.current&&(clearInterval(nn.current),nn.current=null),nt.current&&(clearTimeout(nt.current),nt.current=null)},[]),nE=(0,f.useCallback)(function(){nz(),n_(),eP.current&&("biometric"===n$||"biometric-failed"===n$)&&(null==G||G(eP.current.consent_token)),null==T||T(),null==$||$()},[eP,n$,G,T,$,nz,n_]),nB=(n=L(function(){var e;return Z(this,function(n){switch(n.label){case 0:eh(null),n.label=1;case 1:return n.trys.push([1,3,4,5]),eu(!0),[4,null==w?void 0:w(er)];case 2:return n.sent(),null==B||B(),setTimeout(function(){return nE()},1e3),[3,5];case 3:return e=n.sent(),eN(function(e){return e+1}),eh({type:"verification",message:(0,U.gg)(e,ea("otpVerificationFailed","OTP verification failed. Please try again."))}),[3,5];case 4:return eu(!1),[7];case 5:return[2]}})}),function(){return n.apply(this,arguments)}),nD=(t=L(function(e){var n;return Z(this,function(t){switch(t.label){case 0:eh(null),t.label=1;case 1:return t.trys.push([1,3,4,5]),eb(!0),[4,null==z?void 0:z(e)];case 2:return t.sent(),el(""),ew(e),nw("verify-otp"),eN(0),eD(!0),ez(function(e){return e+1}),[3,5];case 3:return n=t.sent(),eh({type:"request",message:(0,U.gg)(n,ea("otpRequestFailed","Failed to send OTP. Please try again."))}),[3,5];case 4:return eb(!1),[7];case 5:return[2]}})}),function(e){return t.apply(this,arguments)}),nM=(g=L(function(){var e,n;return Z(this,function(t){switch(t.label){case 0:eh(null),eF(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,null==P?void 0:P()];case 2:if(!(e=t.sent())||!e.embed_url)throw Error(ea("biometricNoEmbedUrl","Biometric session did not return an embed URL."));return eP.current={authorization_code:e.authorization_code,consent_token:e.consent_token,token:e.token,guid:e.guid},eq(e.embed_url),nw("biometric"),[3,5];case 3:return n=t.sent(),eh({type:"biometric",message:(0,U.gg)(n,ea("biometricStartFailed","Could not start biometric session."))}),nw("biometric-failed"),[3,5];case 4:return eF(!1),[7];case 5:return[2]}})}),function(){return g.apply(this,arguments)}),nT=(h=L(function(){var e;return Z(this,function(n){switch(n.label){case 0:eh(null),nh(!0),n.label=1;case 1:if(n.trys.push([1,,7,8]),!(null==(e=eP.current)?void 0:e.consent_token))return[3,5];n.label=2;case 2:return n.trys.push([2,4,,5]),[4,null==G?void 0:G(eP.current.consent_token)];case 3:return n.sent(),[3,5];case 4:return console.warn("Failed to reject previous biometric auth:",n.sent()),[3,5];case 5:return eP.current=null,eq(null),[4,nM()];case 6:return n.sent(),[3,8];case 7:return nh(!1),[7];case 8:return[2]}})}),function(){return h.apply(this,arguments)});(0,f.useEffect)(function(){if("biometric"!==n$)return void n_();var e,n,t=(e=L(function(e){var n;return Z(this,function(t){switch(t.label){case 0:nu(!0),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,null==R?void 0:R(e)];case 2:return t.sent(),setTimeout(function(){return nE()},1500),[3,5];case 3:return n=t.sent(),eh({type:"biometric",message:(0,U.gg)(n,ea("biometricVisitFailed","Biometric was approved but visit creation failed."))}),nw("biometric-failed"),[3,5];case 4:return nu(!1),[7];case 5:return[2]}})}),function(n){return e.apply(this,arguments)}),a=function(e){if(!en||e.origin===en){var n=e.data;n&&"object"==typeof n&&"EKYC_COMPLETE"===n.type&&("SUCCESS"===n.status&&eP.current?(n_(),t(eP.current).catch(function(e){console.warn("Biometric finalize (postMessage) failed:",e)})):(n_(),nw("biometric-failed")))}};if(window.addEventListener("message",a),H&&(null==(n=eP.current)?void 0:n.token)){var i,o=eP.current.token;nb.current=Date.now(),nc(0);var r=(i=L(function(){var e,n,a,i;return Z(this,function(r){switch(r.label){case 0:return r.trys.push([0,4,,5]),[4,H(o)];case 1:var l,s;if(e=r.sent(),nc(Math.floor((Date.now()-nb.current)/1e3)),!(e.is_approved&&eP.current))return[3,3];return n_(),a=null!=(n=e.guid)?n:eP.current.guid,[4,t((l=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),a.forEach(function(n){var a;a=t[n],n in e?Object.defineProperty(e,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a})}return e}({},eP.current),s=s={guid:a,authorization_code:null!=(i=e.authorization_code)?i:eP.current.authorization_code},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(s)):(function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t.push.apply(t,a)}return t})(Object(s)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(s,e))}),l))];case 2:return r.sent(),[2];case 3:if("REJECTED"===e.status||e.is_complete&&!e.is_approved)return n_(),eh({type:"biometric",message:ea("biometricRejected","Biometric verification was rejected. You can try again or use OTP.")}),nw("biometric-failed"),[2];return[3,5];case 4:return console.warn("Biometric status poll failed:",r.sent()),[3,5];case 5:return[2]}})}),function(){return i.apply(this,arguments)}),l=function(){r().catch(function(e){console.warn("Biometric poll wrapper error:",e)})};l(),ny.current=setInterval(l,3e3),nm.current=setTimeout(function(){n_(),eh({type:"biometric",message:ea("biometricTimeout","Biometric verification did not complete in time. Please try again.")}),nw("biometric-failed")},18e4)}return function(){window.removeEventListener("message",a),n_()}},[n$,en,R,H,nE,n_,ea]);var nN=(0,f.useCallback)((y=L(function(e){var n,t,a;return Z(this,function(i){switch(i.label){case 0:if(!Y||!K)return[2];(null==e?void 0:e.manual)&&eC(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,K(Y)];case 2:if(n=i.sent(),ne(Math.floor((Date.now()-na.current)/1e3)),n.is_whitelisted)return nz(),eh(null),nw("landing"),[2];if(n.is_rejected)return nz(),eh({type:"whitelist",message:(null==(t=n.reviewer_note)?void 0:t.trim())||ea("whitelistRejected","The whitelist request was rejected by SHA. You may submit a new request or use biometrics.")}),nw("biometric-failed"),[2];return(null==e?void 0:e.manual)&&!n.is_whitelisted&&!n.is_rejected&&eh({type:"whitelist",message:ea("whitelistStillPendingShort","Request is still pending review. We will keep checking automatically.")}),[3,5];case 3:return a=i.sent(),(null==e?void 0:e.manual)?eh({type:"whitelist",message:(0,U.gg)(a,ea("whitelistCheckFailed","Status check failed. Please try again."))}):console.warn("Whitelist status poll failed:",a),[3,5];case 4:return(null==e?void 0:e.manual)&&eC(!1),[7];case 5:return[2]}})}),function(e){return y.apply(this,arguments)}),[Y,K,nz,ea]),nS=(0,f.useCallback)(function(){Y&&K&&(na.current=Date.now(),ne(0),nr(!1),nN(),nn.current=setInterval(function(){return nN()},5e3),nt.current=setTimeout(function(){nz(),nr(!0)},6e4))},[Y,K,nN,nz]),nI=(0,f.useCallback)(L(function(){var e;return Z(this,function(n){switch(n.label){case 0:if(!Y||!J||0===X.length)return null==ee||ee(),nE(),[2];if(eh(null),!K)return[3,5];n.label=1;case 1:return n.trys.push([1,3,4,5]),e5(!0),[4,K(Y)];case 2:if((e=n.sent()).is_whitelisted)return nw("landing"),[2];if(e.has_pending&&!e.is_rejected)return e8(null),nw("whitelist-waiting"),nS(),[2];return[3,5];case 3:return console.warn("Pending whitelist status check failed; opening submission form:",n.sent()),[3,5];case 4:return e5(!1),[7];case 5:return eH(""),eY(""),eV(0),eJ(null),nw("whitelist-submit"),[2]}})}),[Y,J,X,K,ee,nE,nS]),nF=(m=L(function(){var e,n,t,a;return Z(this,function(i){switch(i.label){case 0:if(!J)return[2];if(eh(null),!eG)return eh({type:"whitelist",message:ea("whitelistReasonRequired","Please select a reason.")}),[2];if(eU.trim().length<10)return eh({type:"whitelist",message:ea("whitelistReasonTooShort","Justification must be at least {{min}} characters.",{min:10})}),[2];if(nC&&!eX)return eh({type:"whitelist",message:ea("whitelistAttachmentRequired","This reason requires an attachment (e.g. medical report).")}),[2];if(eX&&0===eX.size)return eh({type:"whitelist",message:ea("whitelistAttachmentEmpty","The selected file is empty. Please re-select it.")}),[2];e1(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,J({reasonType:eG,reason:eU.trim(),biometricAttempts:eL,attachment:eX})];case 2:if(!(e=i.sent()).success)throw Error(null!=(n=e.error)?n:ea("whitelistSubmitFailed","Whitelist submission failed."));return e8(null!=(t=e.review_type)?t:null),nw("whitelist-waiting"),nS(),[3,5];case 3:return a=i.sent(),eh({type:"whitelist",message:(0,U.gg)(a,ea("whitelistSubmitFailed","Whitelist submission failed."))}),[3,5];case 4:return e1(!1),[7];case 5:return[2]}})}),function(){return m.apply(this,arguments)}),nW=function(){nw("landing")},nO=(0,f.useCallback)(function(e){var n,t,a=Array.isArray(null==e?void 0:e.addedFiles)?e.addedFiles:[],i=(null==e||null==(n=e.target)?void 0:n.files)?Array.from(e.target.files):[],o=a.length>0?a:i,r=null!=(t=o.find(function(e){return e&&e.size>0}))?t:null;if(r){eh(null),eJ(r);return}if(o.length>0){eJ(null),eh({type:"whitelist",message:ea("whitelistAttachmentEmpty","The selected file appears to be empty. Please re-select it.")});return}eJ(null)},[ea]),nq=function(){switch(n$){case"auth-landing":return ea("secureAuthTitle","Secure Patient Authentication");case"biometric":return ea("biometricCaptureTitle","Biometric capture");case"biometric-failed":return ea("secureAuthBiometricFailedTitle","Biometric Verification Failed");case"whitelist-submit":return ea("whitelistRequestTitle","Request OTP Whitelisting");case"whitelist-waiting":return ea("whitelistWaitingTitle","Waiting for whitelist approval");default:return ea("otpVerification","OTP Verification")}}(),nP="auth-landing"===n$||"biometric-failed"===n$||"whitelist-submit"===n$||"whitelist-waiting"===n$?ea("secureAuthEyebrow","Biometrics or OTP"):null,nR=X.map(function(e){return{id:e.code,label:e.label,description:e.description,review_type:e.review_type,requires_attachments:e.requires_attachments}});return u().createElement(u().Fragment,null,u().createElement(a.xBx,{className:E.sectionHeader,closeModal:nE},nP&&u().createElement("p",{className:E.eyebrow},nP),nq),u().createElement(a.fef,null,eg&&u().createElement(u().Fragment,null,u().createElement(a.K0D,{lowContrast:!0,kind:"verification"===eg.type?"warning":"error",title:"request"===eg.type?ea("otpRequestError","Error requesting OTP"):"biometric"===eg.type?ea("biometricError","Biometric error"):"whitelist"===eg.type?ea("whitelistError","Whitelist submission error"):ea("otpVerificationError","Error verifying OTP"),subtitle:eg.message}),u().createElement("br",null)),"auth-landing"===n$&&u().createElement("div",{className:E.authLandingContainer},u().createElement("p",{className:E.authIntro},ea("secureAuthIntro","To ensure the safety of your health records, please verify your identity using one of the following methods:")),u().createElement("button",{className:E.methodCard,onClick:nM,disabled:eI},u().createElement("div",{className:E.methodIconWrap},u().createElement(i.mP,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},ea("btnUseBiometrics","Use of Biometrics")),u().createElement("p",{className:E.methodDesc},ea("secureAuthBiometricOption","Biometric authentication (fingerprint)"))),eI?u().createElement(a.lSo,null):u().createElement(o._Q,{size:18,className:E.methodArrow})),u().createElement("button",{className:"".concat(E.methodCard," ").concat(ei?"":E.methodCardDisabled),onClick:nW,disabled:!ei},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(o.PS,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("div",{className:E.methodTitleRow},u().createElement("p",{className:E.methodTitle},ea("btnUseOtp","Use OTP")),!ei&&u().createElement("span",{className:E.badgeRequired},ea("whitelistingRequired","Whitelisting required"))),u().createElement("p",{className:E.methodDesc},ea("secureAuthOtpOption","One-Time Password (Whitelisting is a must) sent to your registered phone number or email"))),ei&&u().createElement(o._Q,{size:18,className:E.methodArrow})),!ei&&u().createElement(u().Fragment,null,u().createElement("div",{className:E.dividerWithText},ea("or","or")),u().createElement("button",{className:E.whitelistLink,onClick:nI,disabled:e3},e3?u().createElement(a.lSo,{description:ea("checkingExistingRequest","Checking existing requests…")}):u().createElement(u().Fragment,null,u().createElement(r.P1,{size:16}),u().createElement("span",null,ea("btnRequestOtpWhitelisting","Request OTP Whitelisting"))))),u().createElement("div",{className:E.dataNotice},u().createElement(r.P1,{size:14}),u().createElement("span",null,ea("secureAuthDataNotice","All authentication data is securely handled and used only for identity verification.")))),"landing"===n$&&u().createElement("div",{className:E.otpTriggerContainer},u().createElement("p",null,ea("confirmationTxt","Verify the phone number before OTP")),u().createElement("div",{className:E.phoneNumberDisplay},u().createElement(l.LP,{className:E.phoneIcon}),u().createElement("span",{className:E.phoneNumber},e$?(0,U.YY)(e$):"—")),u().createElement("div",{className:E.expiryInfo},u().createElement("p",{className:E.expiryText},ea("otpExpiryInfo","The OTP will be valid for {{minutes}} minutes after it is sent.",{minutes:M})))),"verify-otp"===n$&&u().createElement("div",{className:E.otpInputContainer},u().createElement("div",{className:E.otpInstruction},ea("enterOtpSentTo","Enter the OTP code sent to")," ",u().createElement("strong",null,(0,U.YY)(e$))),eB&&u().createElement("div",{className:E.countdownSection},u().createElement(j,{expiryMinutes:M,isActive:eB,resetTrigger:ek,onExpired:function(){eh({type:"verification",message:ea("otpExpiredMessage","OTP has expired. Please request a new one.")}),el(""),eD(!1),nw("landing")},variant:"default",showIcon:!0})),u().createElement(O,{value:er,onChange:el,numInputs:v,centerBoxes:C,obscureText:x}),eT>=3&&u().createElement("div",{className:E.escapeHatch},u().createElement(a.K0D,{lowContrast:!0,hideCloseButton:!0,kind:F?"info":"warning",title:F?ea("otpFailedWhitelisted","OTP not working?"):ea("otpFailedRepeatedly","OTP failed 3 times"),subtitle:F?ea("otpFailedWhitelistedSubtitle","Try biometrics instead — biometric capture is available for whitelisted patients."):q?ea("otpFailedNotWhitelistedSubtitle","Patient may not be receiving the SMS. Submit a whitelist request to bypass OTP for future visits."):ea("otpFailedRetrySubtitle","OTP failed multiple times. Please try again or use biometrics.")}),u().createElement(a.zxk,{kind:"ghost",size:"md",className:E.escapeHatchButton,renderIcon:F?i.mP:r.P1,onClick:function(){ei?(el(""),eD(!1),nw("auth-landing")):nI()},disabled:e3},e3?u().createElement(a.lSo,{description:ea("checkingExistingRequest","Checking existing requests…")}):F?ea("switchToBiometric","Switch to biometric"):q?ea("btnRequestOtpWhitelisting","Request OTP Whitelisting"):ea("switchToBiometric","Switch to biometric")))),"biometric"===n$&&eO&&u().createElement("div",{className:E.biometricContainer},u().createElement("div",{className:E.iframeWrapper},u().createElement("iframe",{src:eO,className:E.biometricIframe,title:ea("biometricCapture","Biometric capture"),sandbox:"allow-scripts allow-same-origin allow-forms"})),u().createElement("p",{className:E.biometricHint},ea("biometricHint","Follow the on-screen instructions in the capture window.")),u().createElement("div",{className:E.whitelistPollProgress},u().createElement(a.lSo,{description:nf?"end"===(void 0===et?"start":et)?ea("biometricEndingVisit","Verified ending visit…"):ea("biometricCreatingVisit","Verified creating visit…"):ea("biometricWaitingForApproval","Waiting for SHA to confirm capture…"),status:"active"})),u().createElement("span",{className:E.whitelistPollTimer},Math.floor(ns/60),":",String(ns%60).padStart(2,"0")," /"," ",Math.floor(3),":00")),"biometric-failed"===n$&&u().createElement("div",{className:E.failedContainer},u().createElement(a.K0D,{lowContrast:!0,hideCloseButton:!0,kind:"error",title:ea("secureAuthBiometricFailedTitle","Biometric Verification Failed"),subtitle:ei?ea("secureAuthBiometricFailedBodyWhitelisted","Please try again or use OTP verification to continue."):ea("secureAuthBiometricFailedBody","Please try again or use OTP Whitelisting verification to continue.")}),u().createElement("p",{className:E.chooseLabel},ea("secureAuthChooseReason","Choose an option")),ei?u().createElement("button",{className:E.methodCard,onClick:nW},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(o.PS,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},ea("btnUseOtp","Use OTP")),u().createElement("p",{className:E.methodDesc},ea("useOtpDesc","Send a One-Time Password to the patient's registered phone or email"))),u().createElement(o._Q,{size:18,className:E.methodArrow})):u().createElement("button",{className:E.methodCard,onClick:nI,disabled:e3},u().createElement("div",{className:"".concat(E.methodIconWrap," ").concat(E.methodIconWarning)},u().createElement(r.P1,{size:22})),u().createElement("div",{className:E.methodContent},u().createElement("p",{className:E.methodTitle},ea("btnRequestOtpWhitelisting","Request OTP Whitelisting")),u().createElement("p",{className:E.methodDesc},ea("requestWhitelistDesc","Submit a whitelisting request for this patient. Once approved, OTP can be used."))),e3?u().createElement(a.lSo,null):u().createElement(o._Q,{size:18,className:E.methodArrow})),u().createElement(a.zxk,{kind:"ghost",size:"md",renderIcon:s.CQ,className:E.tryAgainButton,onClick:nT,disabled:ng||eI},ng||eI?u().createElement(a.lSo,{description:ea("biometricRetrying","Restarting…")}):ea("tryBiometricsAgain","Try biometrics again"))),"whitelist-submit"===n$&&u().createElement("div",{className:E.whitelistFormContainer},u().createElement("p",{className:E.whitelistIntro},ea("whitelistFormIntro","Submit a whitelist request so this patient can use OTP for the current visit. After approval, OTP will be sent automatically.")),u().createElement(a.Ltx,{id:"whitelist-reason-type",titleText:ea("whitelistReasonType","Reason"),label:ea("whitelistReasonTypePlaceholder","Select a reason"),items:nR,itemToString:function(e){return e?e.label:""},selectedItem:null!=(A=nR.find(function(e){return e.id===eG}))?A:null,onChange:function(e){var n,t=e.selectedItem;eH(null!=(n=null==t?void 0:t.id)?n:""),eJ(null)},disabled:e0}),nv&&u().createElement("div",{className:E.whitelistReasonHint},u().createElement("p",{className:E.whitelistReasonDesc},nv.description)),u().createElement(a.Kx8,{id:"whitelist-reason-text",labelText:ea("whitelistJustification","Justification"),helperText:ea("whitelistJustificationHelper","Explain why this patient cannot use biometric or OTP normally. Minimum {{min}} characters.",{min:10}),value:eU,onChange:function(e){return eY(e.target.value)},maxCount:500,enableCounter:!0,rows:4,disabled:e0,invalid:eU.length>0&&eU.trim().length<10,invalidText:ea("whitelistJustificationTooShort","At least {{min}} characters required.",{min:10})}),u().createElement(a.Y2U,{id:"whitelist-biometric-attempts",label:ea("biometricAttemptsLabel","Biometric attempts"),helperText:ea("biometricAttemptsHelper","How many times biometric capture has been attempted (use 0 if not applicable)."),min:0,max:50,value:eL,onChange:function(e,n){var t=n.value;eV(Math.max(0,"number"==typeof t?t:Number(t)||0))},disabled:e0}),nC&&u().createElement(a.bAu,{accept:[".pdf",".jpg",".jpeg",".png"],buttonKind:"tertiary",buttonLabel:eX?ea("replaceAttachment","Replace attachment"):ea("addAttachment","Add attachment"),filenameStatus:"edit",labelDescription:ea("attachmentRequiredDesc","Required for this reason. Attach a supporting document (PDF/JPG/PNG, max 5 MB)."),labelTitle:ea("attachment","Attachment"),multiple:!1,onChange:nO,onDelete:function(){return eJ(null)},disabled:e0}),u().createElement(a.zxk,{kind:"ghost",onClick:function(){eh(null),nw("auth-landing")},renderIcon:c.Xd,size:"md",className:E.tryAgainButton,disabled:e0},ea("back","Back"))),"whitelist-waiting"===n$&&u().createElement("div",{className:E.whitelistWaitingContainer},u().createElement("div",{className:E.whitelistWaitingIconWrap},u().createElement(p.qp,{size:32})),u().createElement("h3",{className:E.whitelistWaitingTitle},no?ea("whitelistManualCheckTitle","Check status manually"):"AUTOMATIC"===e4?ea("whitelistAutoApprovalProcessing","Processing automatic approval…"):ea("whitelistAwaitingManualReview","Awaiting manual review…")),u().createElement("p",{className:E.whitelistWaitingBody},no?ea("whitelistManualCheckBody",'Automatic checking has stopped. Tap "Check status now" to see if the request has been approved, or cancel and retry check-in later.'):"AUTOMATIC"===e4?ea("whitelistAutoApprovalBody","Your request was submitted. We are checking with SHA — this usually takes a few seconds. Once approved, OTP will be sent automatically."):ea("whitelistManualReviewBody","Your request is queued for manual review by SHA. We will keep checking. If you would rather try again later, you can cancel below.")),!no&&u().createElement(u().Fragment,null,u().createElement("div",{className:E.whitelistPollProgress},u().createElement(a.lSo,{description:ea("whitelistChecking","Checking status…"),status:"active"})),u().createElement("span",{className:E.whitelistPollTimer},nx," / ",nk)),u().createElement(a.zxk,{kind:"ghost",size:"md",renderIcon:s.CQ,className:E.tryAgainButton,onClick:function(){return nN({manual:!0})},disabled:ev},ev?u().createElement(a.lSo,{description:ea("whitelistChecking","Checking status…")}):ea("checkStatusNow","Check status now")))),u().createElement(a.mzw,null,u().createElement(a.uVA,{className:E.buttonSet},("landing"===n$||"whitelist-submit"===n$||"auth-landing"!==n$&&"biometric"!==n$&&"biometric-failed"!==n$)&&u().createElement(a.zxk,{kind:"secondary",onClick:function(){nz(),nE()},className:E.button},ea("btnCancel","Cancel")),"landing"===n$&&u().createElement(a.zxk,{kind:"primary",size:"lg",className:E.sendOtpButton,disabled:em,onClick:function(){return nD(e$)}},em?u().createElement(a.lSo,{description:ea("sendingOtp","Sending OTP...")}):(null==eg?void 0:eg.type)==="request"?ea("resendOtp","Resend OTP"):ea("sendOtpCode","Send OTP Code")),"verify-otp"===n$&&u().createElement(a.zxk,{disabled:ef||er.length!==v,kind:"primary",onClick:nB,className:E.button},ef?u().createElement(a.lSo,{description:ea("verifyingOtp","Verifying OTP")}):ea("verify","Verify")),"whitelist-submit"===n$&&u().createElement(a.zxk,{kind:"primary",onClick:nF,className:E.button,disabled:e0||!eG||eU.trim().length<10||nC&&(!eX||0===eX.size)},e0?u().createElement(a.lSo,{description:ea("submittingWhitelist","Submitting…")}):ea("submitWhitelist","Submit request")))))}},63624:function(e,n,t){function a(e){return e&&e.startsWith("+")?e.substring(1):e}t.d(n,{YY:()=>i,gg:()=>r,jc:()=>a,ss:()=>o});var i=function(e){if(!e)return"";var n=e.replace(/\D/g,"");if(n.length<8)return e;var t=n.slice(0,-6),a="*".repeat(4),i=n.slice(-2);return"".concat(t).concat(a).concat(i)};function o(e){var n,t,a,i,o,r,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"An unexpected error occurred. Please try again.";if(!e)return l;if("string"==typeof e)return e||l;var s=null==(t=e.upstream_error)||null==(n=t.message)?void 0:n.trim();if(s)return s;var c=null==(i=e.upstream_error)||null==(a=i.error)?void 0:a.trim();if(c&&"bad request"!==c.toLowerCase())return c;var p=null==(o=e.message)?void 0:o.trim();if(p)return p;var f=null==(r=e.error)?void 0:r.trim();return f&&!e.upstream_error||f?f:l}function r(e){var n,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"An unexpected error occurred. Please try again.";if(!e)return t;if("object"==typeof e&&null!==e){if(e.responseBody)return o(e.responseBody,t);if(e.data)return o(e.data,t)}if(null!=(n=Error)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n){var a=e.message;if(a)try{var i=JSON.parse(a);return o(i,a)}catch(e){return a}return t}return"object"==typeof e&&null!==e&&("upstream_error"in e||"error"in e||"message"in e)?o(e,t):t}}}]);