@digihmis/esm-outpatient-app 1.0.1 → 1.0.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 (68) hide show
  1. package/dist/117.js +1 -0
  2. package/dist/117.js.map +1 -0
  3. package/dist/132.js +1 -0
  4. package/dist/132.js.map +1 -0
  5. package/dist/152.js +1 -0
  6. package/dist/152.js.map +1 -0
  7. package/dist/209.js +1 -0
  8. package/dist/209.js.map +1 -0
  9. package/dist/271.js +15 -0
  10. package/dist/271.js.map +1 -0
  11. package/dist/304.js +1 -0
  12. package/dist/304.js.map +1 -0
  13. package/dist/317.js +1 -0
  14. package/dist/317.js.map +1 -0
  15. package/dist/349.js +1 -0
  16. package/dist/349.js.map +1 -0
  17. package/dist/371.js +1 -0
  18. package/dist/371.js.map +1 -0
  19. package/dist/378.js +1 -0
  20. package/dist/378.js.map +1 -0
  21. package/dist/395.js +12 -0
  22. package/dist/395.js.map +1 -0
  23. package/dist/442.js +1 -0
  24. package/dist/442.js.map +1 -0
  25. package/dist/45.js +1 -0
  26. package/dist/45.js.map +1 -0
  27. package/dist/466.js +1 -0
  28. package/dist/466.js.map +1 -0
  29. package/dist/508.js +1 -0
  30. package/dist/508.js.map +1 -0
  31. package/dist/564.js +1 -0
  32. package/dist/564.js.map +1 -0
  33. package/dist/594.js +1 -0
  34. package/dist/594.js.map +1 -0
  35. package/dist/61.js +1 -0
  36. package/dist/61.js.map +1 -0
  37. package/dist/640.js +1 -0
  38. package/dist/640.js.map +1 -0
  39. package/dist/689.js +1 -0
  40. package/dist/689.js.map +1 -0
  41. package/dist/709.js +1 -0
  42. package/dist/709.js.map +1 -0
  43. package/dist/712.js +1 -0
  44. package/dist/712.js.map +1 -0
  45. package/dist/720.js +1 -0
  46. package/dist/720.js.map +1 -0
  47. package/dist/742.js +1 -0
  48. package/dist/742.js.map +1 -0
  49. package/dist/771.js +1 -0
  50. package/dist/771.js.map +1 -0
  51. package/dist/806.js +1 -0
  52. package/dist/806.js.map +1 -0
  53. package/dist/912.js +1 -0
  54. package/dist/912.js.map +1 -0
  55. package/dist/913.js +1 -0
  56. package/dist/913.js.map +1 -0
  57. package/dist/940.js +1 -0
  58. package/dist/940.js.map +1 -0
  59. package/dist/digihmis-esm-outpatient-app.js +3 -0
  60. package/dist/digihmis-esm-outpatient-app.js.buildmanifest.json +827 -0
  61. package/dist/digihmis-esm-outpatient-app.js.map +1 -0
  62. package/dist/main.js +14 -0
  63. package/dist/main.js.map +1 -0
  64. package/dist/routes.json +1 -0
  65. package/package.json +3 -2
  66. package/src/dashboard.meta.ts +1 -1
  67. package/src/routes.json +1 -1
  68. package/translations/en.json +1 -1
package/dist/304.js ADDED
@@ -0,0 +1 @@
1
+ (globalThis.webpackChunk_digihmis_esm_outpatient_app=globalThis.webpackChunk_digihmis_esm_outpatient_app||[]).push([["304"],{86299(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,".-esm-outpatient__clock-in-banner__clockInBanner___bPy7U{margin-top:.5rem}.-esm-outpatient__clock-in-banner__clockInInfo___7QJgV{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:.5rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__clock-in-banner__clockInInfo___7QJgV{flex-direction:row;align-items:center;gap:.25rem}.-esm-outpatient__clock-in-banner__clockInText___0xEfP{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__clock-in-banner__clockInText___0xEfP{font-size:.875rem}.-esm-outpatient__clock-in-banner__clockInTime___Kq-SM{color:#525252;white-space:nowrap}.-esm-outpatient__clock-in-banner__alarmIcon___G0our{flex-shrink:0}.omrs-breakpoint-lt-tablet .-esm-outpatient__clock-in-banner__alarmIcon___G0our{width:18px;height:18px}","",{version:3,sources:["webpack://./../esm-commons-lib/src/clock-in-banner/clock-in-banner.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAGA,yDACE,gBCiBW,CDdb,uDACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,UAAA,CACA,SCSW,CDPX,kFACE,kBAAA,CACA,kBAAA,CACA,UCDS,CDKb,uDACE,YAAA,CACA,kBAAA,CACA,cAAA,CACA,UAAA,CAEA,kFACE,iBAAA,CAIJ,uDACE,aEeQ,CFdR,kBAAA,CAGF,qDACE,aAAA,CAEA,gFACE,UAAA,CACA,WAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/colors';\n\n.clockInBanner {\n margin-top: layout.$spacing-03;\n}\n\n.clockInInfo {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n gap: layout.$spacing-03;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n flex-direction: row;\n align-items: center;\n gap: layout.$spacing-02;\n }\n}\n\n.clockInText {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.25rem;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n font-size: 0.875rem;\n }\n}\n\n.clockInTime {\n color: colors.$gray-70;\n white-space: nowrap;\n}\n\n.alarmIcon {\n flex-shrink: 0;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n width: 18px;\n height: 18px;\n }\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","// 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:""}]),l.locals={clockInBanner:"-esm-outpatient__clock-in-banner__clockInBanner___bPy7U",clockInInfo:"-esm-outpatient__clock-in-banner__clockInInfo___7QJgV",clockInText:"-esm-outpatient__clock-in-banner__clockInText___0xEfP",clockInTime:"-esm-outpatient__clock-in-banner__clockInTime___Kq-SM",alarmIcon:"-esm-outpatient__clock-in-banner__alarmIcon___G0our"};let r=l},1388(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,".-esm-outpatient__dashboard-link__icon___kB0Fv{margin-right:.5rem}","",{version:3,sources:["webpack://./../esm-commons-lib/src/left-panel/dashboard-link.scss"],names:[],mappings:"AAAA,+CACE,kBAAA",sourcesContent:[".icon {\n margin-right: 0.5rem;\n}\n"],sourceRoot:""}]),l.locals={icon:"-esm-outpatient__dashboard-link__icon___kB0Fv"};let r=l},34219(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,".-esm-outpatient__page-header__header___hHPCF{font-size:var(--cds-body-compact-02-font-size, 1rem);font-weight:var(--cds-body-compact-02-font-weight, 400);line-height:var(--cds-body-compact-02-line-height, 1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing, 0);height:6rem;border:1px solid #e0e0e0;border-left:0px;display:flex;background:var(--cds-field);justify-content:space-between;margin-top:1.5rem}.-esm-outpatient__page-header__left-justified-items___xYCNI{display:flex;flex-direction:row;align-items:center}.-esm-outpatient__page-header__right-justified-items___TbG6Q{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;padding-top:1rem;padding-bottom:2rem}.-esm-outpatient__page-header__page-subtitle___XiuzW{font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);color:#525252;font-size:1.5rem}.-esm-outpatient__page-header__page-name___ypY2k{font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);color:#393939;font-size:1rem}.-esm-outpatient__page-header__page-labels___aRiuL p:first-of-type{margin-bottom:.25rem}.-esm-outpatient__page-header__date-and-location___xpiBs{margin-top:.5rem;display:flex;justify-content:flex-end;align-items:center;margin-right:1rem;font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);font-size:.83rem}.-esm-outpatient__page-header__value___cLNxD{margin-left:.25rem}","",{version:3,sources:["webpack://./../esm-commons-lib/src/page-header/page-header.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss"],names:[],mappings:"AAIA,8CC81BI,oDAAA,CAAA,uDAAA,CAAA,yDAAA,CAAA,2DAAA,CD51BF,WE4DW,CF3DX,wBAAA,CACA,eAAA,CACA,YAAA,CACA,2BAAA,CACA,6BAAA,CACA,iBAAA,CAGF,4DACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGF,6DC60BI,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CD30BF,aG0BQ,CHzBR,gBEOW,CFNX,mBEgBW,CFbb,qDCs0BI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CDp0BF,aGkBQ,CHjBR,gBEKW,CFHb,iDCi0BI,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CD/zBF,aGcQ,CHbR,cELW,CFSX,mEACE,oBEzBS,CF6Bb,yDACE,gBEzBW,CF0BX,YAAA,CACA,wBAAA,CACA,kBAAA,CACA,iBEnBW,CDm0BT,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CD9yBF,gBAAA,CAGF,6CACE,kBExCW",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.header {\n @include type.type-style('body-compact-02');\n height: layout.$spacing-12;\n border: 1px solid colors.$gray-20;\n border-left: 0px;\n display: flex;\n background: var(--cds-field);\n justify-content: space-between;\n margin-top: 1.5rem;\n}\n\n.left-justified-items {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.right-justified-items {\n @include type.type-style('body-01');\n color: colors.$gray-80;\n padding-top: layout.$spacing-05;\n padding-bottom: layout.$spacing-07;\n}\n\n.page-subtitle {\n @include type.type-style('caption-01');\n color: colors.$gray-70;\n font-size: layout.$spacing-06;\n}\n.page-name {\n @include type.type-style('caption-01');\n color: colors.$gray-80;\n font-size: layout.$spacing-05;\n}\n\n.page-labels {\n p:first-of-type {\n margin-bottom: layout.$spacing-02;\n }\n}\n\n.date-and-location {\n margin-top: layout.$spacing-03;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-right: layout.$spacing-05;\n @include type.type-style('caption-01');\n font-size: 0.83rem;\n}\n\n.value {\n margin-left: layout.$spacing-02;\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/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","// 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:""}]),l.locals={header:"-esm-outpatient__page-header__header___hHPCF","left-justified-items":"-esm-outpatient__page-header__left-justified-items___xYCNI","right-justified-items":"-esm-outpatient__page-header__right-justified-items___TbG6Q","page-subtitle":"-esm-outpatient__page-header__page-subtitle___XiuzW","page-name":"-esm-outpatient__page-header__page-name___ypY2k","page-labels":"-esm-outpatient__page-header__page-labels___aRiuL","date-and-location":"-esm-outpatient__page-header__date-and-location___xpiBs",value:"-esm-outpatient__page-header__value___cLNxD"};let r=l},26144(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-outpatient__outpatient-dashboard__tileContainer___QU7Z\\+{border:1px solid #c1c7cd;margin-bottom:.75rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;height:80px}.omrs-breakpoint-lt-desktop .-esm-outpatient__outpatient-dashboard__tileContainer___QU7Z\\+{padding:.75rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__tileContainer___QU7Z\\+{padding:.5rem;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:.75rem}.-esm-outpatient__outpatient-dashboard__tileHeader___hVqf4{color:#525252;margin-bottom:.5rem;text-transform:none;letter-spacing:0}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__tileHeader___hVqf4{margin-bottom:.25rem}.-esm-outpatient__outpatient-dashboard__displayDetails___\\+TZtw{display:flex;flex-direction:column;align-items:flex-start}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__displayDetails___\\+TZtw{padding:.5rem 0;border-right:none;border-bottom:1px solid #e0e0e0;padding-bottom:.75rem;margin-bottom:.5rem}.-esm-outpatient__outpatient-dashboard__countLabel___RSf14{color:#525252;margin-bottom:.25rem;font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);font-weight:bold}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__countLabel___RSf14{font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);font-weight:bold;margin-bottom:.125rem}.-esm-outpatient__outpatient-dashboard__displayData___t-QNE{color:#161616;font-weight:bold;font-size:var(--cds-caption-01-font-size, 0.75rem);font-weight:var(--cds-caption-01-font-weight, 400);line-height:var(--cds-caption-01-line-height, 1.33333);letter-spacing:var(--cds-caption-01-letter-spacing, 0.32px);font-size:25px}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__displayData___t-QNE{font-size:2.625rem;line-height:2.75rem}.-esm-outpatient__outpatient-dashboard__headerActions___rhZtI{display:flex;align-items:center;justify-content:center;padding-right:1rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__headerActions___rhZtI{gap:.25rem}.-esm-outpatient__outpatient-dashboard__dashboardContainer___IHFm4{padding:1rem;padding-bottom:0;background-color:var(--cds-field)}.omrs-breakpoint-lt-desktop .-esm-outpatient__outpatient-dashboard__dashboardContainer___IHFm4{padding:.25rem;padding-bottom:0}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__dashboardContainer___IHFm4{padding:.5rem;padding-bottom:0}.-esm-outpatient__outpatient-dashboard__clockInInfo___G6X2R{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:.5rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__clockInInfo___G6X2R{flex-direction:row;align-items:center;gap:.25rem}.-esm-outpatient__outpatient-dashboard__clockInText___OJPN3{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__clockInText___OJPN3{font-size:.875rem}.-esm-outpatient__outpatient-dashboard__clockInTime___dbc5C{color:#525252;white-space:nowrap}.-esm-outpatient__outpatient-dashboard__alarmIcon___1Zlzy{flex-shrink:0}.omrs-breakpoint-lt-tablet .-esm-outpatient__outpatient-dashboard__alarmIcon___1Zlzy{width:18px;height:18px}.-esm-outpatient__outpatient-dashboard__emptyStateContainer___taGyd{border:1px solid #e0e0e0;padding:3rem 0}.-esm-outpatient__outpatient-dashboard__tile___iGYFD{margin:auto;width:fit-content;background:#e0e0e0}.-esm-outpatient__outpatient-dashboard__tileContent___\\+sSpg{display:flex;flex-direction:column;align-items:center}.-esm-outpatient__outpatient-dashboard__content___Mbr7f{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);color:#525252;margin-bottom:.5rem}.-esm-outpatient__outpatient-dashboard__loader___xagQX{min-height:fit-content}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/main-dashboard/outpatient-dashboard.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,+DACE,wBAAA,CACA,oBCmBW,CDlBX,YAAA,CACA,qCAAA,CACA,KAAA,CACA,WAAA,CAEA,2FACE,cCYS,CDTX,0FACE,aCGS,CDFT,yBAAA,CACA,iCAAA,CACA,UCKS,CDDb,2DACE,aEsBQ,CFrBR,mBCNW,CDOX,mBAAA,CACA,gBAAA,CAEA,sFACE,oBChBS,CDoBb,gEACE,YAAA,CACA,qBAAA,CACA,sBAAA,CAEA,2FACE,eAAA,CACA,iBAAA,CACA,+BAAA,CACA,qBCnBS,CDoBT,mBCzBS,CD6Bb,2DACE,aEHQ,CFIR,oBCpCW,CEk1BT,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CH5yBF,gBAAA,CAEA,sFG0yBE,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CHxyBA,gBAAA,CACA,qBChDS,CDoDb,4DACE,aEbS,CFcT,gBAAA,CGiyBE,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CAAA,2DAAA,CH/xBF,cAAA,CAEA,uFACE,kBAAA,CACA,mBAAA,CAIJ,8DACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CAEA,yFACE,UAAA,CAIJ,mEACE,YCxDW,CDyDX,gBAAA,CACA,iCAAA,CAEA,+FACE,cC5ES,CD6ET,gBAAA,CAGF,8FACE,aC5ES,CD6ET,gBAAA,CAIJ,4DACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACA,UAAA,CACA,SCtFW,CDwFX,uFACE,kBAAA,CACA,kBAAA,CACA,UChGS,CDoGb,4DACE,YAAA,CACA,kBAAA,CACA,cAAA,CACA,UAAA,CAEA,uFACE,iBAAA,CAIJ,4DACE,aEhFQ,CFiFR,kBAAA,CAGF,0DACE,aAAA,CAEA,qFACE,UAAA,CACA,WAAA,CAIJ,oEACE,wBAAA,CACA,cAAA,CAGF,qDACE,WAAA,CACA,iBAAA,CACA,kBE1GQ,CF6GV,6DACE,YAAA,CACA,qBAAA,CACA,kBAAA,CAGF,wDGosBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CHlsBF,aEhHQ,CFiHR,mBC5IW,CD8Ib,uDACE,sBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.tileContainer {\n border: 1px solid colors.$cool-gray-30;\n margin-bottom: layout.$spacing-04;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr;\n gap: 0;\n height: 80px;\n\n :global(.omrs-breakpoint-lt-desktop) & {\n padding: layout.$spacing-04;\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n padding: layout.$spacing-03;\n grid-template-columns: 1fr;\n grid-template-rows: auto auto auto;\n gap: layout.$spacing-04;\n }\n}\n\n.tileHeader {\n color: colors.$gray-70;\n margin-bottom: layout.$spacing-03;\n text-transform: none;\n letter-spacing: 0;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n margin-bottom: layout.$spacing-02;\n }\n}\n\n.displayDetails {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n padding: layout.$spacing-03 0;\n border-right: none;\n border-bottom: 1px solid colors.$gray-20;\n padding-bottom: layout.$spacing-04;\n margin-bottom: layout.$spacing-03;\n }\n}\n\n.countLabel {\n color: colors.$gray-70;\n margin-bottom: layout.$spacing-02;\n @include type.type-style('caption-01');\n font-weight: bold;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n @include type.type-style('caption-01');\n font-weight: bold;\n margin-bottom: layout.$spacing-01;\n }\n}\n\n.displayData {\n color: colors.$gray-100;\n font-weight: bold;\n @include type.type-style('caption-01');\n font-size: 25px;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n font-size: 2.625rem;\n line-height: 2.75rem;\n }\n}\n\n.headerActions {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: 1rem;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n gap: 0.25rem;\n }\n}\n\n.dashboardContainer {\n padding: layout.$spacing-05;\n padding-bottom: 0;\n background-color: var(--cds-field);\n\n :global(.omrs-breakpoint-lt-desktop) & {\n padding: layout.$spacing-02;\n padding-bottom: 0;\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n padding: layout.$spacing-03;\n padding-bottom: 0;\n }\n}\n\n.clockInInfo {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 100%;\n gap: layout.$spacing-03;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n flex-direction: row;\n align-items: center;\n gap: layout.$spacing-02;\n }\n}\n\n.clockInText {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 0.25rem;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n font-size: 0.875rem;\n }\n}\n\n.clockInTime {\n color: colors.$gray-70;\n white-space: nowrap;\n}\n\n.alarmIcon {\n flex-shrink: 0;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n width: 18px;\n height: 18px;\n }\n}\n\n.emptyStateContainer {\n border: 1px solid colors.$gray-20;\n padding: 3rem 0;\n}\n\n.tile {\n margin: auto;\n width: fit-content;\n background: colors.$gray-20;\n}\n\n.tileContent {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.content {\n @include type.type-style('heading-compact-02');\n color: colors.$gray-70;\n margin-bottom: layout.$spacing-03;\n}\n.loader {\n min-height: fit-content;\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","// 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","//\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:""}]),l.locals={tileContainer:"-esm-outpatient__outpatient-dashboard__tileContainer___QU7Z+",tileHeader:"-esm-outpatient__outpatient-dashboard__tileHeader___hVqf4",displayDetails:"-esm-outpatient__outpatient-dashboard__displayDetails___+TZtw",countLabel:"-esm-outpatient__outpatient-dashboard__countLabel___RSf14",displayData:"-esm-outpatient__outpatient-dashboard__displayData___t-QNE",headerActions:"-esm-outpatient__outpatient-dashboard__headerActions___rhZtI",dashboardContainer:"-esm-outpatient__outpatient-dashboard__dashboardContainer___IHFm4",clockInInfo:"-esm-outpatient__outpatient-dashboard__clockInInfo___G6X2R",clockInText:"-esm-outpatient__outpatient-dashboard__clockInText___OJPN3",clockInTime:"-esm-outpatient__outpatient-dashboard__clockInTime___dbc5C",alarmIcon:"-esm-outpatient__outpatient-dashboard__alarmIcon___1Zlzy",emptyStateContainer:"-esm-outpatient__outpatient-dashboard__emptyStateContainer___taGyd",tile:"-esm-outpatient__outpatient-dashboard__tile___iGYFD",tileContent:"-esm-outpatient__outpatient-dashboard__tileContent___+sSpg",content:"-esm-outpatient__outpatient-dashboard__content___Mbr7f",loader:"-esm-outpatient__outpatient-dashboard__loader___xagQX"};let r=l},61638(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-outpatient__patient-banner__container___vrVV4{border-top:.063rem solid #e0e0e0;border-bottom:.063rem solid #e0e0e0;background-color:#f4f4f4}.-esm-outpatient__patient-banner__activePatientContainer___9a4JG,.-esm-outpatient__patient-banner__deceasedPatientContainer___KDPrt{background-color:#f4f4f4}.-esm-outpatient__patient-banner__buttonCol___r5Ldj{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.-esm-outpatient__patient-banner__patientBanner___lQ9UE{display:flex}.-esm-outpatient__patient-banner__patientAvatar___yGaKl{width:3.5rem;height:3.5rem;margin:1rem;border-radius:1px}.-esm-outpatient__patient-banner__patientAvatarButton___DRmhk{cursor:pointer;border:none;padding:0px;background:none}.-esm-outpatient__patient-banner__contactDetails___3igtL{color:#525252;width:100%;display:flex}.-esm-outpatient__patient-banner__contactDetails___3igtL a{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);text-decoration:none}.-esm-outpatient__patient-banner__tabletContactDetails___K9W6N{display:block}.-esm-outpatient__patient-banner__tabletContactDetails___K9W6N .-esm-outpatient__patient-banner__row___WwDr8:first-child{border-bottom:1px solid #e0e0e0}.-esm-outpatient__patient-banner__tabletContactDetails___K9W6N .-esm-outpatient__patient-banner__row___WwDr8>.-esm-outpatient__patient-banner__col___3CVSc:nth-of-type(2n + 1){border-right:1px solid #e0e0e0}.-esm-outpatient__patient-banner__toggleContactDetailsButton___soBi->svg{fill:#0f62fe !important}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/patient-management/patient-banner/patient-banner.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCzDF,oDACE,gCAAA,CACA,mCAAA,CACA,wBDLM,CCQR,oIAEE,wBDVM,CCaR,oDACE,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,oBAAA,CAGF,wDACE,YAAA,CAGF,wDACE,YAAA,CACA,aAAA,CACA,WCEW,CDDX,iBAAA,CAGF,8DACE,cAAA,CACA,WAAA,CACA,WAAA,CACA,eAAA,CAGF,yDACE,aDlCQ,CCmCR,UAAA,CACA,YAAA,CAEA,2DEqzBE,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFnzBA,oBAAA,CAIJ,+DACE,aAAA,CAGE,yHACE,+BAAA,CAKF,+KACE,8BAAA,CAMJ,yEACE,uBAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.container {\n border-top: 0.063rem solid $ui-03;\n border-bottom: 0.063rem solid $ui-03;\n background-color: $ui-01;\n}\n\n.activePatientContainer,\n.deceasedPatientContainer {\n background-color: $ui-01;\n}\n\n.buttonCol {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-end;\n}\n\n.patientBanner {\n display: flex;\n}\n\n.patientAvatar {\n width: 3.5rem;\n height: 3.5rem;\n margin: layout.$spacing-05;\n border-radius: 1px;\n}\n\n.patientAvatarButton {\n cursor: pointer;\n border: none;\n padding: 0px;\n background: none;\n}\n\n.contactDetails {\n color: $text-02;\n width: 100%;\n display: flex;\n\n a {\n @include type.type-style('body-compact-01');\n text-decoration: none;\n }\n}\n\n.tabletContactDetails {\n display: block;\n\n .row {\n &:first-child {\n border-bottom: 1px solid $ui-03;\n }\n }\n\n .row > .col {\n &:nth-of-type(2n + 1) {\n border-right: 1px solid $ui-03;\n }\n }\n}\n\n.toggleContactDetailsButton {\n > svg {\n fill: $color-blue-60-2 !important;\n }\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:""}]),l.locals={container:"-esm-outpatient__patient-banner__container___vrVV4",activePatientContainer:"-esm-outpatient__patient-banner__activePatientContainer___9a4JG",deceasedPatientContainer:"-esm-outpatient__patient-banner__deceasedPatientContainer___KDPrt",buttonCol:"-esm-outpatient__patient-banner__buttonCol___r5Ldj",patientBanner:"-esm-outpatient__patient-banner__patientBanner___lQ9UE",patientAvatar:"-esm-outpatient__patient-banner__patientAvatar___yGaKl",patientAvatarButton:"-esm-outpatient__patient-banner__patientAvatarButton___DRmhk",contactDetails:"-esm-outpatient__patient-banner__contactDetails___3igtL",tabletContactDetails:"-esm-outpatient__patient-banner__tabletContactDetails___K9W6N",row:"-esm-outpatient__patient-banner__row___WwDr8",col:"-esm-outpatient__patient-banner__col___3CVSc",toggleContactDetailsButton:"-esm-outpatient__patient-banner__toggleContactDetailsButton___soBi-"};let r=l},40466(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,".-esm-outpatient__patient-management__container___3iGAu{padding:1rem;margin:0 auto}.-esm-outpatient__patient-management__headerCard___hQdag{padding:1rem;margin-bottom:1rem}.-esm-outpatient__patient-management__actionBar___Nafpr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--cds-border-subtle-01)}.-esm-outpatient__patient-management__visitTag___FxZaS{margin:0}.-esm-outpatient__patient-management__vitals___XegtO{display:block;margin-bottom:1rem}.-esm-outpatient__patient-management__tabsCard___1IwjE{border:1px solid var(--cds-border-subtle)}.-esm-outpatient__patient-management__tabPanel___LPRfs{padding:0}.-esm-outpatient__patient-management__emptyTile___-HSb3{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:14rem;padding:4rem 1rem}.-esm-outpatient__patient-management__emptyIcon___MpP2e{color:var(--cds-icon-secondary);margin-bottom:.75rem}.-esm-outpatient__patient-management__emptyTitle___sKh2T{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);color:var(--cds-text-primary);margin-bottom:.25rem}.-esm-outpatient__patient-management__emptyBody___SmU8I{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);color:var(--cds-text-secondary);max-width:24rem;margin-bottom:1rem}@media(max-width: 42rem){.-esm-outpatient__patient-management__actionBar___Nafpr{align-items:stretch;flex-direction:column}.-esm-outpatient__patient-management__actionBar___Nafpr .cds--btn{width:100%;max-inline-size:none;justify-content:space-between}}.-esm-outpatient__patient-management__encounterList___m5Att{display:flex;flex-direction:column}.-esm-outpatient__patient-management__encounterListHeader___hNU-S{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.-esm-outpatient__patient-management__encounterCount___eHZOt{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:var(--cds-text-secondary);text-transform:uppercase;letter-spacing:.02em}.-esm-outpatient__patient-management__encounterTitle___DB23\\+{display:flex;flex-direction:column;gap:.25rem}.-esm-outpatient__patient-management__encounterDate___Ucsta{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);color:var(--cds-text-primary)}.-esm-outpatient__patient-management__encounterProvider___dwlMx{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:var(--cds-text-secondary)}.-esm-outpatient__patient-management__detail___U58CR{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.-esm-outpatient__patient-management__detailSection___C2rWB{display:flex;flex-direction:column;gap:.5rem}.-esm-outpatient__patient-management__detailLabel___JmUsg{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:var(--cds-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin:0}.-esm-outpatient__patient-management__tagRow___4ebDo{display:flex;flex-wrap:wrap;gap:.5rem}.-esm-outpatient__patient-management__obsGrid___Ne3nl{display:grid;grid-template-columns:minmax(10rem, 18rem) 1fr;gap:.5rem 1rem;margin:0}.-esm-outpatient__patient-management__obsRow___8KCzP{display:contents}.-esm-outpatient__patient-management__obsName___xayN6{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);color:var(--cds-text-secondary)}.-esm-outpatient__patient-management__obsValue___Mpe8i{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);color:var(--cds-text-primary);margin:0;overflow-wrap:anywhere}.-esm-outpatient__patient-management__orderList___Kk\\+JR{margin:0;padding-left:1rem;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);color:var(--cds-text-primary)}.-esm-outpatient__patient-management__encounterActions___YbXWc{display:flex;align-items:center;gap:.5rem}.-esm-outpatient__patient-management__rowActionCell___H7X-u{text-align:right;width:3rem}","",{version:3,sources:["webpack://./src/patient-management/patient-management.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAGA,wDACE,YC2BW,CD1BX,aAAA,CAIF,yDACE,YCqBW,CDpBX,kBCoBW,CDjBb,wDACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,cAAA,CACA,UCOW,CDNX,eCWW,CDVX,gBCUW,CDTX,gDAAA,CAGF,uDACE,QAAA,CAGF,qDACE,aAAA,CACA,kBAAA,CAIF,uDACE,yCAAA,CAGF,uDACE,SAAA,CAIF,wDACE,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CACA,iBAAA,CACA,gBAAA,CACA,iBAAA,CAGF,wDACE,+BAAA,CACA,oBC9BW,CDiCb,yDEuyBI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CFryBF,6BAAA,CACA,oBC9CW,CDiDb,wDEiyBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF/xBF,+BAAA,CACA,eAAA,CACA,kBCtCW,CD0Cb,yBACE,wDACE,mBAAA,CACA,qBAAA,CAGF,kEACE,UAAA,CACA,oBAAA,CACA,6BAAA,CAAA,CAMJ,4DACE,YAAA,CACA,qBAAA,CAGF,kEACE,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,QClEW,CDmEX,mBC7EW,CDgFb,6DE6vBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CF3vBF,+BAAA,CACA,wBAAA,CACA,oBAAA,CAGF,8DACE,YAAA,CACA,qBAAA,CACA,UC/FW,CDkGb,4DEgvBI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CF9uBF,6BAAA,CAGF,gEE2uBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFzuBF,+BAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,QChGW,CDiGX,eAAA,CAGF,4DACE,YAAA,CACA,qBAAA,CACA,SCjHW,CDoHb,0DEytBI,gDAAA,CAAA,gDAAA,CAAA,oDAAA,CAAA,yDAAA,CFvtBF,+BAAA,CACA,wBAAA,CACA,oBAAA,CACA,QAAA,CAGF,qDACE,YAAA,CACA,cAAA,CACA,SC/HW,CDkIb,sDACE,YAAA,CACA,8CAAA,CACA,cAAA,CACA,QAAA,CAGF,qDACE,gBAAA,CAGF,sDEgsBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CF9rBF,+BAAA,CAGF,uDE2rBI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFzrBF,6BAAA,CACA,QAAA,CACA,sBAAA,CAGF,yDACE,QAAA,CACA,iBCjJW,CCm0BT,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CFhrBF,6BAAA,CAGF,+DACE,YAAA,CACA,kBAAA,CACA,SCnKW,CDsKb,4DACE,gBAAA,CACA,UAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n\n.container {\n padding: layout.$spacing-05;\n margin: 0 auto;\n}\n\n/* ---- Header card: banner + visit status + primary action ---- */\n.headerCard {\n padding: layout.$spacing-05;\n margin-bottom: layout.$spacing-05;\n}\n\n.actionBar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: layout.$spacing-04;\n margin-top: layout.$spacing-05;\n padding-top: layout.$spacing-05;\n border-top: 1px solid var(--cds-border-subtle-01);\n}\n\n.visitTag {\n margin: 0;\n}\n\n.vitals {\n display: block;\n margin-bottom: layout.$spacing-05;\n}\n\n/* ---- Tabs card ---- */\n.tabsCard {\n border: 1px solid var(--cds-border-subtle);\n}\n\n.tabPanel {\n padding: 0;\n}\n\n/* ---- Empty state inside each tab ---- */\n.emptyTile {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n min-height: 14rem;\n padding: layout.$spacing-10 layout.$spacing-05;\n}\n\n.emptyIcon {\n color: var(--cds-icon-secondary);\n margin-bottom: layout.$spacing-04;\n}\n\n.emptyTitle {\n @include type.type-style('heading-compact-01');\n color: var(--cds-text-primary);\n margin-bottom: layout.$spacing-02;\n}\n\n.emptyBody {\n @include type.type-style('body-compact-01');\n color: var(--cds-text-secondary);\n max-width: 24rem;\n margin-bottom: layout.$spacing-05;\n}\n\n/* Responsive: stack the action bar on narrow / tablet layouts (Carbon md breakpoint = 42rem) */\n@media (max-width: 42rem) {\n .actionBar {\n align-items: stretch;\n flex-direction: column;\n }\n\n .actionBar :global(.cds--btn) {\n width: 100%;\n max-inline-size: none;\n justify-content: space-between;\n }\n}\n\n/* ---------- Clinical encounters list ---------- */\n\n.encounterList {\n display: flex;\n flex-direction: column;\n}\n\n.encounterListHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: layout.$spacing-05;\n margin-bottom: layout.$spacing-03;\n}\n\n.encounterCount {\n @include type.type-style('label-01');\n color: var(--cds-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.02em;\n}\n\n.encounterTitle {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-02;\n}\n\n.encounterDate {\n @include type.type-style('heading-compact-01');\n color: var(--cds-text-primary);\n}\n\n.encounterProvider {\n @include type.type-style('label-01');\n color: var(--cds-text-secondary);\n}\n\n.detail {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-05;\n padding: layout.$spacing-03 0;\n}\n\n.detailSection {\n display: flex;\n flex-direction: column;\n gap: layout.$spacing-03;\n}\n\n.detailLabel {\n @include type.type-style('label-01');\n color: var(--cds-text-secondary);\n text-transform: uppercase;\n letter-spacing: 0.02em;\n margin: 0;\n}\n\n.tagRow {\n display: flex;\n flex-wrap: wrap;\n gap: layout.$spacing-03;\n}\n\n.obsGrid {\n display: grid;\n grid-template-columns: minmax(10rem, 18rem) 1fr;\n gap: layout.$spacing-03 layout.$spacing-05;\n margin: 0;\n}\n\n.obsRow {\n display: contents;\n}\n\n.obsName {\n @include type.type-style('body-compact-01');\n color: var(--cds-text-secondary);\n}\n\n.obsValue {\n @include type.type-style('body-compact-01');\n color: var(--cds-text-primary);\n margin: 0;\n overflow-wrap: anywhere;\n}\n\n.orderList {\n margin: 0;\n padding-left: layout.$spacing-05;\n @include type.type-style('body-compact-01');\n color: var(--cds-text-primary);\n}\n\n.encounterActions {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n}\n\n.rowActionCell {\n text-align: right;\n width: 3rem;\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:""}]),l.locals={container:"-esm-outpatient__patient-management__container___3iGAu",headerCard:"-esm-outpatient__patient-management__headerCard___hQdag",actionBar:"-esm-outpatient__patient-management__actionBar___Nafpr",visitTag:"-esm-outpatient__patient-management__visitTag___FxZaS",vitals:"-esm-outpatient__patient-management__vitals___XegtO",tabsCard:"-esm-outpatient__patient-management__tabsCard___1IwjE",tabPanel:"-esm-outpatient__patient-management__tabPanel___LPRfs",emptyTile:"-esm-outpatient__patient-management__emptyTile___-HSb3",emptyIcon:"-esm-outpatient__patient-management__emptyIcon___MpP2e",emptyTitle:"-esm-outpatient__patient-management__emptyTitle___sKh2T",emptyBody:"-esm-outpatient__patient-management__emptyBody___SmU8I",encounterList:"-esm-outpatient__patient-management__encounterList___m5Att",encounterListHeader:"-esm-outpatient__patient-management__encounterListHeader___hNU-S",encounterCount:"-esm-outpatient__patient-management__encounterCount___eHZOt",encounterTitle:"-esm-outpatient__patient-management__encounterTitle___DB23+",encounterDate:"-esm-outpatient__patient-management__encounterDate___Ucsta",encounterProvider:"-esm-outpatient__patient-management__encounterProvider___dwlMx",detail:"-esm-outpatient__patient-management__detail___U58CR",detailSection:"-esm-outpatient__patient-management__detailSection___C2rWB",detailLabel:"-esm-outpatient__patient-management__detailLabel___JmUsg",tagRow:"-esm-outpatient__patient-management__tagRow___4ebDo",obsGrid:"-esm-outpatient__patient-management__obsGrid___Ne3nl",obsRow:"-esm-outpatient__patient-management__obsRow___8KCzP",obsName:"-esm-outpatient__patient-management__obsName___xayN6",obsValue:"-esm-outpatient__patient-management__obsValue___Mpe8i",orderList:"-esm-outpatient__patient-management__orderList___Kk+JR",encounterActions:"-esm-outpatient__patient-management__encounterActions___YbXWc",rowActionCell:"-esm-outpatient__patient-management__rowActionCell___H7X-u"};let r=l},78328(e,n,t){"use strict";t.d(n,{A:()=>r});var a=t(71452),i=t.n(a),o=t(34567),l=t.n(o)()(i());l.push([e.id,":root{--brand-01: #005d5d;--brand-02: #004144;--brand-03: #007d79;--bottom-nav-height: 4rem;--workspace-header-height: 3rem;--tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));--desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height))}.-esm-outpatient__queue-room-table__activeVisitsContainer___Snu1D{background-color:#fff;border:1px solid #e0e0e0;width:100%;margin:1rem auto;max-width:95vw;padding-bottom:0}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__activeVisitsContainer___Snu1D{margin:.5rem auto;max-width:100vw;border-left:none;border-right:none}.-esm-outpatient__queue-room-table__tableContainer___K2mJS{width:100%}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__tableContainer___K2mJS{overflow-x:auto}.-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp{width:100%}.-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp th,.-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp td{white-space:nowrap;text-align:left}.-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp tbody tr[data-parent-row]:nth-last-of-type(2)>td{border-bottom:none}.omrs-breakpoint-lt-desktop .-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp th,.omrs-breakpoint-lt-desktop .-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp td{padding:.5rem;font-size:.875rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp th,.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp td{padding:.25rem;font-size:.8125rem}.-esm-outpatient__queue-room-table__loadingContainer___l5RYB{display:flex;justify-content:center;align-items:center;padding:2rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__loadingContainer___l5RYB{padding:1rem}.-esm-outpatient__queue-room-table__emptyStateContainer___OeUeG{border:1px solid #e0e0e0;padding:3rem 0}.omrs-breakpoint-lt-desktop .-esm-outpatient__queue-room-table__emptyStateContainer___OeUeG{padding:2rem 0}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__emptyStateContainer___OeUeG{padding:1.5rem 0;border-left:none;border-right:none}.-esm-outpatient__queue-room-table__tile___jYW2h{margin:auto;width:fit-content;background:#e0e0e0}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__tile___jYW2h{width:90%;padding:.75rem}.-esm-outpatient__queue-room-table__tileContent___NAOpl{display:flex;flex-direction:column;align-items:center}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__tileContent___NAOpl{text-align:center}.-esm-outpatient__queue-room-table__content___p51Zs{font-size:var(--cds-heading-compact-02-font-size, 1rem);font-weight:var(--cds-heading-compact-02-font-weight, 600);line-height:var(--cds-heading-compact-02-line-height, 1.375);letter-spacing:var(--cds-heading-compact-02-letter-spacing, 0);color:#525252;margin-bottom:.5rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__content___p51Zs{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)}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__emptyStateHelperText___iV0uK{font-size:.875rem;padding:0 .5rem}.-esm-outpatient__queue-room-table__waitTime___2inKK{display:flex;align-items:center;gap:.25rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__waitTime___2inKK{gap:.125rem;font-size:.75rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__waitTime___2inKK svg{width:14px;height:14px}.-esm-outpatient__queue-room-table__longWait___5Nlu8{display:flex;align-items:center;gap:.5rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__longWait___5Nlu8{gap:.25rem}.-esm-outpatient__queue-room-table__actions___Fjxeq{display:flex;flex-direction:row;align-items:center}.omrs-breakpoint-lt-desktop .-esm-outpatient__queue-room-table__actions___Fjxeq{gap:.25rem;flex-direction:row}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__actions___Fjxeq{gap:.25rem;flex-direction:row}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__actions___Fjxeq button{font-size:.75rem;padding:.25rem .5rem}.-esm-outpatient__queue-room-table__pagination___5bQaH{background-color:#e0e0e0;border:1px solid #e0e0e0}.omrs-breakpoint-lt-desktop .-esm-outpatient__queue-room-table__pagination___5bQaH{font-size:.875rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__pagination___5bQaH{flex-wrap:wrap;padding:.5rem}.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__pagination___5bQaH .cds--pagination__left,.omrs-breakpoint-lt-tablet .-esm-outpatient__queue-room-table__pagination___5bQaH .cds--pagination__right{width:100%;justify-content:center;margin:.25rem 0}","",{version:3,sources:["webpack://./../../node_modules/@openmrs/esm-styleguide/src/_vars.scss","webpack://./src/queue-room-table/queue-room-table.scss","webpack://./../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../node_modules/@carbon/colors/index.scss","webpack://./../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAsDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCxDF,kEACE,qBDHM,CCIN,wBAAA,CACA,UAAA,CACA,gBAAA,CACA,cAAA,CACA,gBAAA,CAEA,6FACE,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CAIJ,2DACE,UAAA,CAEA,sFACE,eAAA,CAIJ,8DACE,UAAA,CAEA,kIAEE,kBAAA,CACA,eAAA,CAIA,+GACE,kBAAA,CAKF,0LAEE,aC1BO,CD2BP,iBAAA,CAKF,wLAEE,cCvCO,CDwCP,kBAAA,CAKN,6DACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,YCxBW,CD0BX,wFACE,YCrCS,CDyCb,gEACE,wBAAA,CACA,cAAA,CAEA,4FACE,cAAA,CAGF,2FACE,gBAAA,CACA,gBAAA,CACA,iBAAA,CAIJ,iDACE,WAAA,CACA,iBAAA,CACA,kBE/CQ,CFiDR,4EACE,SAAA,CACA,cCpES,CDwEb,wDACE,YAAA,CACA,qBAAA,CACA,kBAAA,CAEA,mFACE,iBAAA,CAIJ,oDGsvBI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CHpvBF,aE9DQ,CF+DR,mBC1FW,CD4FX,+EGivBE,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CH3uBF,4FACE,iBAAA,CACA,eAAA,CAIJ,qDACE,YAAA,CACA,kBAAA,CACA,UChHW,CDkHX,gFACE,WCxHS,CDyHT,gBAAA,CAEA,oFACE,UAAA,CACA,WAAA,CAKN,qDACE,YAAA,CACA,kBAAA,CACA,SC3HW,CD6HX,gFACE,UCnIS,CDuIb,oDACE,YAAA,CACA,kBAAA,CACA,kBAAA,CAGA,gFACE,UC9IS,CD+IT,kBAAA,CAGF,+EACE,UCnJS,CDoJT,kBAAA,CAEA,sFACE,gBAAA,CACA,oBAAA,CAKN,uDACE,wBEnIQ,CFoIR,wBAAA,CAEA,mFACE,iBAAA,CAGF,kFACE,cAAA,CACA,aClKS,CDoKT,mNAEE,UAAA,CACA,sBAAA,CACA,eAAA",sourcesContent:["@use '@carbon/layout';\n\n$ui-01: #f4f4f4;\n$ui-02: #ffffff;\n$ui-03: #e0e0e0;\n$ui-04: #8d8d8d;\n$ui-05: #161616;\n$text-02: #525252;\n$text-03: #a8a8a8;\n$ui-background: #ffffff;\n$color-gray-30: #c6c6c6;\n$color-gray-70: #525252;\n$color-gray-100: #161616;\n$color-blue-60-2: #0f62fe;\n$color-blue-10: #edf5ff;\n$color-yellow-50: #feecae;\n$carbon--red-50: #fa4d56;\n$inverse-link: #78a9ff;\n$support-02: #24a148;\n$inverse-support-03: #f1c21b;\n$warning-background: #fff8e1;\n$openmrs-background-grey: #f4f4f4;\n$danger: #da1e28;\n$interactive-01: #0f62fe;\n$field-01: #f4f4f4;\n$grey-2: #e0e0e0;\n$labeldropdown: #c6c6c6;\n\n$brand-primary-10: #d9fbfb;\n$brand-primary-20: #9ef0f0;\n$brand-primary-30: #3ddbd9;\n$brand-primary-40: #08bdba;\n$brand-primary-50: #009d9a;\n\n/* 60,70 and 80 are already declared as brand-01, 02 and 03 respectively */\n\n$brand-primary-90: #022b30;\n$brand-primary-100: #081a1c;\n\n@mixin brand-01($property) {\n #{$property}: #005d5d;\n #{$property}: var(--brand-01);\n}\n\n@mixin brand-02($property) {\n #{$property}: #004144;\n #{$property}: var(--brand-02);\n}\n\n@mixin brand-03($property) {\n #{$property}: #007d79;\n #{$property}: var(--brand-03);\n}\n\n:root {\n --brand-01: #005d5d;\n --brand-02: #004144;\n --brand-03: #007d79;\n --bottom-nav-height: #{layout.$spacing-10};\n --workspace-header-height: #{layout.$spacing-09};\n --tablet-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--bottom-nav-height));\n --desktop-workspace-window-height: calc(100vh - var(--omrs-navbar-height) - var(--workspace-header-height));\n}\n\n$breakpoint-phone-min: 0px;\n$breakpoint-phone-max: 600px;\n$breakpoint-tablet-min: 601px;\n$breakpoint-tablet-max: 1023px;\n$breakpoint-small-desktop-min: 1024px;\n$breakpoint-small-desktop-max: 1439px;\n$breakpoint-large-desktop-min: 1440px;\n$breakpoint-large-desktop-max: 99999999px;\n\n/* These color variables will be removed in a future release */\n$brand-teal-01: #007d79;\n$brand-01: #005d5d;\n$brand-02: #004144;\n","@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n@use '@openmrs/esm-styleguide/src/vars' as *;\n\n.activeVisitsContainer {\n background-color: $ui-02;\n border: 1px solid $ui-03;\n width: 100%;\n margin: 1rem auto;\n max-width: 95vw;\n padding-bottom: 0;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n margin: 0.5rem auto;\n max-width: 100vw;\n border-left: none;\n border-right: none;\n }\n}\n\n.tableContainer {\n width: 100%;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n overflow-x: auto;\n }\n}\n\n.activeVisitsTable {\n width: 100%;\n\n th,\n td {\n white-space: nowrap;\n text-align: left;\n }\n\n tbody tr[data-parent-row] {\n &:nth-last-of-type(2) > td {\n border-bottom: none;\n }\n }\n\n :global(.omrs-breakpoint-lt-desktop) & {\n th,\n td {\n padding: layout.$spacing-03;\n font-size: 0.875rem;\n }\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n th,\n td {\n padding: layout.$spacing-02;\n font-size: 0.8125rem;\n }\n }\n}\n\n.loadingContainer {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: layout.$spacing-07;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n padding: layout.$spacing-05;\n }\n}\n\n.emptyStateContainer {\n border: 1px solid colors.$gray-20;\n padding: 3rem 0;\n\n :global(.omrs-breakpoint-lt-desktop) & {\n padding: 2rem 0;\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n padding: 1.5rem 0;\n border-left: none;\n border-right: none;\n }\n}\n\n.tile {\n margin: auto;\n width: fit-content;\n background: colors.$gray-20;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n width: 90%;\n padding: layout.$spacing-04;\n }\n}\n\n.tileContent {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n text-align: center;\n }\n}\n\n.content {\n @include type.type-style('heading-compact-02');\n color: colors.$gray-70;\n margin-bottom: layout.$spacing-03;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n @include type.type-style('heading-compact-01');\n }\n}\n\n.emptyStateHelperText {\n :global(.omrs-breakpoint-lt-tablet) & {\n font-size: 0.875rem;\n padding: 0 layout.$spacing-03;\n }\n}\n\n.waitTime {\n display: flex;\n align-items: center;\n gap: layout.$spacing-02;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n gap: layout.$spacing-01;\n font-size: 0.75rem;\n\n svg {\n width: 14px;\n height: 14px;\n }\n }\n}\n\n.longWait {\n display: flex;\n align-items: center;\n gap: layout.$spacing-03;\n\n :global(.omrs-breakpoint-lt-tablet) & {\n gap: layout.$spacing-02;\n }\n}\n\n.actions {\n display: flex;\n flex-direction: row;\n align-items: center;\n // flex-wrap: wrap;\n\n :global(.omrs-breakpoint-lt-desktop) & {\n gap: layout.$spacing-02;\n flex-direction: row;\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n gap: layout.$spacing-02;\n flex-direction: row;\n\n button {\n font-size: 0.75rem;\n padding: layout.$spacing-02 layout.$spacing-03;\n }\n }\n}\n\n.pagination {\n background-color: colors.$gray-20;\n border: 1px solid colors.$gray-20;\n\n :global(.omrs-breakpoint-lt-desktop) & {\n font-size: 0.875rem;\n }\n\n :global(.omrs-breakpoint-lt-tablet) & {\n flex-wrap: wrap;\n padding: layout.$spacing-03;\n\n :global(.cds--pagination__left),\n :global(.cds--pagination__right) {\n width: 100%;\n justify-content: center;\n margin: layout.$spacing-02 0;\n }\n }\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","// 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","//\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:""}]),l.locals={activeVisitsContainer:"-esm-outpatient__queue-room-table__activeVisitsContainer___Snu1D",tableContainer:"-esm-outpatient__queue-room-table__tableContainer___K2mJS",activeVisitsTable:"-esm-outpatient__queue-room-table__activeVisitsTable___9WHcp",loadingContainer:"-esm-outpatient__queue-room-table__loadingContainer___l5RYB",emptyStateContainer:"-esm-outpatient__queue-room-table__emptyStateContainer___OeUeG",tile:"-esm-outpatient__queue-room-table__tile___jYW2h",tileContent:"-esm-outpatient__queue-room-table__tileContent___NAOpl",content:"-esm-outpatient__queue-room-table__content___p51Zs",emptyStateHelperText:"-esm-outpatient__queue-room-table__emptyStateHelperText___iV0uK",waitTime:"-esm-outpatient__queue-room-table__waitTime___2inKK",longWait:"-esm-outpatient__queue-room-table__longWait___5Nlu8",actions:"-esm-outpatient__queue-room-table__actions___Fjxeq",pagination:"-esm-outpatient__queue-room-table__pagination___5bQaH"};let r=l},84767(e,n,t){var a={"./en.json":["34300","117"],"./zh.json":["35661","742"],"./ar.json":["14132","45"],"./he.json":["84652","317"],"./sw.json":["89913","378"],"./am.json":["81197","806"],"./es.json":["93099","912"],"./fr.json":["94055","508"],"./km.json":["54335","940"],"./pt.json":["96679","132"],"./vi.json":["79214","371"]};function i(e){if(!t.o(a,e))return Promise.resolve().then(function(){var n=Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n});var n=a[e],i=n[0];return t.e(n[1]).then(function(){return t(i)})}i.keys=()=>Object.keys(a),i.id=84767,e.exports=i},87667(e,n,t){"use strict";t.r(n),t.d(n,{outpatientQueueDashboard:()=>eG,leftPanelLink:()=>eL,startupApp:()=>eH,carePanel:()=>eR,importTranslation:()=>eP,carePanelLink:()=>eW});var a=t(64710),i={outpatientIcon:{src:{_type:a.Type.String,_default:"/openmrs/spa/outpatient.svg",_description:"The path or URL to the logo image. If set to an empty string, the default OpenMRS SVG sprite will be used.",_validators:[a.validators.isUrl]}},outpatientQueueUuid:{_type:a.Type.String,_description:"The UUID of the queue room to be used for outpatient.",_default:"13b5ce7a-cc47-434f-94d7-c7533f1d4b58"},concepts:{waitingStatusUuid:{_type:a.Type.UUID,_default:"167407AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",_description:"UUID for waiting status concept"},inServiceStatusUuid:{_type:a.Type.UUID,_default:"167408AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",_description:"UUID for in-service status concept"},completedStatusUuid:{_type:a.Type.UUID,_default:"167409AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",_description:"UUID for completed status concept"}},OpenmrsIdentifierTypeUuid:{_type:a.Type.UUID,_default:"dfacd928-0370-4315-99d7-6ec1c9f7ae76",_description:"UUID for OpenMRS Identifier Type"},symptomsConceptAnswers:{_type:a.Type.Array,_description:"Array of symptom concept objects with concept UUID and label",_default:[]},tuberculosisContactQuestionConceptUuid:{_type:a.Type.UUID,_description:"UUID for tuberculosis contact question concept",_default:"124068AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},QuestionObservationConceptAnswers:{_type:a.Type.Array,_description:"Array of question observation concept answer objects",_default:[]},coughConceptUuid:{_type:a.Type.UUID,_description:"UUID for cough concept",_default:"143264AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},onsetStatusAnswers:{_type:a.Type.Array,_description:"Array of onset status answer objects with label and concept UUID",_default:[]},pastIllnessConceptUuid:{_type:a.Type.UUID,_description:"UUID for past illness concept",_default:"159520AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},pastIllnessAnswers:{_type:a.Type.Array,_description:"Array of past illness concept answer objects with concept UUID and label",_default:[]},generalExaminationConceptUuid:{_type:a.Type.UUID,_description:"UUID for general examination concept",_default:"162737AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},generalExaminationConceptAnswers:{_type:a.Type.Array,_description:"Array of general examination concept answer objects with concept UUID and label",_default:[]},gaitFindingConceptUuid:{_type:a.Type.UUID,_description:"UUID for gait finding concept",_default:"5108AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},gaitFindingConceptAnswers:{_type:a.Type.Array,_description:"Array of gait finding concept answer objects with concept UUID and label",_default:[]},jaundiceGradingConceptUuid:{_type:a.Type.UUID,_description:"UUID for jaundice grading concept",_default:"164448AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},jaundiceGradingAnswers:{_type:a.Type.Array,_description:"Array of jaundice grading answer objects with concept UUID and label",_default:[]},cyanosisTypeConceptUuid:{_type:a.Type.UUID,_description:"UUID for cyanosis type concept",_default:"136443AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},cyanosisTypeAnswers:{_type:a.Type.Array,_description:"Array of cyanosis type answer objects with concept UUID and label",_default:[]},dehydrationTypeConceptUuid:{_type:a.Type.UUID,_description:"UUID for dehydration type concept",_default:"142630AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},dehydrationTypeAnswers:{_type:a.Type.Array,_description:"Array of dehydration type answer objects with concept UUID and label",_default:[]},fingerclubGradingConceptUuid:{_type:a.Type.UUID,_description:"UUID for fingerclub grading concept",_default:"140125AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},fingerclubGradingAnswers:{_type:a.Type.Array,_description:"Array of fingerclub grading answer objects with concept UUID and label",_default:[]},oedemaLocationConceptUuid:{_type:a.Type.UUID,_description:"UUID for oedema location concept",_default:"460AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},oedemaLocationAnswers:{_type:a.Type.Array,_description:"Array of oedema location answer objects with concept UUID and label",_default:[]},oedemaTypeConceptUuid:{_type:a.Type.UUID,_description:"UUID for oedema type concept",_default:"166852AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},oedemaTypeAnswers:{_type:a.Type.Array,_description:"Array of oedema type answer objects with concept UUID and label",_default:[]},oedemaGradingConceptUuid:{_type:a.Type.UUID,_description:"UUID for oedema grading concept",_default:"166852AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},oedemaGradingAnswers:{_type:a.Type.Array,_description:"Array of oedema grading answer objects with concept UUID and label",_default:[]},pallorLocationConceptUuid:{_type:a.Type.UUID,_description:"UUID for pallor location concept",_default:"5245AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},pallorLocationAnswers:{_type:a.Type.Array,_description:"Array of pallor location answer objects with concept UUID and label",_default:[]},pallorGradingConceptUuid:{_type:a.Type.UUID,_description:"UUID for pallor grading concept",_default:"5245AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},pallorGradingAnswers:{_type:a.Type.Array,_description:"Array of pallor grading answer objects with concept UUID and label",_default:[]},siteLymphadenopathyConceptUuid:{_type:a.Type.UUID,_description:"UUID for site lymphadenopathy concept",_default:"5245AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},siteLymphadenopathyAnswers:{_type:a.Type.Array,_description:"Array of site lymphadenopathy answer objects with concept UUID and label",_default:[]},orders:{_type:a.Type.Object,_description:"List of lab orderable concepts",_default:{labOrderableConcepts:[],labOrderTypeUuid:""}},procedureOrderTypeUuid:{_type:a.Type.String,_description:"Procedure Order type UUID",_default:"b4a7c280-369e-4d12-9ce8-18e36783fed6"},procedureConceptSetUuid:{_type:a.Type.String,_description:"Procedure Concept SET UUID",_default:"165418AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},visitAttributeTypes:{paymentMethods:{_type:a.Type.String,_description:"The payment methods visit attribute uuid",_default:"e6cb0c3b-04b0-4117-9bc6-ce24adbda802"},insuranceScheme:{_type:a.Type.String,_description:"The insurance scheme visit attribute uuid",_default:"2d0fa959-6780-41f1-85b1-402045935068"},policyNumber:{_type:a.Type.String,_description:"The policy number visit attribute uuid",_default:"0f4f3306-f01b-43c6-af5b-fdb60015cb02"}},insurancePaymentMethod:{_type:a.Type.String,_description:"Insurance Payment method UUID",_default:"beac329b-f1dc-4a33-9e7c-d95821a137a6"},patientOutcomeConceptUuid:{_type:a.Type.UUID,_description:"UUID for patient outcome concept",_default:"160433AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},patientOutcomeAnswers:{_type:a.Type.Array,_description:"Array of patient outcome answer objects with concept UUID and label",_default:[{concept:"160035AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",label:"Review"},{concept:"1654AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA",label:"Admit"},{concept:"9008cf1c-8631-440b-8fde-061ff273c04c",label:"Internal Referral"}]},SurgicalOutpatientDepartmentServiceConceptUuid:{_type:a.Type.String,_description:"Configuration for the surgical outpatient department",_default:"164164AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},LaboratoryServiceConceptUuid:{_type:a.Type.String,_description:"Configuration for the laboratory services",_default:"c9604249-db0a-4d03-b074-fc6bc2fa13e6"},ImagingServiceConceptUuid:{_type:a.Type.String,_description:"Configuration for the imaging services",_default:"160463AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"},localeCurrencyMapping:{_type:a.Type.Object,_description:"Mapping of locale codes to currency codes for internationalization",_default:{en:"KES",sw:"KES",am:"ETB",ar:"SAR",es:"EUR",fr:"EUR",he:"ILS",km:"KHR",pt:"EUR",vi:"VND",zh:"CNY","en-KE":"KES","sw-KE":"KES","am-ET":"ETB"}}},o=t(78285),l=t(85951),r={name:"outpatient",slot:"outpatient-dashboard-slot",title:"Outpatient queue",icon:o.ft},s={name:"outpatient/patient/:patientUuid/file",slot:"outpatient-file-dashboard-slot",title:"Patient file",icon:l.qc,showOnlyOnRoute:"/file"},c=t(62500),p=t.n(c),u=function(e){var n=e.src,t=e.alt,a=e.className,i=e.style,o=e.size,l=void 0===o?"2.5rem":o;return n?p().createElement("img",{src:n,alt:void 0===t?"Icon":t,className:a,style: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}({width:l,height:l},i)}):null},d=t(58466),f=t(72591),g=t.n(f),y=t(1740),h=t.n(y),b=t(88128),m=t.n(b),$=t(30855),A=t.n($),v=t(93051),_=t.n(v),w=t(73656),k=t.n(w),C=t(34219),x={};x.styleTagTransform=k(),x.setAttributes=A(),x.insert=m().bind(null,"head"),x.domAPI=h(),x.insertStyleElement=_(),g()(C.A,x);let z=C.A&&C.A.locals?C.A.locals:void 0;var E=function(e){var n,t=e.title,i=e.iconSrc,o=e.iconAlt,l=(0,a.useSession)(),r=null==l||null==(n=l.sessionLocation)?void 0:n.display;return p().createElement("div",{className:z.header},p().createElement("div",{className:z["left-justified-items"]},p().createElement(u,{src:i,alt:o,style:{width:"100px",height:"148px"}}),p().createElement("div",{className:z["page-labels"]},p().createElement("p",{className:z["page-name"]},r),p().createElement("p",{className:z["page-subtitle"]},t))),p().createElement("div",{className:z["right-justified-items"]},p().createElement("div",{className:z.extensionSlot},p().createElement(a.ExtensionSlot,{name:"provider-banner-slot"}),p().createElement("div",{className:z["date-and-location"]},p().createElement(d.Vv,{size:16}),p().createElement("span",{className:z.value},(0,a.formatDate)(new Date,{mode:"wide",noToday:!0}))))))},M=t(71641),D=t(17958),T=t(86299),B={};B.styleTagTransform=k(),B.setAttributes=A(),B.insert=m().bind(null,"head"),B.domAPI=h(),B.insertStyleElement=_(),g()(T.A,B),T.A&&T.A.locals&&T.A.locals;var I=t(1388),S={};S.styleTagTransform=k(),S.setAttributes=A(),S.insert=m().bind(null,"head"),S.domAPI=h(),S.insertStyleElement=_(),g()(I.A,S);let N=I.A&&I.A.locals?I.A.locals:void 0;function U(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}var O=function(e){var n,t,i,o,l=e.dashboardLinkConfig,r=(0,M.useTranslation)().t,s=l.name,u=l.title,d=l.icon,f=l.showOnlyOnRoute,g=(i=(t=function(e){if(Array.isArray(e))return e}(n=(0,c.useState)(function(){return window.location.pathname}))||function(e){var n,t,a=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var i=[],o=!0,l=!1;try{for(a=a.call(e);!(o=(n=a.next()).done)&&(i.push(n.value),2!==i.length);o=!0);}catch(e){l=!0,t=e}finally{try{o||null==a.return||a.return()}finally{if(l)throw t}}return i}}(n)||function(e){if(e){if("string"==typeof e)return U(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return U(e,2)}}(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.")}())[0],o=t[1],(0,c.useEffect)(function(){var e=function(){return o(window.location.pathname)};return window.addEventListener("popstate",e),window.addEventListener("single-spa:routing-event",e),function(){window.removeEventListener("popstate",e),window.removeEventListener("single-spa:routing-event",e)}},[]),i),y=window.getOpenmrsSpaBase()+"home",h=(0,c.useMemo)(function(){var e;return null!=(e=g.split("/").find(function(e){return e.length>20&&e.includes("-")}))?e:null},[g]),b=(0,c.useMemo)(function(){return!f||g.includes(f)},[f,g]),m=(0,c.useMemo)(function(){return s.includes(":patientUuid")&&h?s.replace(":patientUuid",h):s},[s,h]),$=(0,c.useMemo)(function(){if(s.includes(":patientUuid"))return!!f&&g.includes(f);var e=s.split("/").at(-1);if(!e)return!1;var n=g.split("/").map(function(e){return decodeURIComponent(e)}).filter(Boolean),t=n.indexOf(e);return -1!==t&&!(n.indexOf("patient")>t)},[g,s,f]);if(!b)return null;var A="string"!=typeof d?d:null;return p().createElement(a.ConfigurableLink,{to:"".concat(y,"/").concat(m),className:"cds--side-nav__link ".concat($?"active-left-nav-link":"")},"string"==typeof d?p().createElement(a.MaybeIcon,{icon:d,className:N.icon,size:16}):A&&p().createElement(A,{className:N.icon}),r(u))},q=function(e){return function(){return p().createElement(O,{dashboardLinkConfig:e})}},F=function(){var e=(0,M.useTranslation)().t,n=(0,a.useConfig)().outpatientIcon;return p().createElement(E,{title:e("outpatient","Outpatient"),iconSrc:n.src,iconAlt:n.alt})},j=t(85848),P=t(54240),L=t(60529),W=t(76727),G=t(26144),R={};R.styleTagTransform=k(),R.setAttributes=A(),R.insert=m().bind(null,"head"),R.domAPI=h(),R.insertStyleElement=_(),g()(G.A,R);let H=G.A&&G.A.locals?G.A.locals:void 0;var Q=t(85216);function Y(e,n,t,a,i,o,l){try{var r=e[o](l),s=r.value}catch(e){t(e);return}r.done?n(s):Promise.resolve(s).then(a,i)}var K=function(e,n){var t;return(t=function(){var t;return function(e,n){var t,a,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),r=Object.defineProperty;return r(l,"next",{value:s(0)}),r(l,"throw",{value:s(1)}),r(l,"return",{value:s(2)}),"function"==typeof Symbol&&r(l,Symbol.iterator,{value:function(){return this}}),l;function s(r){return function(s){var c=[r,s];if(t)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(t=1,a&&(i=2&c[0]?a.return:c[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;switch(a=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,a=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=n.call(e,o)}catch(e){c=[6,e],a=0}finally{t=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(i){return t="".concat(a.restBaseUrl,"/provider-clock/clock-out"),[2,(0,a.openmrsFetch)(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(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}({},e&&{sessionUuid:e},n&&{providerUuid:n}))})]})},function(){var e=this,n=arguments;return new Promise(function(a,i){var o=t.apply(e,n);function l(e){Y(o,a,i,l,r,"next",e)}function r(e){Y(o,a,i,l,r,"throw",e)}l(void 0)})})()},V=function(e){var n,t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=e?"".concat(a.restBaseUrl,"/provider-clock/active-sessions?provider=").concat(e):null,o=(0,Q.Ay)(i,a.openmrsFetch,{refreshInterval:6e4*!!t,revalidateOnFocus:!0,dedupingInterval:3e4}),l=o.data,r=o.error,s=o.isLoading,c=o.mutate;return{activeSessions:null!=(n=null==l?void 0:l.data)?n:[],error:r,isLoading:s,mutate:c}},X=function(e,n,t){var i=arguments.length>3&&void 0!==arguments[3]&&arguments[3],o=new URLSearchParams;e&&o.append("queue",e),n&&o.append("queueRoom",n),t&&o.append("provider",t);var l=i?"".concat(a.restBaseUrl,"/provider-clock/metrics").concat(o.toString()?"?".concat(o.toString()):""):null,r=(0,Q.Ay)(l,a.openmrsFetch,{refreshInterval:6e4*!!i,revalidateOnFocus:!0,revalidateOnReconnect:!0,dedupingInterval:3e4}),s=r.data,c=r.error,p=r.isLoading,u=r.mutate;return{metrics:null==s?void 0:s.data,error:c,isLoading:p,mutate:u}};function J(e,n,t,a,i,o,l){try{var r=e[o](l),s=r.value}catch(e){t(e);return}r.done?n(s):Promise.resolve(s).then(a,i)}var Z=function(e,n){var t,i,o=new URLSearchParams;o.append("v","custom:(uuid,display,patient:(uuid,display,person:(display,age,gender)),priority:(uuid,display),status:(uuid,display),visit:(uuid),startedAt,sortWeight,queueRoom:(uuid,display),queueRoomComingFrom:(uuid,display))"),o.append("queue",n),o.append("queueRoom",e),o.append("isEnded","false");var l="".concat(a.restBaseUrl,"/queue-entry?").concat(o.toString()),r=(0,Q.Ay)(e?l:null,a.openmrsFetch,{refreshInterval:3e4,revalidateOnFocus:!0}),s=r.data,c=r.error,p=r.mutate,u=r.isLoading,d=r.isValidating;return{queueEntries:(null==s||null==(i=s.data)||null==(t=i.results)?void 0:t.sort(function(e,n){var t,a,i,o,l,r,s={emergency:0,urgent:1,priority:2,normal:3},c=(null==(o=e.priority)||null==(i=o.display)?void 0:i.toLowerCase())||"normal",p=(null==(r=n.priority)||null==(l=r.display)?void 0:l.toLowerCase())||"normal",u=null!=(t=s[c])?t:3,d=null!=(a=s[p])?a:3;return u!==d?u-d:(e.sortWeight||0)-(n.sortWeight||0)}))||[],isLoading:u,error:c,mutate:p,isValidating:d}},ee=function(e,n,t){var i;return(i=function(){var i;return function(e,n){var t,a,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),r=Object.defineProperty;return r(l,"next",{value:s(0)}),r(l,"throw",{value:s(1)}),r(l,"return",{value:s(2)}),"function"==typeof Symbol&&r(l,Symbol.iterator,{value:function(){return this}}),l;function s(r){return function(s){var c=[r,s];if(t)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(t=1,a&&(i=2&c[0]?a.return:c[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;switch(a=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,a=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=n.call(e,o)}catch(e){c=[6,e],a=0}finally{t=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(o){return i="".concat(a.restBaseUrl,"/queue-entry/").concat(e),[2,(0,a.openmrsFetch)(i,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:n,endedAt:n===t?new Date().toISOString():void 0})})]})},function(){var e=this,n=arguments;return new Promise(function(t,a){var o=i.apply(e,n);function l(e){J(o,t,a,l,r,"next",e)}function r(e){J(o,t,a,l,r,"throw",e)}l(void 0)})})()};function en(e,n,t,a,i,o,l){try{var r=e[o](l),s=r.value}catch(e){t(e);return}r.done?n(s):Promise.resolve(s).then(a,i)}function et(e){return function(){var n=this,t=arguments;return new Promise(function(a,i){var o=e.apply(n,t);function l(e){en(o,a,i,l,r,"next",e)}function r(e){en(o,a,i,l,r,"throw",e)}l(void 0)})}}function ea(e,n){var t,a,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),r=Object.defineProperty;return r(l,"next",{value:s(0)}),r(l,"throw",{value:s(1)}),r(l,"return",{value:s(2)}),"function"==typeof Symbol&&r(l,Symbol.iterator,{value:function(){return this}}),l;function s(r){return function(s){var c=[r,s];if(t)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(t=1,a&&(i=2&c[0]?a.return:c[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;switch(a=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,a=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=n.call(e,o)}catch(e){c=[6,e],a=0}finally{t=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}var ei=function(){var e=(0,a.useConfig)();return{servePatient:function(n){return et(function(){return ea(this,function(t){return[2,ee(n,e.concepts.inServiceStatusUuid,e.concepts.completedStatusUuid)]})})()},completeService:function(n){return et(function(){return ea(this,function(t){return[2,ee(n,e.concepts.completedStatusUuid,e.concepts.completedStatusUuid)]})})()}}},eo=t(78328),el={};el.styleTagTransform=k(),el.setAttributes=A(),el.insert=m().bind(null,"head"),el.domAPI=h(),el.insertStyleElement=_(),g()(eo.A,el);let er=eo.A&&eo.A.locals?eo.A.locals:void 0;var es=t(56005),ec=t.n(es);function ep(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 eu(e,n,t,a,i,o,l){try{var r=e[o](l),s=r.value}catch(e){t(e);return}r.done?n(s):Promise.resolve(s).then(a,i)}function ed(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}function ef(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],l=!0,r=!1;try{for(i=i.call(e);!(l=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);l=!0);}catch(e){r=!0,a=e}finally{try{l||null==i.return||i.return()}finally{if(r)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ep(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 ep(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.")}()}var eg=function(e){var n=e.queueRoomUuid,t=e.queueUuid,i=(0,M.useTranslation)().t,o=(0,a.useConfig)(),r=(0,a.useLayoutType)(),s=ei(),u=s.servePatient;s.completeService;var d=ef((0,c.useState)(1),2),f=d[0],g=d[1],y=ef((0,c.useState)(10),2),h=y[0],b=y[1],m=ef((0,c.useState)(""),2),$=m[0],A=m[1],v=ef((0,c.useState)(null),2),_=v[0],w=v[1],k=Z(n,t),C=k.queueEntries,x=k.isLoading,z=k.mutate,E=(0,c.useMemo)(function(){if(!C)return[];if(!$)return C;var e=$.toLowerCase();return null==C?void 0:C.filter(function(n){var t,a,i;return(null==n||null==(t=n.patient)?void 0:t.display.toLowerCase().includes(e))||(null==n?void 0:n.display.toLowerCase().includes(e))||(null==n||null==(i=n.queueRoomComingFrom)||null==(a=i.display)?void 0:a.toLowerCase().includes(e))})},[C,$]),T=(0,c.useMemo)(function(){var e=(f-1)*h;return E.slice(e,e+h)},[E,f,h]),B=function(e){var n=new Date(e);return Math.floor((new Date().getTime()-n.getTime())/6e4)},I=function(e){var n=e.toLowerCase();return n.includes("emergency")?"red":n.includes("urgent")?"magenta":n.includes("priority")?"purple":"gray"},S=function(e){var n;return(n=function(){var n,t,o;return function(e,n){var t,a,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),r=Object.defineProperty;return r(l,"next",{value:s(0)}),r(l,"throw",{value:s(1)}),r(l,"return",{value:s(2)}),"function"==typeof Symbol&&r(l,Symbol.iterator,{value:function(){return this}}),l;function s(r){return function(s){var c=[r,s];if(t)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(t=1,a&&(i=2&c[0]?a.return:c[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;switch(a=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,a=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=n.call(e,o)}catch(e){c=[6,e],a=0}finally{t=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}(this,function(l){switch(l.label){case 0:w(e.uuid),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,u(e.uuid)];case 2:return l.sent(),(0,a.navigate)({to:"".concat(window.spaBase,"/home/outpatient/patient/").concat(null==e||null==(n=e.patient)?void 0:n.uuid,"/file")}),(0,a.showSnackbar)({title:i("patientServed","Patient Served"),subtitle:i("patientServedMessage","".concat(null==e||null==(o=e.patient)||null==(t=o.person)?void 0:t.display," is now being served")),kind:"success",timeoutInMs:3e3}),z(),[3,5];case 3:return console.error("Error serving patient:",l.sent()),(0,a.showSnackbar)({title:i("error","Error"),subtitle:i("servePatientError","Failed to serve patient. Please try again."),kind:"error",timeoutInMs:5e3}),[3,5];case 4:return w(null),[7];case 5:return[2]}})},function(){var e=this,t=arguments;return new Promise(function(a,i){var o=n.apply(e,t);function l(e){eu(o,a,i,l,r,"next",e)}function r(e){eu(o,a,i,l,r,"throw",e)}l(void 0)})})()},N=[{key:"position",header:"#"},{key:"patientName",header:i("patient","Patient")},{key:"age",header:i("age","Age")},{key:"gender",header:i("gender","Gender")},{key:"comingFrom",header:i("comingFrom","Coming From")},{key:"waitTime",header:i("waitTime","Wait Time")},{key:"priority",header:i("priority","Priority")},{key:"status",header:i("status","Status")},{key:"actions",header:i("actions","Actions")},{key:"statusUuid",header:""},{key:"patientUuid",header:""},{key:"entryUuid",header:""},{key:"priorityColor",header:""},{key:"entry",header:""}],U=null==T?void 0:T.map(function(e,n){var t,a,o,l,r,s,c,p,u,d,g,y,b=(null==e||null==(t=e.patient)?void 0:t.uuid)||"",m=(null==e||null==(a=e.status)?void 0:a.uuid)||"",$=(null==e?void 0:e.uuid)||"";return{id:$,position:(f-1)*h+n+1,patientName:ec()((null==e||null==(l=e.patient)||null==(o=l.person)?void 0:o.display)||""),patientUuid:b,age:null==e||null==(s=e.patient)||null==(r=s.person)?void 0:r.age,gender:(null==e||null==(p=e.patient)||null==(c=p.person)?void 0:c.gender)==="M"?i("male","Male"):i("female","Female"),comingFrom:(null==e||null==(u=e.queueRoomComingFrom)?void 0:u.display)||i("direct","Direct Entry"),priority:(null==e||null==(d=e.priority)?void 0:d.display)||i("normal","Normal"),priorityColor:I((null==e||null==(g=e.priority)?void 0:g.display)||""),waitTime:B(null==e?void 0:e.startedAt),status:null==e||null==(y=e.status)?void 0:y.display,statusUuid:m,entryUuid:$,entry:e}});return x?p().createElement("div",{className:er.loadingContainer},p().createElement(D.InlineLoading,{description:i("loadingQueue","Loading queue...")})):C&&(null==C?void 0:C.length)!==0?p().createElement("div",{className:er.tableContainer},p().createElement(D.Search,{labelText:i("filterPatients","Filter patients"),placeholder:i("filterPatients","Filter patients"),onChange:function(e){return A(e.target.value)},size:(0,a.isDesktop)(r)?"sm":"lg"}),p().createElement(D.DataTable,{rows:U,headers:N,size:(0,a.isDesktop)(r)?"sm":"lg",useZebraStyles:(null==U?void 0:U.length)>1},function(e){var n=e.rows,t=e.headers,a=e.getHeaderProps,r=e.getRowProps,s=e.getTableProps;return p().createElement(D.TableContainer,{className:er.tableContainer},p().createElement(D.Table,ed({className:er.activeVisitsTable},s()),p().createElement(D.TableHead,null,p().createElement(D.TableRow,null,t.map(function(e){return e.header&&p().createElement(D.TableHeader,ed({key:e.key},a({header:e})),e.header)}))),p().createElement(D.TableBody,null,n.map(function(e){return p().createElement(D.TableRow,ed({key:e.id},r({row:e})),e.cells.map(function(n){if(["statusUuid","patientUuid","entryUuid","priorityColor","entry"].includes(n.info.header))return null;if("comingFrom"===n.info.header)return p().createElement(D.TableCell,{key:n.id},p().createElement(D.Tag,{type:"cyan",size:"md"},n.value));if("priority"===n.info.header){var t;return p().createElement(D.TableCell,{key:n.id},p().createElement(D.Tag,{type:null==(t=e.cells.find(function(e){return"priorityColor"===e.info.header}))?void 0:t.value},n.value))}if("waitTime"===n.info.header){var a=n.value,r=Math.floor(a/60),s=a%60,c=r>0?"".concat(r,"h ").concat(s,"min"):"".concat(s,"min");return p().createElement(D.TableCell,{key:n.id},p().createElement("div",{className:er.waitTime},p().createElement(l.gX,{size:16}),p().createElement("span",{className:a>60?er.longWait:""},c)))}if("status"===n.info.header){var u,d=null==(u=e.cells.find(function(e){return"statusUuid"===e.info.header}))?void 0:u.value,f=d===o.concepts.waitingStatusUuid,g=d===o.concepts.inServiceStatusUuid;return p().createElement(D.TableCell,{key:n.id},p().createElement(D.Tag,{type:f?"blue":g?"green":"gray"},n.value))}if("actions"===n.info.header){var y,h,b,m=null==(y=e.cells.find(function(e){return"entryUuid"===e.info.header}))?void 0:y.value,$=null==(h=e.cells.find(function(e){return"statusUuid"===e.info.header}))?void 0:h.value,A=null==(b=e.cells.find(function(e){return"entry"===e.info.header}))?void 0:b.value,v=_===m,w=$===o.concepts.waitingStatusUuid,k=$===o.concepts.inServiceStatusUuid;return p().createElement(D.TableCell,{key:n.id},p().createElement("div",{className:er.actions},(w||k)&&p().createElement(D.Button,{kind:"primary",size:"sm",renderIcon:L._j,onClick:function(){return S(A)},disabled:v},v?i("servePatientLoading","Serving Patient..."):i("servePatient","Serve Patient"))))}return p().createElement(D.TableCell,{key:n.id},n.value)}))}))))}),p().createElement(D.Pagination,{className:er.pagination,page:f,pageSize:h,pageSizes:[10,20,30,50],totalItems:E.length,onChange:function(e){var n=e.page,t=e.pageSize;g(n),b(t)}})):p().createElement("div",{className:er.emptyStateContainer},p().createElement(D.Tile,{className:er.tile},p().createElement("div",{className:er.tileContent},p().createElement("p",{className:er.content},i("noPatients","No patients in queue")),p().createElement("p",{className:er.emptyStateHelperText},i("noPatientsDescription","There are currently no patients waiting in this queue room.")))))};function ey(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 eh(e,n,t,a,i,o,l){try{var r=e[o](l),s=r.value}catch(e){t(e);return}r.done?n(s):Promise.resolve(s).then(a,i)}function eb(e){return function(){var n=this,t=arguments;return new Promise(function(a,i){var o=e.apply(n,t);function l(e){eh(o,a,i,l,r,"next",e)}function r(e){eh(o,a,i,l,r,"throw",e)}l(void 0)})}}function em(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}function e$(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],l=!0,r=!1;try{for(i=i.call(e);!(l=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);l=!0);}catch(e){r=!0,a=e}finally{try{l||null==i.return||i.return()}finally{if(r)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ey(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 ey(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 eA(e,n){var t,a,i,o={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]},l=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),r=Object.defineProperty;return r(l,"next",{value:s(0)}),r(l,"throw",{value:s(1)}),r(l,"return",{value:s(2)}),"function"==typeof Symbol&&r(l,Symbol.iterator,{value:function(){return this}}),l;function s(r){return function(s){var c=[r,s];if(t)throw TypeError("Generator is already executing.");for(;l&&(l=0,c[0]&&(o=0)),o;)try{if(t=1,a&&(i=2&c[0]?a.return:c[0]?a.throw||((i=a.return)&&i.call(a),0):a.next)&&!(i=i.call(a,c[1])).done)return i;switch(a=0,i&&(c=[2&c[0],i.value]),c[0]){case 0:case 1:i=c;break;case 4:return o.label++,{value:c[1],done:!1};case 5:o.label++,a=c[1],c=[0];continue;case 7:c=o.ops.pop(),o.trys.pop();continue;default:if(!(i=(i=o.trys).length>0&&i[i.length-1])&&(6===c[0]||2===c[0])){o=0;continue}if(3===c[0]&&(!i||c[1]>i[0]&&c[1]<i[3])){o.label=c[1];break}if(6===c[0]&&o.label<i[1]){o.label=i[1],i=c;break}if(i&&o.label<i[2]){o.label=i[2],o.ops.push(c);break}i[2]&&o.ops.pop(),o.trys.pop();continue}c=n.call(e,o)}catch(e){c=[6,e],a=0}finally{t=i=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}}}var ev=t(94389),e_=t(53373),ew=t.n(e_),ek=t(61638),eC={};eC.styleTagTransform=k(),eC.setAttributes=A(),eC.insert=m().bind(null,"head"),eC.domAPI=h(),eC.insertStyleElement=_(),g()(ek.A,eC);let ex=ek.A&&ek.A.locals?ek.A.locals:void 0;function ez(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 eE(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t,a,i=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=i){var o=[],l=!0,r=!1;try{for(i=i.call(e);!(l=(t=i.next()).done)&&(o.push(t.value),!n||o.length!==n);l=!0);}catch(e){r=!0,a=e}finally{try{l||null==i.return||i.return()}finally{if(r)throw a}}return o}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ez(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 ez(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 eM=function(e){var n=e.patient,t=e.patientUuid,i=(0,c.useRef)(null),o=eE((0,c.useState)(!1),2),l=(o[0],o[1]),r=eE((0,c.useState)(!1),2);r[0],r[1],(0,c.useEffect)(function(){var e=i.current,n=new ResizeObserver(function(e){var n=!0,t=!1,a=void 0;try{for(var i,o=e[Symbol.iterator]();!(n=(i=o.next()).done);n=!0){var r=i.value;l(r.contentRect.width<1023)}}catch(e){t=!0,a=e}finally{try{n||null==o.return||o.return()}finally{if(t)throw a}}});return n.observe(i.current),function(){e&&n.unobserve(e)}},[i,l]);var s=n?(0,a.getPatientName)(n):"",u=!!(null==n?void 0:n.deceasedDateTime);return p().createElement("header",{"aria-label":"patient banner",className:ew()(ex.container,u?ex.deceasedPatientContainer:ex.activePatientContainer),role:"banner",ref:i},p().createElement("div",{className:ex.patientBanner},p().createElement("div",{className:ex.patientAvatar},p().createElement(a.PatientPhoto,{patientUuid:t,patientName:s})),p().createElement(a.PatientBannerPatientInfo,{patient:n,renderedFrom:"patient-chart"})))};var eD=t(95795),eT=t(40466),eB={};eB.styleTagTransform=k(),eB.setAttributes=A(),eB.insert=m().bind(null,"head"),eB.domAPI=h(),eB.insertStyleElement=_(),g()(eT.A,eB);let eI=eT.A&&eT.A.locals?eT.A.locals:void 0;function eS(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}function eN(e,n){if(null==e)return{};var t,a,i,o={};if("u">typeof Reflect&&Reflect.ownKeys){for(i=0,t=Reflect.ownKeys(Object(e));i<t.length;i++)a=t[i],!(n.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a]);return o}if(o=function(e,n){if(null==e)return{};var t,a,i={},o=Object.getOwnPropertyNames(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,n),Object.getOwnPropertySymbols)for(i=0,t=Object.getOwnPropertySymbols(e);i<t.length;i++)a=t[i],!(n.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a]);return o}var eU=function(e){var n,t,a,i,o,l=e.encounter,r=e.fieldLabels,s=e.t,c=(null!=(n=l.obs)?n:[]).filter(function(e){return e.concept}),u=!(null==(t=l.diagnoses)?void 0:t.length)&&!c.length&&!(null==(a=l.orders)?void 0:a.length);return p().createElement("div",{className:eI.detail},(null==(i=l.diagnoses)?void 0:i.length)>0&&p().createElement("section",{className:eI.detailSection},p().createElement("h6",{className:eI.detailLabel},s("diagnoses","Diagnoses")),p().createElement("div",{className:eI.tagRow},l.diagnoses.map(function(e,n){return p().createElement(D.Tag,{key:n,type:1===e.rank?"red":"gray"},e.display,"CONFIRMED"===e.certainty?" \xb7 ".concat(s("confirmed","Confirmed")):" \xb7 ".concat(s("presumed","Presumed")))}))),c.length>0&&p().createElement("section",{className:eI.detailSection},p().createElement("h6",{className:eI.detailLabel},s("findings","Findings")),p().createElement("dl",{className:eI.obsGrid},c.map(function(e){var n,t,a;return p().createElement("div",{key:e.uuid,className:eI.obsRow},p().createElement("dt",{className:eI.obsName},(null==(t=e.concept)?void 0:t.uuid)&&r[e.concept.uuid]||function(e){if(!e)return e;var n=e.toLowerCase();return n.charAt(0).toUpperCase()+n.slice(1)}(null!=(n=null==(a=e.concept)?void 0:a.display)?n:"")),p().createElement("dd",{className:eI.obsValue},function(e){var n;return null==e||""===e?"—":(void 0===e?"undefined":e&&"u">typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)=="object"?null!=(n=e.display)?n:String(e):"boolean"==typeof e?e?"Yes":"No":String(e)}(e.value)))}))),(null==(o=l.orders)?void 0:o.length)>0&&p().createElement("section",{className:eI.detailSection},p().createElement("h6",{className:eI.detailLabel},s("orders","Orders")),p().createElement("ul",{className:eI.orderList},l.orders.map(function(e,n){return p().createElement("li",{key:n},e.display)}))),u&&p().createElement("p",{className:eI.emptyBody},s("noRecordedData","No data was recorded on this encounter.")))};let eO=function(e){var n,t,i,o,l,r,s,c,u=e.patientUuid,d=e.onStartConsultation,f=(0,M.useTranslation)().t,g=(i=u?"".concat(a.restBaseUrl,"/encounter?patient=").concat(u,"&encounterType=").concat("d89b11c0-78f3-45a4-9300-587d91145462","&v=").concat("custom:(uuid,encounterDatetime,encounterProviders:(provider:(display)),visit:(uuid),obs:(uuid,concept:(uuid,display),value),diagnoses:(display,certainty,rank),orders:(display))","&limit=50"):null,l=(o=(0,Q.Ay)(i,a.openmrsFetch)).data,r=o.error,s=o.isLoading,c=o.mutate,{encounters:(null!=(n=null==l||null==(t=l.data)?void 0:t.results)?n:[]).slice().sort(function(e,n){return e.encounterDatetime<n.encounterDatetime?1:-1}),error:r,isLoading:s,mutate:c}),y=g.encounters,h=g.isLoading,b=function(){var e="".concat(a.restBaseUrl,"/digihmisforms/form/").concat("clinical-encounter"),n=(0,Q.Ay)(e,a.openmrsFetch).data,t={},i=!0,o=!1,l=void 0;try{for(var r,s,c,p=(null!=(r=null==n||null==(s=n.data)?void 0:s.pages)?r:[])[Symbol.iterator]();!(i=(c=p.next()).done);i=!0){var u=c.value,d=!0,f=!1,g=void 0;try{for(var y,h,b=(null!=(y=u.sections)?y:[])[Symbol.iterator]();!(d=(h=b.next()).done);d=!0){var m=h.value,$=!0,A=!1,v=void 0;try{for(var _,w,k=(null!=(_=m.fields)?_:[])[Symbol.iterator]();!($=(w=k.next()).done);$=!0){var C=w.value;C.concept&&C.label&&(t[C.concept]=C.label)}}catch(e){A=!0,v=e}finally{try{$||null==k.return||k.return()}finally{if(A)throw v}}}}catch(e){f=!0,g=e}finally{try{d||null==b.return||b.return()}finally{if(f)throw g}}}}catch(e){o=!0,l=e}finally{try{i||null==p.return||p.return()}finally{if(o)throw l}}return t}(),m=[{key:"date",header:f("date","Date")},{key:"provider",header:f("provider","Provider")},{key:"diagnoses",header:f("diagnoses","Diagnoses")},{key:"summary",header:f("summary","Summary")}],$=p().useMemo(function(){return new Map(y.map(function(e){return[e.uuid,e]}))},[y]),A=y.map(function(e){var n,t,i,o,l,r,s,c,p=(null!=(l=e.obs)?l:[]).filter(function(e){return e.concept}).length,u=[p?f("findingsCount","{{count}} findings",{count:p}):null,(null==(s=e.orders)?void 0:s.length)?f("ordersCount","{{count}} orders",{count:e.orders.length}):null].filter(Boolean).join(" \xb7 ");return{id:e.uuid,date:(0,a.formatDatetime)((0,a.parseDate)(e.encounterDatetime),{mode:"standard"}),provider:null!=(r=null!=(n=null==(o=e.encounterProviders)||null==(i=o[0])||null==(t=i.provider)?void 0:t.display)?n:null)?r:"—",diagnoses:(null==(c=e.diagnoses)?void 0:c.length)?e.diagnoses.map(function(e){return e.display}).join(", "):"—",summary:u||"—"}});return h?p().createElement(D.DataTableSkeleton,{role:"progressbar",showHeader:!1,showToolbar:!1,rowCount:4,columnCount:4}):0===y.length?p().createElement(D.Layer,null,p().createElement(D.Tile,{className:eI.emptyTile},p().createElement(ev.oY,{size:32,className:eI.emptyIcon}),p().createElement("p",{className:eI.emptyTitle},f("noConsultationsTitle","No consultations yet")),p().createElement("p",{className:eI.emptyBody},f("noConsultationsBody","Start a consultation to record findings for this visit.")),p().createElement(D.Button,{kind:"ghost",size:"sm",renderIcon:j.OM,onClick:d},f("startConsultation","Start consultation")))):p().createElement("div",{className:eI.encounterList},p().createElement("div",{className:eI.encounterListHeader},p().createElement("span",{className:eI.encounterCount},f("clinicalEncountersCount","{{count}} clinical encounter(s)",{count:y.length})),p().createElement(D.Button,{kind:"ghost",size:"sm",renderIcon:j.OM,onClick:d},f("startConsultation","Start consultation"))),p().createElement(D.DataTable,{rows:A,headers:m,size:"sm",useZebraStyles:!0},function(e){var n,t,i=e.rows,o=e.headers,l=e.getHeaderProps,r=e.getRowProps,s=e.getExpandedRowProps,c=e.getTableProps,u=e.getTableContainerProps;return p().createElement(D.TableContainer,u(),p().createElement(D.Table,(n=eS({},c()),t=t={"aria-label":f("clinicalEncounters","Clinical encounters")},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):(function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n})(Object(t)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}),n),p().createElement(D.TableHead,null,p().createElement(D.TableRow,null,p().createElement(D.TableExpandHeader,{"aria-label":f("expandRow","Expand row")}),o.map(function(e){var n=l({header:e}),t=(n.key,eN(n,["key"]));return p().createElement(D.TableHeader,eS({key:e.key},t),e.header)}),p().createElement(D.TableHeader,{"aria-label":f("actions","Actions")}))),p().createElement(D.TableBody,null,i.map(function(e){var n,t,i=r({row:e}),l=(i.key,eN(i,["key"])),c=null==(t=$.get(e.id))||null==(n=t.visit)?void 0:n.uuid;return p().createElement(p().Fragment,{key:e.id},p().createElement(D.TableExpandRow,l,e.cells.map(function(e){return p().createElement(D.TableCell,{key:e.id},e.value)}),p().createElement(D.TableCell,{className:eI.rowActionCell},c&&p().createElement(D.Button,{kind:"ghost",size:"sm",hasIconOnly:!0,renderIcon:eD.xj,iconDescription:f("printSummary","Print summary"),tooltipPosition:"left",onClick:function(){var e,n;return n=null!=(e=window.openmrsBase)?e:"/openmrs",void window.open("".concat(n).concat(a.restBaseUrl,"/digihmisprint/dischargeSummary?visitUuid=").concat(c),"_blank","noopener")}}))),p().createElement(D.TableExpandedRow,eS({colSpan:o.length+2},s({row:e})),$.get(e.id)&&p().createElement(eU,{encounter:$.get(e.id),fieldLabels:b,t:f})))}))))}))};var eq=function(e){var n=e.icon,t=e.title,a=e.body,i=e.action;return p().createElement(D.Layer,null,p().createElement(D.Tile,{className:eI.emptyTile},p().createElement(n,{size:32,className:eI.emptyIcon}),p().createElement("p",{className:eI.emptyTitle},t),p().createElement("p",{className:eI.emptyBody},a),i&&p().createElement(D.Button,{kind:"ghost",size:"sm",onClick:i.onClick},i.label)))},eF="@digihmis/esm-outpatient-app",ej={featureName:"outpatient",moduleName:eF},eP=t(84767),eL=(0,a.getSyncLifecycle)(q(r),ej),eW=(0,a.getSyncLifecycle)(q(s),ej),eG=(0,a.getSyncLifecycle)(function(){var e,n,t,i,o,l,r=(0,M.useTranslation)().t,s=(0,a.useSession)().currentProvider,u=(0,a.useConfig)().outpatientQueueUuid,d=e$((0,c.useState)(!1),2),f=d[0],g=d[1],y=e$((0,c.useState)(null),2),h=y[0],b=y[1],m=null!==h,$=V((null==s?void 0:s.uuid)||""),A=$.activeSessions,v=$.mutate,_=$.isLoading,w=X(u,null==h||null==(i=h.queueRoom)?void 0:i.uuid,null==s?void 0:s.uuid,m),k=w.metrics,C=w.mutate,x=w.isLoading;(0,c.useEffect)(function(){A&&A.length>0?b(A.find(function(e){var n,t;return(null==(t=e.queueRoom)||null==(n=t.queue)?void 0:n.uuid)===u})||null):b(null)},[A,u]);var z=_||x;return p().createElement("div",null,p().createElement(F,null),p().createElement("div",{className:H.dashboardContainer},p().createElement(D.Tile,{className:H.tileContainer},p().createElement("div",{className:H.displayDetails},p().createElement("div",{className:H.countLabel},r("myQueueWaiting","My Queue - Waiting")),p().createElement("div",{className:H.displayData},z?p().createElement(D.InlineLoading,{description:""}):(null==k?void 0:k.myQueueWaiting)||0)),p().createElement("div",{className:H.displayDetails},p().createElement("div",{className:H.countLabel},r("myQueueInservice","My Queue - In Service")),p().createElement("div",{className:H.displayData},z?p().createElement(D.InlineLoading,{description:""}):(null==k?void 0:k.inProgress)||0)),p().createElement("div",{className:H.displayDetails},p().createElement("div",{className:H.countLabel},r("avgWaitTime","Avg. Wait Time")),p().createElement("div",{className:H.displayData},z?p().createElement(D.InlineLoading,{description:""}):(n=Math.floor((e=(null==k?void 0:k.averageWaitTime)||0)/60),t=e%60,n>0?"".concat(n,"h ").concat(t,"min"):"".concat(t,"min")))),p().createElement("div",{className:H.displayDetails},p().createElement("div",{className:H.countLabel},r("completedToday","Completed Today")),p().createElement("div",{className:H.displayData},z?p().createElement(D.InlineLoading,{description:""}):(null==k?void 0:k.completedToday)||0))),m&&h&&p().createElement(D.Tile,{className:H.clockInBanner},p().createElement("div",{className:H.clockInInfo},p().createElement(j.QE,{size:20,className:H.alarmIcon}),p().createElement("div",{className:H.clockInText},p().createElement("strong",null,r("clockedInTo","Clocked in to"),": "),null==h||null==(o=h.queueRoom)?void 0:o.display,p().createElement("span",{className:H.clockInTime}," ","(",r("since","since")," ",(0,a.formatDate)(new Date(h.clockInTime),{mode:"wide"}),")")))),p().createElement("div",{className:H.cardHeaderContainer},p().createElement(W.aR,{title:(null==h||null==(l=h.queueRoom)?void 0:l.display)||r("outpatientQueue","Outpatient Queue")},p().createElement("div",{className:H.headerActions},p().createElement(D.Button,{kind:m?"danger":"primary",size:"sm",renderIcon:function(e){return m?p().createElement(P.fQ,em({size:16},e)):p().createElement(P.az,em({size:16},e))},onClick:m?function(){return eb(function(){var e,n,t;return eA(this,function(i){switch(i.label){case 0:if(!(null==h?void 0:h.uuid))return(0,a.showSnackbar)({title:r("error","Error"),subtitle:r("noActiveSession","No active session found"),kind:"error"}),[2];g(!0),i.label=1;case 1:return i.trys.push([1,3,4,5]),[4,K(h.uuid)];case 2:return i.sent(),(0,a.showSnackbar)({title:r("clockOutSuccess","Clock Out Successful"),subtitle:r("clockOutSuccessMessage","You have been clocked out successfully"),kind:"success",timeoutInMs:3e3}),b(null),v(),C(),[3,5];case 3:return console.error("Clock out error:",e=i.sent()),t=(null==e||null==(n=e.responseBody)?void 0:n.error)||r("clockOutFailed","Failed to clock out"),(0,a.showSnackbar)({title:r("clockOutError","Clock Out Failed"),subtitle:t,kind:"error",timeoutInMs:5e3}),[3,5];case 4:return g(!1),[7];case 5:return[2]}})})()}:function(){var e=(0,a.showModal)("generic-clock-in-modal",{moduleName:"Outpatient",url:window.location.pathname,queueUuid:u,closeModal:function(){return e()},onClockInSuccess:function(e){b(e),v(),C()}})},disabled:f},f?p().createElement(D.InlineLoading,{description:m?r("clockingOut","Clocking out"):r("clockingIn","Clocking in")}):m?r("clockOut","Clock Out"):r("clockIn","Clock In")),m&&p().createElement(D.Button,{kind:"secondary",size:"sm",renderIcon:function(e){return p().createElement(L.Yl,em({size:16},e))},onClick:function(){return eb(function(){var e,n,t,i;return eA(this,function(o){switch(o.label){case 0:if(!(null==h?void 0:h.uuid))return(0,a.showSnackbar)({title:r("error","Error"),subtitle:r("noActiveSession","No active session found"),kind:"error"}),[2];g(!0),o.label=1;case 1:return o.trys.push([1,4,5,6]),[4,K(h.uuid)];case 2:return o.sent(),(0,a.showSnackbar)({title:r("switchingStation","Switching Station"),subtitle:r("clockedOutFromCurrent","Clocked out from current station"),kind:"info",timeoutInMs:2e3}),[4,v()];case 3:return o.sent(),b(null),e=(0,a.showModal)("generic-clock-in-modal",{moduleName:"Outpatient",url:window.location.pathname,queueUuid:u,closeModal:function(){return e()},onClockInSuccess:function(e){b(e),v(),C()}}),[3,6];case 4:return i=(null==(n=o.sent())||null==(t=n.responseBody)?void 0:t.error)||r("switchStationFailed","Failed to switch station"),(0,a.showSnackbar)({title:r("switchStationError","Switch Station Failed"),subtitle:i,kind:"error",timeoutInMs:5e3}),[3,6];case 5:return g(!1),[7];case 6:return[2]}})})()},disabled:f},r("changeStation","Change Station"))))),m&&h?p().createElement("div",{className:H.queueContainer},p().createElement(eg,{queueRoomUuid:h.queueRoom.uuid,queueUuid:u})):p().createElement("div",{className:H.emptyStateContainer},p().createElement(D.Tile,{className:H.tile},p().createElement("div",{className:H.tileContent},p().createElement("p",{className:H.content},r("pleaseClockIn","Please clock in to view the queue")),p().createElement("p",{className:H.emptyStateHelperText},r("clockInPrompt",'Click the "Clock In" button above to start managing patients')))))))},ej),eR=(0,a.getSyncLifecycle)(function(){var e,n=(0,M.useTranslation)().t,t=(e=/\/patient\/([a-zA-Z0-9\-]+)\/?/.exec(location.pathname))&&e[1]||"",i=(0,a.usePatient)(t),o=i.patient,l=i.isLoading,r=(0,a.useVisit)(t).activeVisit,s=function(){(0,a.launchWorkspace)("form-renderer-workspace",{workspaceTitle:n("clinicalEncounter","Clinical encounter"),formId:"clinical-encounter",patientUuid:t,visitUuid:null==r?void 0:r.uuid})},c=[{key:"encounter",label:n("clinicalEncounter","Clinical encounter"),icon:ev.oY,slot:"outpatient-clinical-encounter-slot",emptyTitle:n("noConsultationsTitle","No consultations yet"),emptyBody:n("noConsultationsBody","Start a consultation to record findings for this visit."),action:{label:n("startConsultation","Start consultation"),onClick:s}},{key:"labs",label:n("labResults","Lab results"),icon:P.LL,slot:"outpatient-lab-results-slot",emptyTitle:n("noLabResultsTitle","No lab results"),emptyBody:n("noLabResultsBody","Laboratory results for this patient will appear here.")},{key:"imaging",label:n("imaging","Imaging"),icon:d.RS,slot:"outpatient-imaging-slot",emptyTitle:n("noImagingTitle","No imaging results"),emptyBody:n("noImagingBody","Radiology and imaging results will appear here.")},{key:"prescriptions",label:n("prescriptions","Prescriptions"),icon:P.gG,slot:"outpatient-prescriptions-slot",emptyTitle:n("noPrescriptionsTitle","No prescriptions"),emptyBody:n("noPrescriptionsBody","Medications prescribed during this visit will appear here.")},{key:"appointments",label:n("appointments","Appointments"),icon:d.Vv,slot:"outpatient-appointments-slot",emptyTitle:n("noAppointmentsTitle","No appointments"),emptyBody:n("noAppointmentsBody","The patient's upcoming appointments will appear here.")}];return p().createElement("div",{className:eI.container},p().createElement(D.Layer,null,p().createElement(D.Tile,{className:eI.headerCard},l?p().createElement(D.SkeletonText,{heading:!0,width:"50%"}):o&&p().createElement(eM,{patientUuid:t,patient:o,hideActionsOverflow:!0}))),p().createElement(a.ExtensionSlot,{name:"patient-vitals-header-slot",state:{patientUuid:t},className:eI.vitals}),p().createElement(D.Layer,{className:eI.tabsCard},p().createElement(D.Tabs,null,p().createElement(D.TabList,{"aria-label":n("carePanel","Care panel"),contained:!0},c.map(function(e){return p().createElement(D.Tab,{key:e.key,renderIcon:e.icon},e.label)})),p().createElement(D.TabPanels,null,c.map(function(e){return p().createElement(D.TabPanel,{key:e.key,className:eI.tabPanel},"encounter"===e.key?p().createElement(eO,{patientUuid:t,onStartConsultation:s}):p().createElement(p().Fragment,null,p().createElement(a.ExtensionSlot,{name:e.slot,state:{patientUuid:t,visitUuid:null==r?void 0:r.uuid}}),p().createElement(eq,{icon:e.icon,title:e.emptyTitle,body:e.emptyBody,action:e.action})))})))))},ej);function eH(){(0,a.defineConfigSchema)(eF,i)}}}]);