@openmrs/esm-implementer-tools-app 5.7.2 → 5.7.3-pre.2113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +24 -31
- package/dist/156.js +1 -0
- package/dist/156.js.map +1 -0
- package/dist/{560.js → 289.js} +1 -1
- package/dist/289.js.map +1 -0
- package/dist/300.js +2 -0
- package/dist/300.js.map +1 -0
- package/dist/336.js +2 -0
- package/dist/336.js.LICENSE.txt +30 -0
- package/dist/336.js.map +1 -0
- package/dist/36.js +1 -0
- package/dist/36.js.map +1 -0
- package/dist/426.js +1 -1
- package/dist/426.js.map +1 -1
- package/dist/448.js +1 -0
- package/dist/448.js.map +1 -0
- package/dist/528.js +1 -1
- package/dist/528.js.map +1 -1
- package/dist/587.js +1 -1
- package/dist/587.js.map +1 -1
- package/dist/620.js +1 -1
- package/dist/620.js.map +1 -1
- package/dist/642.js +1 -0
- package/dist/642.js.map +1 -0
- package/dist/657.js +1 -1
- package/dist/657.js.map +1 -1
- package/dist/889.js +1 -1
- package/dist/889.js.map +1 -1
- package/dist/main.js +1 -2
- package/dist/main.js.map +1 -1
- package/dist/openmrs-esm-implementer-tools-app.js +1 -1
- package/dist/openmrs-esm-implementer-tools-app.js.buildmanifest.json +194 -140
- package/dist/openmrs-esm-implementer-tools-app.js.map +1 -1
- package/dist/routes.json +1 -1
- package/package.json +6 -4
- package/tsconfig.json +11 -1
- package/dist/482.js +0 -1
- package/dist/482.js.map +0 -1
- package/dist/523.js +0 -2
- package/dist/523.js.map +0 -1
- package/dist/560.js.map +0 -1
- package/dist/71.js +0 -1
- package/dist/71.js.map +0 -1
- package/dist/791.js +0 -1
- package/dist/791.js.map +0 -1
- package/dist/803.js +0 -2
- package/dist/803.js.LICENSE.txt +0 -5
- package/dist/803.js.map +0 -1
- package/dist/main.js.LICENSE.txt +0 -5
- /package/dist/{523.js.LICENSE.txt → 300.js.LICENSE.txt} +0 -0
package/dist/528.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_openmrs_esm_implementer_tools_app=globalThis.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[528],{7305:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n","",{version:3,sources:["webpack://./src/configuration/interactive-editor/value-editors/object-editor.styles.css"],names:[],mappings:"AAAA;EACE,kCAAkC;AACpC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;GAEG",sourcesContent:[".objectEditor :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.objectEditor :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),a.locals={objectEditor:"-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn",buttonCell:"-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs"};const s=a},5855:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z{height:50vh;overflow-y:auto}.-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z .cds--data-table-container{padding-top:0}.-esm-implementer-tools__backend-dependencies-styles__moduleHeader___CqXwX{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)}","",{version:3,sources:["webpack://./src/backend-dependencies/backend-dependencies.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,wEACE,WAAA,CACA,eAAA,CAEA,mGACE,aAAA,CAIJ,2ECu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.moduleHeader {\n @include type.type-style('heading-compact-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"],sourceRoot:""}]),a.locals={container:"-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z",moduleHeader:"-esm-implementer-tools__backend-dependencies-styles__moduleHeader___CqXwX"};const s=a},2279:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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))}: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-implementer-tools__configuration-styles__productiveHeading01___YOsTc{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)}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{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)}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div:hover{padding:.5rem 0}.-esm-implementer-tools__configuration-styles__darkTheme___sB7fJ{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__configuration-styles__tools___bgCOF{width:100%;background-color:var(--cds-background, #ffffff);border-bottom:1px solid var(--cds-border-subtle-00, #e0e0e0);border-top:1px solid var(--cds-border-subtle-00, #e0e0e0);z-index:2;position:sticky;top:0}.-esm-implementer-tools__configuration-styles__toolbar___8scQy{padding:1rem 1rem 0;display:flex;justify-content:space-around;align-items:center}.-esm-implementer-tools__configuration-styles__row___VwPkJ{display:flex;flex-flow:row wrap;margin:0 -1rem}.-esm-implementer-tools__configuration-styles__row___VwPkJ .cds--col{max-width:100%;flex-basis:0;flex-grow:1;width:100%;padding:0 1rem}.-esm-implementer-tools__configuration-styles__downloadLink___3-F3S{text-decoration:none;color:inherit}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1{max-height:50vh;background-color:#f4f4f4;width:100%;display:flex;overflow-y:auto}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_scroller{background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_gutter{background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_active-line{background-color:var(--cds-layer-accent) !important}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_cursor{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV{width:65%;overflow-x:auto;overflow-y:auto;background:var(--cds-background, #ffffff)}.-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5{width:35%;background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252);padding:1rem 2em;font-size:12pt;overflow-wrap:break-word;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV .cds--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end;padding:.25rem}.-esm-implementer-tools__configuration-styles__toggleButtons___22YaP{display:flex;align-items:center;justify-content:space-evenly}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW{display:flex;align-items:center;justify-content:flex-end}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW>button{margin:0 1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/configuration.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../implementer-tools.styles.scss';\n\n.tools {\n width: 100%;\n background-color: theme.$background;\n border-bottom: 1px solid theme.$border-subtle-00;\n border-top: 1px solid theme.$border-subtle-00;\n z-index: 2;\n position: sticky;\n top: 0;\n}\n\n.toolbar {\n padding: spacing.$spacing-05 spacing.$spacing-05 0;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n\n.row {\n display: flex;\n flex-flow: row wrap;\n margin: 0 -1rem;\n\n :global(.cds--col) {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n width: 100%;\n padding: 0 1rem;\n }\n}\n\n.downloadLink {\n text-decoration: none;\n color: inherit;\n}\n\n.mainContent {\n max-height: 50vh;\n background-color: $ui-01;\n width: 100%;\n display: flex;\n overflow-y: auto;\n\n :global(.ace_scroller) {\n background-color: theme.$background;\n color: theme.$text-secondary;\n }\n\n :global(.ace_gutter) {\n background-color: theme.$background;\n color: theme.$text-secondary;\n }\n\n :global(.ace_active-line) {\n background-color: theme.$layer-accent !important;\n }\n :global(.ace_cursor) {\n color: theme.$text-secondary;\n }\n}\n\n.configTreePane {\n width: 65%;\n // overflow-wrap: break-word;\n overflow-x: auto;\n overflow-y: auto;\n background: theme.$background;\n}\n\n.descriptionPane {\n width: 35%;\n background-color: theme.$background;\n color: theme.$text-secondary;\n padding: spacing.$spacing-05 2em;\n font-size: 12pt;\n overflow-wrap: break-word;\n overflow-y: auto;\n}\n\n.configTreePane :global(.cds--text-input-wrapper) {\n min-width: 8em;\n}\n\n.toggleToolbarButton {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n padding: 0.25rem;\n}\n\n.toggleButtons {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n\n.actionButtons {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > button {\n margin: 0 1rem;\n }\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc",productiveHeading02:"-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5",bodyShort01:"-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE",toolStyles:"-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ",chevronImplementerToolsButton:"-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN",darkTheme:"-esm-implementer-tools__configuration-styles__darkTheme___sB7fJ",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",row:"-esm-implementer-tools__configuration-styles__row___VwPkJ",downloadLink:"-esm-implementer-tools__configuration-styles__downloadLink___3-F3S",mainContent:"-esm-implementer-tools__configuration-styles__mainContent___JDOc1",configTreePane:"-esm-implementer-tools__configuration-styles__configTreePane___dyEjV",descriptionPane:"-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5",toggleToolbarButton:"-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN",toggleButtons:"-esm-implementer-tools__configuration-styles__toggleButtons___22YaP",actionButtons:"-esm-implementer-tools__configuration-styles__actionButtons___lULMW"};const s=a},1860:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS{background-color:var(--cds-background, #ffffff)}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS .cds--accordion__content{padding-right:0}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS button{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS button:hover{color:var(--cds-text-primary, #161616)}","",{version:3,sources:["webpack://./src/configuration/interactive-editor/config-tree.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"AAEA,wEAKE,+CCeW,CDnBX,iGACE,eAAA,CAIF,+EACE,wCC2La,CD1Lb,qFACE,sCCsLS",sourcesContent:["@use '@carbon/react/scss/theme';\n\n.fullWidthAccordion {\n :global(.cds--accordion__content) {\n padding-right: 0;\n }\n\n background-color: theme.$background;\n button {\n color: theme.$text-secondary;\n &:hover {\n color: theme.$text-primary;\n }\n }\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={fullWidthAccordion:"-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS"};const s=a},9306:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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))}: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-implementer-tools__description-styles__productiveHeading01___6zM8b{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)}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{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)}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div:hover{padding:.5rem 0}.-esm-implementer-tools__description-styles__darkTheme___S0nON{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0);margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{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);margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-style:italic;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__value___9KSGb{font-family:monospace;margin-top:.5rem;margin-left:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/description.styles.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../../implementer-tools.styles.scss';\n\n.path {\n @include type.type-style('heading-02');\n margin-bottom: spacing.$spacing-03;\n}\n\n.description {\n @include type.type-style('body-compact-01');\n margin-bottom: spacing.$spacing-05;\n}\n\n.source {\n @include type.type-style('body-compact-01');\n font-style: italic;\n margin-bottom: spacing.$spacing-03;\n}\n\n.value {\n font-family: monospace;\n margin-top: spacing.$spacing-03;\n margin-left: spacing.$spacing-03;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__description-styles__productiveHeading01___6zM8b",productiveHeading02:"-esm-implementer-tools__description-styles__productiveHeading02___dAkbG",bodyShort01:"-esm-implementer-tools__description-styles__bodyShort01___T+WDt",toolStyles:"-esm-implementer-tools__description-styles__toolStyles___+GHGB",chevronImplementerToolsButton:"-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq",darkTheme:"-esm-implementer-tools__description-styles__darkTheme___S0nON",path:"-esm-implementer-tools__description-styles__path___BdmUc",description:"-esm-implementer-tools__description-styles__description___TP6ml",source:"-esm-implementer-tools__description-styles__source___nn6eY",value:"-esm-implementer-tools__description-styles__value___9KSGb"};const s=a},6350:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__display-value__productiveHeading01___qSdMY{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)}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{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)}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div:hover{padding:.5rem 0}.-esm-implementer-tools__display-value__darkTheme___k-cH2{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__display-value__smallListCell___3vXBH{padding:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/display-value.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@import '../../implementer-tools.styles.scss';\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__display-value__productiveHeading01___qSdMY",productiveHeading02:"-esm-implementer-tools__display-value__productiveHeading02___Ro0Of",bodyShort01:"-esm-implementer-tools__display-value__bodyShort01___P2Yo4",toolStyles:"-esm-implementer-tools__display-value__toolStyles___Z5Xd1",chevronImplementerToolsButton:"-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp",darkTheme:"-esm-implementer-tools__display-value__darkTheme___k-cH2",smallListCell:"-esm-implementer-tools__display-value__smallListCell___3vXBH"};const s=a},7960:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__editable-value-styles__productiveHeading01___lu66V{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)}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{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)}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div:hover{padding:.5rem 0}.-esm-implementer-tools__editable-value-styles__darkTheme___DWNiW{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__editable-value-styles__secretButton___5sr2R{background:none;color:#474b6b;border:none;font:inherit;text-align:left}.-esm-implementer-tools__editable-value-styles__error___e3i8X{margin-left:1em;color:orange;font-size:11pt}.-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS{color:#2020a0}.-esm-implementer-tools__editable-value-styles__elementValue___mABUA{display:flex;align-items:center}.-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U{margin-left:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/editable-value.styles.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@import '../../implementer-tools.styles.scss';\n\n.secretButton {\n background: none;\n color: #474b6b;\n border: none;\n font: inherit;\n text-align: left;\n}\n\n.error {\n margin-left: 1em;\n color: orange;\n font-size: 11pt;\n}\n\n.overriddenValue {\n color: #2020a0;\n}\n\n.elementValue {\n display: flex;\n align-items: center;\n}\n\n.editValueButton {\n margin-left: spacing.$spacing-05;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V",productiveHeading02:"-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2",bodyShort01:"-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp",toolStyles:"-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq",chevronImplementerToolsButton:"-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST",darkTheme:"-esm-implementer-tools__editable-value-styles__darkTheme___DWNiW",secretButton:"-esm-implementer-tools__editable-value-styles__secretButton___5sr2R",error:"-esm-implementer-tools__editable-value-styles__error___e3i8X",overriddenValue:"-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS",elementValue:"-esm-implementer-tools__editable-value-styles__elementValue___mABUA",editValueButton:"-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U"};const s=a},7008:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,'.-esm-implementer-tools__layout-styles__labelCell___\\+LSvs{width:12em}.-esm-implementer-tools__layout-styles__label___QDLOI{scroll-margin-top:6em}.-esm-implementer-tools__layout-styles__structuredList___4jiD8{margin-bottom:1em}.-esm-implementer-tools__layout-styles__structuredListRow___\\+r5N8{border-left:2px solid silver}.-esm-implementer-tools__layout-styles__structuredListRow___\\+r5N8 .cds--number input[type="number"]:focus{outline:2px solid var(--cds-focus, #0f62fe)}.-esm-implementer-tools__layout-styles__subtreeCell___egbsS{left:-6em}',"",{version:3,sources:["webpack://./src/configuration/interactive-editor/layout/layout.styles.scss"],names:[],mappings:"AAEA,2DACE,UAAA,CAGF,sDACE,qBAAA,CAGF,+DACE,iBAAA,CAGF,mEACE,4BAAA,CACA,2GACE,2CAAA,CAIJ,4DACE,SAAA",sourcesContent:["@use '@carbon/react/scss/theme';\n\n.labelCell {\n width: 12em;\n}\n\n.label {\n scroll-margin-top: 6em;\n}\n\n.structuredList {\n margin-bottom: 1em;\n}\n\n.structuredListRow {\n border-left: 2px solid #c0c0c0;\n :global(.cds--number input[type='number']:focus) {\n outline: 2px solid theme.$focus;\n }\n}\n\n.subtreeCell {\n left: -6em;\n}\n"],sourceRoot:""}]),a.locals={labelCell:"-esm-implementer-tools__layout-styles__labelCell___+LSvs",label:"-esm-implementer-tools__layout-styles__label___QDLOI",structuredList:"-esm-implementer-tools__layout-styles__structuredList___4jiD8",structuredListRow:"-esm-implementer-tools__layout-styles__structuredListRow___+r5N8",subtreeCell:"-esm-implementer-tools__layout-styles__subtreeCell___egbsS"};const s=a},3330:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__value-editor__cds--layout--size-xs___kVG65{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xs___nMAqZ{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xs___ED4\\+i{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xs___zP0I6{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__value-editor__cds--layout--size-sm___EiSHg{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-sm___VkW90{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-sm___74ddM{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-sm___woBs3{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__value-editor__cds--layout--size-md___GwOAO{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-md___oXrpI{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-md___ViRo8{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-md___TWzOY{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__value-editor__cds--layout--size-lg___fNsGN{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-lg___S2AJs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-lg___Qd0C5{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-lg___Rw2mg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__value-editor__cds--layout--size-xl___VIE1N{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xl___Q8gfF{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xl___6sMax{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xl___rEfpI{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__value-editor__cds--layout--size-2xl___biiGw{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-2xl___h-hc2{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-2xl___y9ksi{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-2xl___mdjtl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__value-editor__cds--layout--density-condensed___Xts\\+8{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-condensed___xcR\\+c{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-condensed___yy-BC{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-condensed___F\\+ROp{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__value-editor__cds--layout--density-normal___IrG8i{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-normal___3tFmq{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-normal___qK2xT{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-normal___NvWmD{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__cds--layer-one___nil24{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__cds--layer-two___bYxiF{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-implementer-tools__value-editor__cds--layer-three___g2\\+Jm{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes -esm-implementer-tools__value-editor__hide-feedback___nDLZ6{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-implementer-tools__value-editor__show-feedback___qxTq8{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-implementer-tools__value-editor__skeleton___w-iBo{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-implementer-tools__value-editor__cds--assistive-text___uVbx6,.-esm-implementer-tools__value-editor__cds--visually-hidden___hHVU8{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.-esm-implementer-tools__value-editor__cds--popover-container___MBmnd{position:relative;display:inline-block}.-esm-implementer-tools__value-editor__cds--popover--high-contrast___nKw08 .-esm-implementer-tools__value-editor__cds--popover___PMPO8{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--popover--drop-shadow___2vKpc .-esm-implementer-tools__value-editor__cds--popover___PMPO8{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-implementer-tools__value-editor__cds--popover--caret___RGyRe{--cds-popover-offset:0.625rem}.-esm-implementer-tools__value-editor__cds--popover___PMPO8{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color, var(--cds-layer));border-radius:var(--cds-popover-border-radius, 2px);color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));pointer-events:auto}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *,.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *::before,.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{display:block}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{position:absolute;display:none;content:\"\"}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{display:block}.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{display:block}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{display:none}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:0;left:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{right:0;bottom:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;right:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(-100%)}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{bottom:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);transform:translate(-50%, var(--cds-popover-offset, 0rem))}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;left:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;right:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(100%)}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset, 0rem);transform:translateX(-100%)}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:50%;left:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset, 0rem);transform:translateX(100%)}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:50%;right:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{border-radius:0}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB .-esm-implementer-tools__value-editor__cds--popover___PMPO8{will-change:filter}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *,.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *::before,.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4::-moz-focus-inner{border:0}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:focus{outline-style:dotted}}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:hover{background-color:var(--cds-layer-hover)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi .-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi .-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--tooltip___nrPhQ{--cds-popover-offset:12px}.-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5{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);max-width:18rem;padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd .-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary, #161616)}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *,.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *::before,.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10::-moz-focus-inner{border:0}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:focus{outline:1px solid var(--cds-focus, #0f62fe);border-bottom-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:focus{outline-style:dotted}}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:hover{border-bottom-color:var(--cds-border-interactive, #0f62fe)}.-esm-implementer-tools__value-editor__cds--definition-tooltip___9X8T\\+{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);max-width:11rem;padding:.5rem 1rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;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);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-implementer-tools__value-editor__cds--btn___ichjj *,.-esm-implementer-tools__value-editor__cds--btn___ichjj *::before,.-esm-implementer-tools__value-editor__cds--btn___ichjj *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--btn___ichjj:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--btn___ichjj .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;margin-block-start:.0625rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj::-moz-focus-inner{padding:0;border:0}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:hover,.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static;margin-left:.5rem}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR>:first-child{min-width:1rem;margin-block-start:.0625rem}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{margin:0}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--selected___bL2np{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-implementer-tools__value-editor__cds--btn___ichjj path[data-icon-path=inner-path]{fill:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled] .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled] .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo[disabled]:hover .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled]{cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW .-esm-implementer-tools__value-editor__cds--tooltip-trigger__wrapper___6np88{cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW .-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled]{pointer-events:none}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static;margin-left:.5rem}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:active{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{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);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{padding:12px 13px}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{width:1.25rem;height:1.25rem}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{max-width:20rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:hover,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:focus,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:active{border:none;cursor:default;outline:none}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd::before{position:absolute;width:100%;height:100%;animation:3000ms ease-in-out -esm-implementer-tools__value-editor__skeleton___w-iBo infinite;background:var(--cds-skeleton-element, #c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd::before{animation:none}}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx{display:flex}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT{flex-direction:column}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj{width:100%;max-width:12.25rem}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:focus+.-esm-implementer-tools__value-editor__cds--btn___ichjj{box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:first-of-type{box-shadow:none}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__value-editor__cds--btn___ichjj:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:ButtonText}}: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-implementer-tools__value-editor__productiveHeading01___t4lXG{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)}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{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)}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div:hover{padding:.5rem 0}.-esm-implementer-tools__value-editor__darkTheme___r3GpN{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-button-separator: #161616;--cds-button-primary: #0f62fe;--cds-button-secondary: #6f6f6f;--cds-button-tertiary: #ffffff;--cds-button-danger-primary: #da1e28;--cds-button-danger-secondary: #ff8389;--cds-button-danger-active: #750e13;--cds-button-primary-active: #002d9c;--cds-button-secondary-active: #393939;--cds-button-tertiary-active: #c6c6c6;--cds-button-danger-hover: #b81921;--cds-button-primary-hover: #0050e6;--cds-button-secondary-hover: #5e5e5e;--cds-button-tertiary-hover: #f4f4f4;--cds-button-disabled: rgba(141, 141, 141, 0.3);--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ{margin-top:.5rem}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ .cds--btn--primary{background-color:var(--cds-button-primary, #0f62fe)}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ .cds--btn--primary:hover{background-color:var(--cds-button-primary-hover, #0050e6)}","",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./src/configuration/interactive-editor/value-editor.scss"],names:[],mappings:"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",sourcesContent:["//\n// Copyright IBM Corp. 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@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\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@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n","//\n// Copyright IBM Corp. 2021\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@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n// stylelint-disable-next-line length-zero-no-unit\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n position: relative;\n display: inline-block;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-drop-shadow',\n drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))\n );\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n width: max-content;\n max-width: convert.to-rem(368px);\n background-color: $popover-background-color;\n border-radius: $popover-border-radius;\n color: $popover-text-color;\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 0;\n bottom: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n bottom: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, $popover-offset);\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n right: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: $popover-offset;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n left: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: -50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset + 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 100%;\n bottom: -50%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset - 16px)\n );\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: $popover-offset;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n right: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n width: convert.to-rem(32px);\n height: convert.to-rem(32px);\n align-items: center;\n justify-content: center;\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: theme.$layer;\n content: '';\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\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/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n width: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\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@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 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@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(288px);\n padding: $tooltip-padding-block $tooltip-padding-inline;\n\n color: theme.$text-inverse;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-bottom: 1px dotted theme.$border-strong;\n border-radius: 0;\n\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(176px);\n padding: convert.to-rem(8px) convert.to-rem(16px);\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\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","//\n// Copyright IBM Corp. 2016, 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@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $default: 'lg');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n width: layout.size('height');\n height: layout.size('height');\n justify-content: center;\n padding: 0;\n // -1px to compensate for border width\n padding-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n\n > :first-child {\n min-width: convert.to-rem(16px);\n margin-block-start: convert.to-rem(1px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 -\n convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n width: convert.to-rem(20px);\n height: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-width: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n width: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n width: 100%;\n // 196px from design kit\n max-width: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // Windows HCM fix\n // stylelint-disable-next-line no-duplicate-selectors\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n @include high-contrast-mode('icon-fill');\n }\n}\n","//\n// Copyright IBM Corp. 2016, 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@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n width: max-content;\n max-width: convert.to-rem(320px);\n min-height: layout.size('height');\n flex-shrink: 0;\n justify-content: space-between;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n border-radius: $button-border-radius;\n cursor: pointer;\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline-end: calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) -\n convert.to-rem(1px)\n );\n padding-inline-start: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n text-align: left;\n text-decoration: none;\n transition: background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n // -1px to compensate for border width\n top: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n right: layout.density('padding-inline');\n width: convert.to-rem(16px);\n height: convert.to-rem(16px);\n flex-shrink: 0;\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow: inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-top: $spacing-05;\n padding-right: $spacing-10;\n padding-left: $spacing-05;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !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@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\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. 2021\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@use 'keyframes';\n@use '../theme' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n background: $skeleton-background;\n border-radius: 50%;\n\n &::before {\n position: absolute;\n width: 200%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\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/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'icon-fill') {\n fill: ButtonText;\n }\n\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/components/button';\n@import '../../implementer-tools.styles.scss';\n\n.valueEditorButtons {\n margin-top: spacing.$spacing-03;\n :global(.cds--btn--primary) {\n background-color: button.$button-primary;\n &:hover {\n background-color: button.$button-primary-hover;\n }\n }\n}\n"],sourceRoot:""}]),a.locals={"cds--layout--size-xs":"-esm-implementer-tools__value-editor__cds--layout--size-xs___kVG65","cds--layout-constraint--size__default-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xs___nMAqZ","cds--layout-constraint--size__min-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xs___ED4+i","cds--layout-constraint--size__max-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xs___zP0I6","cds--layout--size-sm":"-esm-implementer-tools__value-editor__cds--layout--size-sm___EiSHg","cds--layout-constraint--size__default-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-sm___VkW90","cds--layout-constraint--size__min-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-sm___74ddM","cds--layout-constraint--size__max-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-sm___woBs3","cds--layout--size-md":"-esm-implementer-tools__value-editor__cds--layout--size-md___GwOAO","cds--layout-constraint--size__default-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-md___oXrpI","cds--layout-constraint--size__min-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-md___ViRo8","cds--layout-constraint--size__max-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-md___TWzOY","cds--layout--size-lg":"-esm-implementer-tools__value-editor__cds--layout--size-lg___fNsGN","cds--layout-constraint--size__default-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-lg___S2AJs","cds--layout-constraint--size__min-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-lg___Qd0C5","cds--layout-constraint--size__max-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-lg___Rw2mg","cds--layout--size-xl":"-esm-implementer-tools__value-editor__cds--layout--size-xl___VIE1N","cds--layout-constraint--size__default-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xl___Q8gfF","cds--layout-constraint--size__min-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xl___6sMax","cds--layout-constraint--size__max-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xl___rEfpI","cds--layout--size-2xl":"-esm-implementer-tools__value-editor__cds--layout--size-2xl___biiGw","cds--layout-constraint--size__default-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-2xl___h-hc2","cds--layout-constraint--size__min-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-2xl___y9ksi","cds--layout-constraint--size__max-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-2xl___mdjtl","cds--layout--density-condensed":"-esm-implementer-tools__value-editor__cds--layout--density-condensed___Xts+8","cds--layout-constraint--density__default-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-condensed___xcR+c","cds--layout-constraint--density__min-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-condensed___yy-BC","cds--layout-constraint--density__max-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-condensed___F+ROp","cds--layout--density-normal":"-esm-implementer-tools__value-editor__cds--layout--density-normal___IrG8i","cds--layout-constraint--density__default-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-normal___3tFmq","cds--layout-constraint--density__min-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-normal___qK2xT","cds--layout-constraint--density__max-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-normal___NvWmD","cds--layer-one":"-esm-implementer-tools__value-editor__cds--layer-one___nil24","cds--layer-two":"-esm-implementer-tools__value-editor__cds--layer-two___bYxiF","cds--layer-three":"-esm-implementer-tools__value-editor__cds--layer-three___g2+Jm","cds--assistive-text":"-esm-implementer-tools__value-editor__cds--assistive-text___uVbx6","cds--visually-hidden":"-esm-implementer-tools__value-editor__cds--visually-hidden___hHVU8","cds--popover-container":"-esm-implementer-tools__value-editor__cds--popover-container___MBmnd","cds--popover--high-contrast":"-esm-implementer-tools__value-editor__cds--popover--high-contrast___nKw08","cds--popover":"-esm-implementer-tools__value-editor__cds--popover___PMPO8","cds--popover--drop-shadow":"-esm-implementer-tools__value-editor__cds--popover--drop-shadow___2vKpc","cds--popover--caret":"-esm-implementer-tools__value-editor__cds--popover--caret___RGyRe","cds--popover-content":"-esm-implementer-tools__value-editor__cds--popover-content___PPnxn","cds--popover--open":"-esm-implementer-tools__value-editor__cds--popover--open___6oeFi","cds--popover-caret":"-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ","cds--popover--tab-tip":"-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB","cds--popover--bottom":"-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg","cds--popover--bottom-left":"-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe","cds--popover--bottom-right":"-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB","cds--popover--top":"-esm-implementer-tools__value-editor__cds--popover--top___wpNUT","cds--popover--top-left":"-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8","cds--popover--top-right":"-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c","cds--popover--right":"-esm-implementer-tools__value-editor__cds--popover--right___CZDoH","cds--popover--right-top":"-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU","cds--popover--right-bottom":"-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M","cds--popover--left":"-esm-implementer-tools__value-editor__cds--popover--left___H+bS7","cds--popover--left-top":"-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3","cds--popover--left-bottom":"-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ","cds--popover--tab-tip__button":"-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4","cds--tooltip":"-esm-implementer-tools__value-editor__cds--tooltip___nrPhQ","cds--tooltip-content":"-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5","cds--icon-tooltip":"-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd","cds--definition-term":"-esm-implementer-tools__value-editor__cds--definition-term___JWg10","cds--definition-tooltip":"-esm-implementer-tools__value-editor__cds--definition-tooltip___9X8T+","cds--btn":"-esm-implementer-tools__value-editor__cds--btn___ichjj","cds--btn--disabled":"-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg","cds--btn__icon":"-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ","cds--btn--primary":"-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw","cds--btn--secondary":"-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH","cds--btn--tertiary":"-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs","cds--btn--ghost":"-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo","cds--btn--icon-only":"-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR","cds--btn--danger--ghost":"-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2","cds--btn--selected":"-esm-implementer-tools__value-editor__cds--btn--selected___bL2np","cds--icon-tooltip--disabled":"-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW","cds--tooltip-trigger__wrapper":"-esm-implementer-tools__value-editor__cds--tooltip-trigger__wrapper___6np88","cds--btn--danger":"-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf","cds--btn--danger--tertiary":"-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO","cds--btn--expressive":"-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q","cds--btn-set":"-esm-implementer-tools__value-editor__cds--btn-set___a4oMx","cds--skeleton":"-esm-implementer-tools__value-editor__cds--skeleton___Wtndd",skeleton:"-esm-implementer-tools__value-editor__skeleton___w-iBo","cds--btn-set--stacked":"-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT",productiveHeading01:"-esm-implementer-tools__value-editor__productiveHeading01___t4lXG",productiveHeading02:"-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R",bodyShort01:"-esm-implementer-tools__value-editor__bodyShort01___97nqC",toolStyles:"-esm-implementer-tools__value-editor__toolStyles___3pcG7",chevronImplementerToolsButton:"-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT+1",darkTheme:"-esm-implementer-tools__value-editor__darkTheme___r3GpN",valueEditorButtons:"-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ","hide-feedback":"-esm-implementer-tools__value-editor__hide-feedback___nDLZ6","show-feedback":"-esm-implementer-tools__value-editor__show-feedback___qxTq8"};const s=a},9838:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,'.-esm-implementer-tools__array-editor-styles__cds--layout--size-xs___60tJw{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xs___Es-VI{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xs___P2YcP{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xs___mz2\\+v{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-sm___fMM6U{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-sm___9HZNX{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-sm___FKfPa{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-sm___vJxol{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-md___E\\+JYz{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-md___VOwNh{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-md___1yANW{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-md___Ef8Sf{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-lg___a7qjG{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-lg___uO0P-{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-lg___Ee38k{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-lg___MEnWK{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-xl___9dfOl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xl___ZDBcR{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xl___AHHWM{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xl___9Fj79{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-2xl___EfCc0{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-2xl___3auX1{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-2xl___6prRG{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-2xl___C2JQE{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--density-condensed___IgQsQ{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-condensed___YfNer{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-condensed___XhMK6{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-condensed___eWouQ{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--density-normal___sNcyB{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-normal___kaAS4{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-normal___RKpel{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-normal___uqfF6{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__array-editor-styles__cds--layer-one___GGn0P{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__array-editor-styles__cds--layer-two___iHIrw{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-implementer-tools__array-editor-styles__cds--layer-three___Tov9q{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes -esm-implementer-tools__array-editor-styles__hide-feedback___qe--b{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-implementer-tools__array-editor-styles__show-feedback___Nx2yu{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-implementer-tools__array-editor-styles__skeleton___I9pCU{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-implementer-tools__array-editor-styles__cds--assistive-text___lzZxA,.-esm-implementer-tools__array-editor-styles__cds--visually-hidden___SoPyd{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.-esm-implementer-tools__array-editor-styles__cds--popover-container___nB\\+uX{position:relative;display:inline-block}.-esm-implementer-tools__array-editor-styles__cds--popover--high-contrast___5cLh6 .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--popover--drop-shadow___y5rxs .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-implementer-tools__array-editor-styles__cds--popover--caret___l639H{--cds-popover-offset:0.625rem}.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color, var(--cds-layer));border-radius:var(--cds-popover-border-radius, 2px);color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));pointer-events:auto}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *,.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *::before,.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{position:absolute;display:none;content:""}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{display:none}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:0;left:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{right:0;bottom:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;right:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(-100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{bottom:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);transform:translate(-50%, var(--cds-popover-offset, 0rem))}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;left:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;right:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset, 0rem);transform:translateX(-100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:50%;left:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset, 0rem);transform:translateX(100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:50%;right:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{border-radius:0}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{will-change:filter}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *,.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *::before,.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H::-moz-focus-inner{border:0}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:focus{outline-style:dotted}}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:hover{background-color:var(--cds-layer-hover)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44 .-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44 .-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--tooltip___f\\+UfP{--cds-popover-offset:12px}.-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw{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);max-width:18rem;padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU .-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *,.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *::before,.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa::-moz-focus-inner{border:0}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:focus{outline:1px solid var(--cds-focus, #0f62fe);border-bottom-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:focus{outline-style:dotted}}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:hover{border-bottom-color:var(--cds-border-interactive, #0f62fe)}.-esm-implementer-tools__array-editor-styles__cds--definition-tooltip___KEqqu{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);max-width:11rem;padding:.5rem 1rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;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);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *::before,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;margin-block-start:.0625rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9::-moz-focus-inner{padding:0;border:0}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static;margin-left:.5rem}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i>:first-child{min-width:1rem;margin-block-start:.0625rem}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{margin:0}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--selected___wmu6r{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 path[data-icon-path=inner-path]{fill:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled] .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled] .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N[disabled]:hover .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled]{cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f .-esm-implementer-tools__array-editor-styles__cds--tooltip-trigger__wrapper___rpBuU{cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f .-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled]{pointer-events:none}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static;margin-left:.5rem}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:active{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{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);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{padding:12px 13px}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{width:1.25rem;height:1.25rem}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{max-width:20rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:hover,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:focus,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:active{border:none;cursor:default;outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam::before{position:absolute;width:100%;height:100%;animation:3000ms ease-in-out -esm-implementer-tools__array-editor-styles__skeleton___I9pCU infinite;background:var(--cds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam::before{animation:none}}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z{display:flex}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+{flex-direction:column}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{width:100%;max-width:12.25rem}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus+.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:first-of-type{box-shadow:none}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:ButtonText}}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--structured-list{margin-bottom:.25rem}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--structured-list-td{padding:.25rem 3rem .25rem 1rem}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--btn--primary{background-color:var(--cds-button-primary, #0f62fe)}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--btn--primary:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__buttonCell___2\\+dG4{text-align:right}',"",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./src/configuration/interactive-editor/value-editors/array-editor.styles.scss"],names:[],mappings:"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",sourcesContent:["//\n// Copyright IBM Corp. 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@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\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@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n","//\n// Copyright IBM Corp. 2021\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@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n// stylelint-disable-next-line length-zero-no-unit\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n position: relative;\n display: inline-block;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-drop-shadow',\n drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))\n );\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n width: max-content;\n max-width: convert.to-rem(368px);\n background-color: $popover-background-color;\n border-radius: $popover-border-radius;\n color: $popover-text-color;\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 0;\n bottom: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n bottom: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, $popover-offset);\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n right: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: $popover-offset;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n left: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: -50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset + 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 100%;\n bottom: -50%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset - 16px)\n );\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: $popover-offset;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n right: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n width: convert.to-rem(32px);\n height: convert.to-rem(32px);\n align-items: center;\n justify-content: center;\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: theme.$layer;\n content: '';\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\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/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n width: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\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@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 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@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(288px);\n padding: $tooltip-padding-block $tooltip-padding-inline;\n\n color: theme.$text-inverse;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-bottom: 1px dotted theme.$border-strong;\n border-radius: 0;\n\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(176px);\n padding: convert.to-rem(8px) convert.to-rem(16px);\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\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","//\n// Copyright IBM Corp. 2016, 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@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $default: 'lg');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n width: layout.size('height');\n height: layout.size('height');\n justify-content: center;\n padding: 0;\n // -1px to compensate for border width\n padding-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n\n > :first-child {\n min-width: convert.to-rem(16px);\n margin-block-start: convert.to-rem(1px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 -\n convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n width: convert.to-rem(20px);\n height: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-width: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n width: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n width: 100%;\n // 196px from design kit\n max-width: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // Windows HCM fix\n // stylelint-disable-next-line no-duplicate-selectors\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n @include high-contrast-mode('icon-fill');\n }\n}\n","//\n// Copyright IBM Corp. 2016, 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@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n width: max-content;\n max-width: convert.to-rem(320px);\n min-height: layout.size('height');\n flex-shrink: 0;\n justify-content: space-between;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n border-radius: $button-border-radius;\n cursor: pointer;\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline-end: calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) -\n convert.to-rem(1px)\n );\n padding-inline-start: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n text-align: left;\n text-decoration: none;\n transition: background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n // -1px to compensate for border width\n top: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n right: layout.density('padding-inline');\n width: convert.to-rem(16px);\n height: convert.to-rem(16px);\n flex-shrink: 0;\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow: inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-top: $spacing-05;\n padding-right: $spacing-10;\n padding-left: $spacing-05;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !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@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\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. 2021\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@use 'keyframes';\n@use '../theme' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n background: $skeleton-background;\n border-radius: 50%;\n\n &::before {\n position: absolute;\n width: 200%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\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/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'icon-fill') {\n fill: ButtonText;\n }\n\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\n}\n","@use '@carbon/styles/scss/components/button';\n\n.arrayEditor {\n :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n }\n :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n }\n :global(.cds--btn--primary) {\n background-color: button.$button-primary;\n &:hover {\n background-color: button.$button-primary-hover;\n }\n }\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),a.locals={"cds--layout--size-xs":"-esm-implementer-tools__array-editor-styles__cds--layout--size-xs___60tJw","cds--layout-constraint--size__default-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xs___Es-VI","cds--layout-constraint--size__min-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xs___P2YcP","cds--layout-constraint--size__max-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xs___mz2+v","cds--layout--size-sm":"-esm-implementer-tools__array-editor-styles__cds--layout--size-sm___fMM6U","cds--layout-constraint--size__default-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-sm___9HZNX","cds--layout-constraint--size__min-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-sm___FKfPa","cds--layout-constraint--size__max-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-sm___vJxol","cds--layout--size-md":"-esm-implementer-tools__array-editor-styles__cds--layout--size-md___E+JYz","cds--layout-constraint--size__default-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-md___VOwNh","cds--layout-constraint--size__min-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-md___1yANW","cds--layout-constraint--size__max-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-md___Ef8Sf","cds--layout--size-lg":"-esm-implementer-tools__array-editor-styles__cds--layout--size-lg___a7qjG","cds--layout-constraint--size__default-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-lg___uO0P-","cds--layout-constraint--size__min-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-lg___Ee38k","cds--layout-constraint--size__max-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-lg___MEnWK","cds--layout--size-xl":"-esm-implementer-tools__array-editor-styles__cds--layout--size-xl___9dfOl","cds--layout-constraint--size__default-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xl___ZDBcR","cds--layout-constraint--size__min-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xl___AHHWM","cds--layout-constraint--size__max-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xl___9Fj79","cds--layout--size-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout--size-2xl___EfCc0","cds--layout-constraint--size__default-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-2xl___3auX1","cds--layout-constraint--size__min-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-2xl___6prRG","cds--layout-constraint--size__max-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-2xl___C2JQE","cds--layout--density-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout--density-condensed___IgQsQ","cds--layout-constraint--density__default-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-condensed___YfNer","cds--layout-constraint--density__min-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-condensed___XhMK6","cds--layout-constraint--density__max-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-condensed___eWouQ","cds--layout--density-normal":"-esm-implementer-tools__array-editor-styles__cds--layout--density-normal___sNcyB","cds--layout-constraint--density__default-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-normal___kaAS4","cds--layout-constraint--density__min-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-normal___RKpel","cds--layout-constraint--density__max-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-normal___uqfF6","cds--layer-one":"-esm-implementer-tools__array-editor-styles__cds--layer-one___GGn0P","cds--layer-two":"-esm-implementer-tools__array-editor-styles__cds--layer-two___iHIrw","cds--layer-three":"-esm-implementer-tools__array-editor-styles__cds--layer-three___Tov9q","cds--assistive-text":"-esm-implementer-tools__array-editor-styles__cds--assistive-text___lzZxA","cds--visually-hidden":"-esm-implementer-tools__array-editor-styles__cds--visually-hidden___SoPyd","cds--popover-container":"-esm-implementer-tools__array-editor-styles__cds--popover-container___nB+uX","cds--popover--high-contrast":"-esm-implementer-tools__array-editor-styles__cds--popover--high-contrast___5cLh6","cds--popover":"-esm-implementer-tools__array-editor-styles__cds--popover___uaymf","cds--popover--drop-shadow":"-esm-implementer-tools__array-editor-styles__cds--popover--drop-shadow___y5rxs","cds--popover--caret":"-esm-implementer-tools__array-editor-styles__cds--popover--caret___l639H","cds--popover-content":"-esm-implementer-tools__array-editor-styles__cds--popover-content___+PNOj","cds--popover--open":"-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44","cds--popover-caret":"-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH","cds--popover--tab-tip":"-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO","cds--popover--bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr","cds--popover--bottom-left":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks","cds--popover--bottom-right":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw","cds--popover--top":"-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB-","cds--popover--top-left":"-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds","cds--popover--top-right":"-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d","cds--popover--right":"-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq","cds--popover--right-top":"-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw","cds--popover--right-bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2","cds--popover--left":"-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG","cds--popover--left-top":"-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK","cds--popover--left-bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2","cds--popover--tab-tip__button":"-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e+H","cds--tooltip":"-esm-implementer-tools__array-editor-styles__cds--tooltip___f+UfP","cds--tooltip-content":"-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw","cds--icon-tooltip":"-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU","cds--definition-term":"-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa","cds--definition-tooltip":"-esm-implementer-tools__array-editor-styles__cds--definition-tooltip___KEqqu","cds--btn":"-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9","cds--btn--disabled":"-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa","cds--btn__icon":"-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr","cds--btn--primary":"-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT","cds--btn--secondary":"-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE","cds--btn--tertiary":"-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1","cds--btn--ghost":"-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N","cds--btn--icon-only":"-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0+i","cds--btn--danger--ghost":"-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5","cds--btn--selected":"-esm-implementer-tools__array-editor-styles__cds--btn--selected___wmu6r","cds--icon-tooltip--disabled":"-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f","cds--tooltip-trigger__wrapper":"-esm-implementer-tools__array-editor-styles__cds--tooltip-trigger__wrapper___rpBuU","cds--btn--danger":"-esm-implementer-tools__array-editor-styles__cds--btn--danger___+GjMO","cds--btn--danger--tertiary":"-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___+xn-1","cds--btn--expressive":"-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK","cds--btn-set":"-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z","cds--skeleton":"-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam",skeleton:"-esm-implementer-tools__array-editor-styles__skeleton___I9pCU","cds--btn-set--stacked":"-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW+",arrayEditor:"-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO",buttonCell:"-esm-implementer-tools__array-editor-styles__buttonCell___2+dG4","hide-feedback":"-esm-implementer-tools__array-editor-styles__hide-feedback___qe--b","show-feedback":"-esm-implementer-tools__array-editor-styles__show-feedback___Nx2yu"};const s=a},7047:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__uuid-search__productiveHeading01___tdeaI{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)}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{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)}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div:hover{padding:.5rem 0}.-esm-implementer-tools__uuid-search__darkTheme___MdSeK{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{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:#161616;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.-esm-implementer-tools__uuid-search__autocomplete___Femfx,.-esm-implementer-tools__uuid-search__autocomplete___Femfx>[role=combobox]{position:relative;width:20em}.-esm-implementer-tools__uuid-search__listbox___4v5pq{box-shadow:0 0 .5rem}.-esm-implementer-tools__uuid-search__smallListCell___ibH1k{padding:.5rem}.-esm-implementer-tools__uuid-search__loader___ZBUIr{margin:1rem}.-esm-implementer-tools__uuid-search__emptyResults___EWCen{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);background-color:#fff;color:#525252;min-height:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/value-editors/uuid-search.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '../../../implementer-tools.styles.scss';\n\n.activeUuid {\n @include type.type-style('body-compact-01');\n color: $ui-05;\n margin-bottom: spacing.$spacing-03;\n padding-bottom: spacing.$spacing-03;\n border-bottom: 1px solid $ui-03;\n}\n\n.autocomplete,\n.autocomplete > [role='combobox'] {\n position: relative;\n width: 20em;\n}\n\n.listbox {\n box-shadow: 0 0 spacing.$spacing-03;\n}\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n\n.loader {\n margin: 1rem;\n}\n\n.emptyResults {\n @include type.type-style('body-compact-01');\n background-color: $ui-02;\n color: $text-02;\n min-height: 1rem;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI",productiveHeading02:"-esm-implementer-tools__uuid-search__productiveHeading02___c2158",bodyShort01:"-esm-implementer-tools__uuid-search__bodyShort01___iqDKX",toolStyles:"-esm-implementer-tools__uuid-search__toolStyles___iEsKx",chevronImplementerToolsButton:"-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp",darkTheme:"-esm-implementer-tools__uuid-search__darkTheme___MdSeK",activeUuid:"-esm-implementer-tools__uuid-search__activeUuid___P5DQe",autocomplete:"-esm-implementer-tools__uuid-search__autocomplete___Femfx",listbox:"-esm-implementer-tools__uuid-search__listbox___4v5pq",smallListCell:"-esm-implementer-tools__uuid-search__smallListCell___ibH1k",loader:"-esm-implementer-tools__uuid-search__loader___ZBUIr",emptyResults:"-esm-implementer-tools__uuid-search__emptyResults___EWCen"};const s=a},6164:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__frontend-modules__container___lkvmv{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___lkvmv .cds--data-table-container{padding-top:0}.-esm-implementer-tools__frontend-modules__header___y\\+cps{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)}.-esm-implementer-tools__frontend-modules__helper___AiC6o{font-size:var(--cds-helper-text-01-font-size, 0.75rem);line-height:var(--cds-helper-text-01-line-height, 1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px)}","",{version:3,sources:["webpack://./src/feature-flags/frontend-modules.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,6DACE,WAAA,CACA,eAAA,CAEA,wFACE,aAAA,CAIJ,2DCu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDn1BJ,0DCm1BI,sDAAA,CAAA,0DAAA,CAAA,+DAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.header {\n @include type.type-style('heading-compact-02');\n}\n\n.helper {\n @include type.type-style('helper-text-01');\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:""}]),a.locals={container:"-esm-implementer-tools__frontend-modules__container___lkvmv",header:"-esm-implementer-tools__frontend-modules__header___y+cps",helper:"-esm-implementer-tools__frontend-modules__helper___AiC6o"};const s=a},5961:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__frontend-modules__container___ZLxli{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___ZLxli .cds--data-table-container{padding-top:0}.-esm-implementer-tools__frontend-modules__moduleHeader___Fbdh3{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)}.-esm-implementer-tools__frontend-modules__moduleComponentHeader___VLWyM{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)}","",{version:3,sources:["webpack://./src/frontend-modules/frontend-modules.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,6DACE,WAAA,CACA,eAAA,CAEA,wFACE,aAAA,CAIJ,gECu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDn1BJ,yECm1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.moduleHeader {\n @include type.type-style('heading-compact-02');\n}\n\n.moduleComponentHeader {\n @include type.type-style('heading-compact-01');\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:""}]),a.locals={container:"-esm-implementer-tools__frontend-modules__container___ZLxli",moduleHeader:"-esm-implementer-tools__frontend-modules__moduleHeader___Fbdh3",moduleComponentHeader:"-esm-implementer-tools__frontend-modules__moduleComponentHeader___VLWyM"};const s=a},2890:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__popup-styles__productiveHeading01___4leaH{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)}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{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)}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div:hover{padding:.5rem 0}.-esm-implementer-tools__popup-styles__darkTheme___8gOG\\+{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__popup-styles__popup___0bVnN{position:fixed;bottom:0;left:0;width:100%;z-index:100000;background-color:var(--cds-background, #ffffff);border-top:2px solid #161616;color:#161616;box-sizing:border-box}.-esm-implementer-tools__popup-styles__popup___0bVnN tr th,.-esm-implementer-tools__popup-styles__popup___0bVnN tr td{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__popup-styles__content___MAVBS{width:100%;height:50vh}.-esm-implementer-tools__popup-styles__tabs___goPOI{min-width:30rem;overflow-x:hidden;overflow-y:auto;position:relative}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn{min-width:fit-content;border:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn::after{display:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn::before{display:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn:last-child{border-right:none !important;border-radius:0 !important}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn:first-child{border-left:none !important;border-radius:0 !important}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2;background-color:var(--cds-background, #ffffff)}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/popup/popup.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/react/scss/theme';\n@import '../implementer-tools.styles.scss';\n\n.popup {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 100000;\n background-color: theme.$background;\n border-top: 2px solid $ui-05;\n color: $color-gray-100;\n box-sizing: border-box;\n\n tr {\n th,\n td {\n color: theme.$text-secondary;\n }\n }\n}\n\n.content {\n width: 100%;\n height: 50vh;\n}\n\n.tabs {\n min-width: 30rem;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n\n :global(.cds--content-switcher-btn) {\n min-width: fit-content;\n border: none;\n &::after {\n display: none;\n }\n\n &::before {\n display: none;\n }\n\n &:last-child {\n border-right: none !important;\n border-radius: 0 !important;\n }\n\n &:first-child {\n border-left: none !important;\n border-radius: 0 !important;\n }\n }\n}\n\n.topBar {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 2;\n background-color: theme.$background;\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__popup-styles__productiveHeading01___4leaH",productiveHeading02:"-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm",bodyShort01:"-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz",toolStyles:"-esm-implementer-tools__popup-styles__toolStyles___d1S8B",chevronImplementerToolsButton:"-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5",darkTheme:"-esm-implementer-tools__popup-styles__darkTheme___8gOG+",popup:"-esm-implementer-tools__popup-styles__popup___0bVnN",content:"-esm-implementer-tools__popup-styles__content___MAVBS",tabs:"-esm-implementer-tools__popup-styles__tabs___goPOI",topBar:"-esm-implementer-tools__popup-styles__topBar___Qn+FU"};const s=a},7165:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Bn});var o=t(5776),i=t.n(o),r=t(8368),a=t(2680),s=t(839),l=t(8403),c=t(8478),A=t(487),d=t.n(A),p=t(631),u=t.n(p),h=t(2052),m=t.n(h),f=t(4010),g=t.n(f),y=t(1469),_=t.n(y),b=t(9329),C=t.n(b),v=t(1860),$={};$.styleTagTransform=C(),$.setAttributes=g(),$.insert=m().bind(null,"head"),$.domAPI=u(),$.insertStyleElement=_(),d()(v.Z,$);const k=v.Z&&v.Z.locals?v.Z.locals:void 0;var x=t(988),w=t(5751),z=t(7960),S={};S.styleTagTransform=C(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=_(),d()(z.Z,S);const B=z.Z&&z.Z.locals?z.Z.locals:void 0;var E=t(4610),T=t(7474),M=t(9838),P={};P.styleTagTransform=C(),P.setAttributes=g(),P.insert=m().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=_(),d()(M.Z,P);const D=M.Z&&M.Z.locals?M.Z.locals:void 0;function I(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function F(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){I(e,n,t[n])}))}return e}function q(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function N(e){var n,t=e.element,a=e.valueArray,l=e.setValue,c=(0,o.useMemo)((function(){return(0,T.Z)("array-editor-")}),[]);return i().createElement(r.n9L,{className:D.arrayEditor},i().createElement(r.x4x,null,i().createElement(r.FxI,null,a.map((function(e,o){var A;return i().createElement(r.s1N,{key:"".concat(c,"-").concat(o)},i().createElement(r.agF,null,i().createElement(pe,{element:q(F({},t._elements),{_value:e,_source:t._source}),valueType:null!==(n=null===(A=t._elements)||void 0===A?void 0:A._type)&&void 0!==n?n:E.Type.Object,value:e,onChange:function(e){var n=(0,s.Z)(a);n[o]=e,l(n)}})),i().createElement(r.agF,{className:D.buttonCell},i().createElement(r.zxk,{renderIcon:function(e){return i().createElement(E.TrashCanIcon,q(F({},e),{size:16}))},size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var e=(0,s.Z)(a);e.splice(o,1),l(e)}})))})),i().createElement(r.s1N,null,i().createElement(r.agF,null,i().createElement(r.zxk,{renderIcon:function(e){return i().createElement(E.AddIcon,q(F({},e),{size:16}))},size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var e,n,o=(0,s.Z)(a),i=(null!==(n=null===(e=t._elements)||void 0===e?void 0:e._type)&&void 0!==n?n:E.Type.Object)==E.Type.Object?{}:null;o.push(i),l(o)}}))))))}var G=t(4126),O=t(7047),j={};j.styleTagTransform=C(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=_(),d()(O.Z,j);const H=O.Z&&O.Z.locals?O.Z.locals:void 0;function U(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return U(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?U(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e){var n,t,s,l,c,A,d,p=e.setConcept,u=e.value,h=(0,a.useTranslation)().t,m=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),f=Q((0,o.useState)(""),2),g=f[0],y=f[1],_=Q((0,o.useState)(u),2),b=_[0],C=_[1],v=(n=g,l="".concat(E.restBaseUrl,"/concept/?q=").concat(n),A=(c=(0,G.ZP)(n?l:null,E.openmrsFetch)).data,d=c.error,{concepts:null!==(s=null==A||null===(t=A.data)||void 0===t?void 0:t.results)&&void 0!==s?s:[],error:d,isSearchingConcepts:!d&&!A}),$=v.concepts,k=v.isSearchingConcepts;return i().createElement("div",null,b&&i().createElement("p",{className:H.activeUuid},b),i().createElement("div",{className:H.autocomplete},i().createElement(r.olm,{id:"searchbox-".concat(m),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":h("searchConceptHelperText","Search concepts"),"aria-controls":"searchbox-".concat(m),"aria-expanded":$.length>0,placeholder:h("searchConceptHelperText","Search concepts"),onChange:function(e){y(e.target.value)}}),g?k?i().createElement(r.lSo,{className:H.loader,description:h("searching","Searching")+"..."}):$&&$.length&&!k?i().createElement(r.x4x,{selection:!0,id:"searchbox-".concat(m),className:H.listbox},$.map((function(e){return i().createElement(r.s1N,{key:e.uuid,role:"option","aria-selected":"true"},i().createElement(r.agF,{onClick:function(){!function(e){C(e.uuid),p(e),y("")}(e)},className:H.smallListCell},e.display))}))):i().createElement(r.n9L,{className:H.emptyResults},i().createElement("span",null,h("noConceptsFoundText","No matching concepts found"))):null))}function W(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}var R=(0,c.getExtensionInternalStore)();function Z(e){var n,t,a=e.value,s=e.setValue,l=(n=(0,o.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return W(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?W(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],A=l[1];return(0,o.useEffect)((function(){var e=function(e){A(Object.keys(e.extensions))};return e(R.getState()),R.subscribe(e)}),[]),i().createElement(r._nR,{id:"add-select",items:c.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return s(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:a})}function L(e){var n=e.slotName,t=(e.slotModuleName,e.value),o=e.setValue,a=(0,E.useAssignedExtensions)(n).map((function(e){return e.id}));return i().createElement(r._nR,{id:"add-select",items:a.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return o(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:t,itemToString:function(e){return e?null==e?void 0:e.label:""}})}var Y=t(7305),X={};X.styleTagTransform=C(),X.setAttributes=g(),X.insert=m().bind(null,"head"),X.domAPI=u(),X.insertStyleElement=_(),d()(Y.Z,X);const K=Y.Z&&Y.Z.locals?Y.Z.locals:void 0;function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ee(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ne(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){ee(e,n,t[n])}))}return e}function te(e){var n=e.element,t=e.valueObject,o=e.setValue;return i().createElement(r.n9L,{className:K.objectEditor},i().createElement(r.x4x,null,i().createElement(r.FxI,null,Object.entries(n).map((function(e){var a,l,c,A,d=(l=2,function(e){if(Array.isArray(e))return e}(a=e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(a,l)||function(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=d[0],u=d[1];return p.startsWith("_")?null:i().createElement(r.s1N,{key:p},i().createElement(r.agF,null,i().createElement(pe,{element:{_value:p,_source:n._source},valueType:E.Type.String,value:p,onChange:function(e){var n=(0,s.Z)(t);n[e]=(0,s.Z)(t[p]),delete n[p],o(n)}})),i().createElement(r.agF,null,i().createElement(pe,{element:(c=ne({},u),A={_value:t[p],_source:n._source},A=null!=A?A:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(A)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(A)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(A,e))})),c),valueType:u._type,value:t[p],onChange:function(e){var n=(0,s.Z)(t);n[p]=e,o(n)}})))})))))}function oe(e){return e.slotName,e.slotModuleName,e.value,e.setValue,i().createElement("div",null,"Todo: compose array with extension lookup")}var ie=t(4383);function re(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ae(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return re(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?re(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function se(e){var n=e.setPersonAttributeUuid,t=e.value,s=ae((0,o.useState)(""),2),l=s[0],c=s[1],A=ae((0,o.useState)([]),2),d=A[0],p=A[1],u=ae((0,o.useState)(t),2),h=u[0],m=u[1],f=(0,a.useTranslation)().t,g=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),y=(0,ie.Z)((function(e){c(e)}),300);return(0,o.useEffect)((function(){var e,n=new AbortController;return l&&l.length>=2?(e=l,(0,E.openmrsFetch)("".concat(E.restBaseUrl,"/personattributetype/?q=").concat(e),{method:"GET"})).then((function(e){var n=e.data.results;p(n.slice(0,9))})):p([]),function(){return n.abort()}}),[l]),i().createElement("div",null,h&&i().createElement("p",{className:H.activeUuid},h),i().createElement("div",{className:H.autocomplete},i().createElement(r.olm,{id:"search-input-".concat(g),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":f("searchPersonAttributeHelperText","Person attribute type name"),"aria-controls":"searchbox-".concat(g),"aria-expanded":d.length>0,placeholder:f("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){y(e.target.value)}}),!!d.length&&i().createElement(r.x4x,{selection:!0,className:H.listbox,id:"searchbox-".concat(g)},d.map((function(e){return i().createElement(r.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){m(e.uuid),c(""),p([]),n(e.uuid)}(e)},"aria-selected":"true"},i().createElement(r.agF,{className:H.smallListCell},e.display))}))),l&&d&&!d.length&&i().createElement("p",{className:H.bodyShort01},f("noPersonAttributeFoundText","No matching results found"))))}function le(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ce(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return le(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?le(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e){var n,t,s,l=e.setPatientIdentifierTypeUuid,c=e.value,A=ce((0,o.useState)(""),2),d=A[0],p=A[1],u=(n=(0,G.ZP)("".concat(E.restBaseUrl,"/patientidentifiertype"),E.openmrsFetch),t=n.data,s=n.error,(0,o.useMemo)((function(){var e;return{data:null==t||null===(e=t.data)||void 0===e?void 0:e.results,isLoading:!t&&!s}}),[t,s])),h=u.data,m=u.isLoading,f=ce((0,o.useState)(c),2),g=f[0],y=f[1],_=(0,a.useTranslation)().t,b=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),C=(0,o.useMemo)((function(){return!m&&d&&""!==d?null==h?void 0:h.filter((function(e){return e.display.toLowerCase().includes(d.toLowerCase())})):void 0}),[m,d,h]);return i().createElement("div",null,g&&i().createElement("p",{className:H.activeUuid},g),i().createElement("div",{className:H.autocomplete},i().createElement(r.olm,{id:"search-input-".concat(b),labelText:"",type:"text",size:"sm",placeholder:m?_("loading","Loading"):_("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){return p(e.target.value)},value:d,disabled:m}),d?(null==C?void 0:C.length)?i().createElement(r.x4x,{selection:!0,className:H.listbox,id:"searchbox-".concat(b)},null==C?void 0:C.map((function(e){return i().createElement(r.s1N,{key:e.uuid,role:"option",onClick:function(){!function(e){y(e.uuid),l(e.uuid),p("")}(e)},"aria-selected":"true"},i().createElement(r.agF,{className:H.smallListCell},e.display))}))):i().createElement("p",{className:H.bodyShort01},_("noPersonAttributeFoundText","No matching results found")):null))}function de(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function pe(e){var n,t,a=e.element,s=e.path,l=e.valueType,c=e.value,A=e.onChange,d=(n=(0,o.useState)((0,T.Z)("value-editor-")),t=1,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return de(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?de(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];if("remove"===l&&!s)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return l===E.Type.Array?i().createElement(N,{element:a,valueArray:c,setValue:A}):l===E.Type.Boolean?i().createElement(r.XZJ,{id:d,checked:c,hideLabel:!0,labelText:"",onChange:function(e,n){var t=n.checked;return n.id,A(t)}}):l===E.Type.ConceptUuid?i().createElement(J,{value:c,setConcept:function(e){return A(e.uuid)}}):l===E.Type.PersonAttributeTypeUuid?i().createElement(se,{value:c,setPersonAttributeUuid:function(e){return A(e)}}):l===E.Type.PatientIdentifierTypeUuid?i().createElement(Ae,{value:c,setPatientIdentifierTypeUuid:function(e){return A(e)}}):l===E.Type.Number?i().createElement(r.Y2U,{id:d,value:c,onChange:function(e,n){var t=n.value;return A(t?parseInt(t):0)},hideSteppers:!0}):l===E.Type.String||l===E.Type.UUID?i().createElement(r.oil,{id:d,value:c,labelText:"",onChange:function(e){return A(e.target.value)}}):"add"===l?i().createElement(Z,{value:null!=c?c:a._value,setValue:A}):"remove"===l&&s?i().createElement(L,{slotName:s[2],slotModuleName:s[0],value:null!=c?c:a._value,setValue:A}):"order"===l&&s?i().createElement(oe,{slotName:s[2],slotModuleName:s[0],value:null!=c?c:a._value,setValue:A}):"configure"===l&&s?i().createElement(i().Fragment,null,"Todo"):i().createElement(te,{element:a,valueObject:c,setValue:A})}var ue=t(3330),he={};he.styleTagTransform=C(),he.setAttributes=g(),he.insert=m().bind(null,"head"),he.domAPI=u(),he.insertStyleElement=_(),d()(ue.Z,he);const me=ue.Z&&ue.Z.locals?ue.Z.locals:void 0;function fe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ge(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ye(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){ge(e,n,t[n])}))}return e}function _e(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function be(e){var n,t,s=e.element,l=e.customType,c=e.path,A=e.handleSave,d=e.handleClose,p=(0,o.useRef)(null),u=(n=(0,o.useState)(s._value),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return fe(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?fe(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=u[0],m=u[1],f=(0,a.useTranslation)().t,g=null!=l?l:s._type;return(0,o.useEffect)((function(){var e=function(e){"Escape"===e.key?d():"Enter"===e.key&&A(JSON.stringify(h))};return document.addEventListener("keyup",e),function(){document.removeEventListener("keyup",e)}}),[A,d,h]),i().createElement("div",{ref:p,style:{display:"inherit"}},i().createElement(pe,{element:s,path:c,value:h,onChange:m,valueType:g}),i().createElement("div",{className:me.valueEditorButtons},i().createElement(r.zxk,{renderIcon:function(e){return i().createElement(E.SaveIcon,_e(ye({},e),{size:16}))},kind:"primary",onClick:function(){return A(JSON.stringify(h))}},f("saveValueButtonText","Save")),i().createElement(r.zxk,{renderIcon:function(e){return i().createElement(E.CloseIcon,_e(ye({},e),{size:16}))},kind:"secondary",onClick:d},f("cancelButtonText","Cancel"))))}var Ce=t(1004),ve=t(6350),$e={};$e.styleTagTransform=C(),$e.setAttributes=g(),$e.insert=m().bind(null,"head"),$e.domAPI=u(),$e.insertStyleElement=_(),d()(ve.Z,$e);const ke=ve.Z&&ve.Z.locals?ve.Z.locals:void 0;function xe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function we(e){var n=e.value;return i().createElement("div",null,Array.isArray(n)?"object"==typeof n[0]?n.map((function(e,n){return i().createElement(r.s1N,{key:"".concat(e,"-").concat(n)},i().createElement(r.agF,{className:ke.smallListCell},n+1),i().createElement(r.agF,{className:ke.smallListCell},i().createElement(we,{value:e})))})):"[ ".concat(n.join(", ")," ]"):"object"==typeof n&&null!==n?Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return xe(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?xe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(e,2),o=t[0],a=t[1];return i().createElement(r.s1N,{key:"".concat(o,"-").concat(n)},i().createElement(r.agF,{className:ke.smallListCell},o),i().createElement(r.agF,{className:ke.smallListCell},i().createElement(we,{value:a})))})):"string"==typeof n||"number"==typeof n?n:null==n?"none":JSON.stringify(n))}function ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Se(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Be(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Se(e,n,t[n])}))}return e}function Ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||Me(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Te(e){return function(e){if(Array.isArray(e))return ze(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Me(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Me(e,n){if(e){if("string"==typeof e)return ze(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ze(e,n):void 0}}function Pe(e){var n=e.path,t=e.element,l=e.customType,A=Ee((0,o.useState)(),2),d=A[0],p=A[1],u=Ee((0,o.useState)(!1),2),h=u[0],m=u[1],f=Ee((0,o.useState)(null),2),g=f[0],y=f[1],_=(0,o.useRef)(null),b=(0,a.useTranslation)().t,C=function(){m(!1),y(null)};return(0,o.useEffect)((function(){var e=function(e){e.configPathBeingEdited&&(0,x.Z)(e.configPathBeingEdited,n)&&_&&_.current&&(m(!0),_.current.focus())};return e(Ce.wT.getState()),Ce.wT.subscribe(e)}),[]),(0,o.useEffect)((function(){var e=Ce.wT.getState();h&&!(0,x.Z)(e.configPathBeingEdited,n)&&Ce.wT.setState({configPathBeingEdited:n,activeItemDescription:{path:n,source:t._source,description:t._description,value:d}}),!h&&(0,x.Z)(e.configPathBeingEdited,n)&&Ce.wT.setState({configPathBeingEdited:null})}),[h]),i().createElement(i().Fragment,null,i().createElement("div",{className:B.line},h?i().createElement(i().Fragment,null,i().createElement(be,{element:t,customType:l,path:n,handleClose:C,handleSave:function(e){try{var t=JSON.parse(e),o=De((0,s.Z)(c.temporaryConfigStore.getState()),["config"].concat(Te(n)),t);(0,c.clearConfigErrors)(n.join(".")),c.temporaryConfigStore.setState(o),p(e),C()}catch(e){console.warn(e),y("That's not formatted quite right. Try again.")}}})):i().createElement("div",{className:B.elementValue},i().createElement(we,{value:t._value}),i().createElement(r.zxk,{kind:"ghost",size:"sm",iconDescription:b("editValueButtonText","Edit"),onClick:function(){return m(!0)},ref:_,renderIcon:function(e){return i().createElement(E.EditIcon,Be({size:16},e))},hasIconOnly:!0}),"temporary config"==t._source?i().createElement(r.zxk,{renderIcon:function(e){return i().createElement(E.ResetIcon,Be({size:16},e))},size:"sm",kind:"ghost",iconDescription:b("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){(0,c.clearConfigErrors)(n.join(".")),c.temporaryConfigStore.setState((0,w.Z)(c.temporaryConfigStore.getState(),["config"].concat(Te(n))))}}):null),g&&i().createElement("div",{className:B.error},g)))}function De(e,n,t){var o;return n.length>1?e[n[0]]=De(null!==(o=e[n[0]])&&void 0!==o?o:{},n.slice(1),t):e[n[0]]=t,e}function Ie(e){var n=e.moduleName,t=e.slotName,o=e.config;return i().createElement(Pe,{path:[n,t,"configure"],element:o&&Object.keys(o).length?{_value:o,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var Fe=t(7008),qe={};qe.styleTagTransform=C(),qe.setAttributes=g(),qe.insert=m().bind(null,"head"),qe.domAPI=u(),qe.insertStyleElement=_(),d()(Fe.Z,qe);const Ne=Fe.Z&&Fe.Z.locals?Fe.Z.locals:void 0;var Ge=i().forwardRef((function(e,n){var t=e.leaf,o=e.label,a=e.children,s=e.onMouseEnter,l=e.onMouseLeave;return t?i().createElement(r.s1N,{className:Ne.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(r.agF,{className:Ne.labelCell},i().createElement("span",{className:Ne.label,ref:n},o)),i().createElement(r.agF,null,a)):i().createElement(i().Fragment,null,i().createElement(r.s1N,{className:Ne.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(r.agF,{className:Ne.labelCell},i().createElement("span",{className:Ne.label,ref:n},o)),i().createElement(r.agF,null)),i().createElement(r.s1N,{className:Ne.structuredListRow},i().createElement(r.agF,null),i().createElement(r.agF,{className:Ne.subtreeCell},i().createElement(r.x4x,{className:Ne.structuredList},i().createElement(r.FxI,null,a)))))})),Oe=t(668);function je(e){var n=e.extensionsConfig,t=e.moduleName;return n&&Object.keys(n).length?i().createElement(Ge,{label:"extension slots",leaf:!1},Object.keys(n).map((function(e){return i().createElement(He,{key:e,config:null==n?void 0:n[e],path:[t,"extensionSlots",e]})}))):null}function He(e){var n,t=e.config,r=e.path,a=function(e){var n,t=Ce.wT.getState();(0,x.Z)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,x.Z)(t.configPathBeingEdited,e)&&Ce.wT.setState({activeItemDescription:void 0})},s=r[0],l=r[2],c=(0,E.useAssignedExtensions)(l),A=(0,Oe.oR)(Ce.wT).uiSelectedPath,d=(0,o.useRef)(null);return(0,o.useEffect)((function(){var e;(0,x.Z)(A,r)&&(null===(e=d.current)||void 0===e||e.scrollIntoView())}),[A]),i().createElement(Ge,{label:l,ref:d,leaf:!1,onMouseEnter:function(){return function(e,n){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:[e,n],value:c.map((function(e){return e.id}))}})}(s,l)},onMouseLeave:function(){return a([s,l])}},["add","remove","order","configure"].map((function(e){var o;return i().createElement(Ge,{label:e,key:r.join(".")+e,leaf:!0,onMouseEnter:function(){return function(e,n,t,o){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:[e,n,t],source:null==o?void 0:o._source,description:{add:"Add an extension to this slot.",remove:"Remove an extension from this slot.",order:"Reorder the extensions in this slot.",configure:"Pass a configuration object directly to one of the extensions in this slot."}[t],value:JSON.stringify(null==o?void 0:o._value)}})}(s,l,e,null==t?void 0:t[e])},onMouseLeave:function(){return a([s,l,e])}},"configure"===e?i().createElement(Ie,{moduleName:s,slotName:l,config:null==t||null===(o=t.configure)||void 0===o?void 0:o._value}):i().createElement(Pe,{path:r.concat([e]),element:null!==(n=null==t?void 0:t[e])&&void 0!==n?n:{_value:void 0,_source:"default",_default:[]},customType:e}))})))}function Ue(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Qe(e){var n=e.config,t=e.path,o=void 0===t?[]:t;return i().createElement(i().Fragment,null,Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ue(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ue(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(e,2),r=t[0],a=t[1],s=o.concat([r]),l=a.hasOwnProperty("_value")||a.hasOwnProperty("_type");return i().createElement(Ge,{label:r,leaf:l,onMouseEnter:function(){return function(e,n,t){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:e,source:t._source,description:t._description,value:JSON.stringify(t._value)}})}(s,0,a)},onMouseLeave:function(){return function(e){var n,t=Ce.wT.getState();(0,x.Z)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,x.Z)(t.configPathBeingEdited,e)&&Ce.wT.setState({activeItemDescription:void 0})}(s)},key:"subtree-".concat(s.join("."))},l?i().createElement(Pe,{path:s,element:a}):i().createElement(Qe,{config:a,path:s}))})))}var Je=t(9903);function We(e){var n=e.children;return i().createElement(r.x4x,{className:Ne.structuredList},i().createElement(r.FxI,null,n))}function Re(e){var n=e.config,t=e.moduleName;return i().createElement(We,null,i().createElement(je,{extensionsConfig:n.extensionSlots,moduleName:t}),i().createElement(Qe,{config:(0,Je.Z)(n,(function(e,n){return"extensionSlots"!==n})),path:[t]}))}function Ze(e){var n=e.config,t=(0,Oe.oR)(Ce.wT).uiSelectedPath,o=null==t?void 0:t[0];return i().createElement(r.UQy,{align:"start"},n&&Object.keys(n).sort().map((function(e){var t=n[e];return Object.keys(t).length?i().createElement(r.Qdk,{title:i().createElement("h6",null,e),className:k.fullWidthAccordion,key:"accordion-".concat(e),open:o==e||void 0},i().createElement(Re,{config:t,moduleName:e,key:"".concat(e,"-config")})):null})))}var Le=t(9306),Ye={};Ye.styleTagTransform=C(),Ye.setAttributes=g(),Ye.insert=m().bind(null,"head"),Ye.domAPI=u(),Ye.insertStyleElement=_(),d()(Le.Z,Ye);const Xe=Le.Z&&Le.Z.locals?Le.Z.locals:void 0;function Ke(){var e=(0,a.useTranslation)().t,n=(0,E.useStore)(Ce.wT).activeItemDescription;return i().createElement("div",null,n?i().createElement(i().Fragment,null,i().createElement("h2",{className:Xe.path},n.path.slice(1).join(" → ")),i().createElement("p",{className:Xe.description},n.description),i().createElement("p",{className:Xe.source},"default"===n.source?i().createElement(i().Fragment,null,e("itemDescriptionSourceDefaultText","The current value is the default.")):n.source?i().createElement(i().Fragment,null,e("activeItemSourceText","The current value comes from "),n.source):null),n.value?i().createElement("h4",{className:Xe.productiveHeading01},e("value","Value")):null,i().createElement("p",{className:Xe.value},Array.isArray(n.value)?n.value.map((function(e,n){return i().createElement("p",{key:"".concat(e,"-").concat(n)},e)})):n.value)):null)}var Ve=t(2279),en={};en.styleTagTransform=C(),en.setAttributes=g(),en.insert=m().bind(null,"head"),en.domAPI=u(),en.insertStyleElement=_(),d()(Ve.Z,en);const nn=Ve.Z&&Ve.Z.locals?Ve.Z.locals:void 0;function tn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function on(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function rn(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){on(e,n,t[n])}))}return e}var an=i().lazy((function(){return Promise.all([t.e(620),t.e(426)]).then(t.bind(t,4426))})),sn={toggleIsUIEditorEnabled:function(e){return{isUIEditorEnabled:!e.isUIEditorEnabled}},toggleIsToolbarOpen:function(e){return{isConfigToolbarOpen:!e.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(e){return{isJsonModeEnabled:!e.isJsonModeEnabled}}},ln=function(e){var n=e.isConfigToolbarOpen,t=e.toggleIsToolbarOpen;return i().createElement(r.zxk,{hasIconOnly:!0,renderIcon:n?c.ChevronUpIcon:c.ChevronDownIcon,onClick:t,kind:"ghost",size:"sm",tooltipPosition:"left",iconDescription:"".concat(n?"Hide":"Show"," toolbar")})},cn=function(){var e,n,t=(0,a.useTranslation)().t,A=(0,c.useStoreWithActions)(Ce.wT,sn),d=A.isUIEditorEnabled,p=A.toggleIsUIEditorEnabled,u=A.isJsonModeEnabled,h=A.toggleIsJsonModeEnabled,m=A.isConfigToolbarOpen,f=A.toggleIsToolbarOpen,g=(0,c.useStore)(c.implementerToolsConfigStore).config,y=(0,c.useStore)((0,c.getExtensionInternalStore)()),_=(0,c.useStore)(c.temporaryConfigStore),b=(e=(0,o.useState)(""),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return tn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?tn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=b[0],v=b[1],$=_.config,k=new Blob([JSON.stringify($,void 0,2)],{type:"application/json"}),x=(0,o.useMemo)((function(){var e=(0,s.Z)(g),n=!0,t=!1,o=void 0;try{for(var i,r=Object.values(y.slots)[Symbol.iterator]();!(n=(i=r.next()).done);n=!0){var a=i.value;a.moduleName&&(e[a.moduleName].extensionSlots||(e[a.moduleName].extensionSlots={}),e[a.moduleName].extensionSlots[a.name]||(e[a.moduleName].extensionSlots[a.name]={}))}}catch(e){t=!0,o=e}finally{try{n||null==r.return||r.return()}finally{if(t)throw o}}return e}),[g,y]),w=(0,o.useMemo)((function(){return C?function e(n,t){var o,i={},r=!0,a=!1,c=void 0;try{for(var A,d=Object.keys(n)[Symbol.iterator]();!(r=(A=d.next()).done);r=!0){var p=A.value;if(p.includes(t))i[p]=(0,s.Z)(n[p]);else if(!((o=n[p]).hasOwnProperty("_default")||o._type||o.hasOwnProperty("_value")||o.hasOwnProperty("_source"))){var u=e(n[p],t);(0,l.Z)(u)||(i[p]=u)}}}catch(e){a=!0,c=e}finally{try{r||null==d.return||d.return()}finally{if(a)throw c}}return i}(x,C):x}),[C,x]),z=m?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return i().createElement(i().Fragment,null,i().createElement("div",{className:nn.tools},i().createElement("div",{className:nn.toggleToolbarButton},i().createElement(ln,{isConfigToolbarOpen:m,toggleIsToolbarOpen:f})),m?i().createElement(r.J$U,{style:{padding:"0.5em 1.5em"}},i().createElement(r.X2j,{className:nn.row},i().createElement(r.sgG,null,i().createElement(r.oil,{id:"extensionSearch",labelText:"Search configuration",onChange:function(e){return v(e.target.value)}})),i().createElement(r.sgG,{className:nn.toggleButtons},i().createElement(r.ZDl,{className:nn.toggle,id:"jsonModeSwitch",labelText:t("jsonEditor","JSON Editor"),onToggle:h,toggled:u}),i().createElement(r.ZDl,{className:nn.toggle,id:"uiEditorSwitch",labelText:t("uiEditor","UI Editor"),toggled:d,onToggle:p})),i().createElement(r.sgG,{className:nn.actionButtons},i().createElement(r.zxk,{kind:"danger",iconDescription:"Clear local config",renderIcon:function(e){return i().createElement(c.TrashCanIcon,rn({size:16},e))},onClick:function(){(0,c.clearConfigErrors)(),c.temporaryConfigStore.setState({config:{}})}},t("clearConfig","Clear Local Config")),i().createElement(r.zxk,{kind:"secondary",iconDescription:"Download config",renderIcon:function(e){return i().createElement(c.DownloadIcon,rn({size:16},e))},onClick:function(e){var n;"downloadConfigBtn"!=e.target.id&&(null===(n=document.getElementById("downloadConfigBtn"))||void 0===n||n.click())}},i().createElement("a",{id:"downloadConfigBtn",className:nn.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(k)},t("downloadConfig","Download Config")))))):null),i().createElement("div",{className:nn.mainContent,style:{height:z}},u?i().createElement(an,{height:z}):i().createElement(i().Fragment,null,i().createElement("div",{className:nn.configTreePane},i().createElement(Ze,{config:w})),i().createElement("div",{className:nn.descriptionPane},i().createElement(Ke,null)))))},An=t(5961),dn={};dn.styleTagTransform=C(),dn.setAttributes=g(),dn.insert=m().bind(null,"head"),dn.domAPI=u(),dn.insertStyleElement=_(),d()(An.Z,dn);const pn=An.Z&&An.Z.locals?An.Z.locals:void 0;var un=function(e){var n,t,s=e.frontendModules,l=(0,a.useTranslation)().t,c=(0,o.useMemo)((function(){return[{key:"name",header:l("moduleName","Module Name")},{key:"installedVersion",header:l("installedVersion","Installed Version")}]}),[l]);return i().createElement("div",{className:pn.container},i().createElement(r.wQF,{rows:[],headers:c},(function(e){var a=e.headers,c=e.getTableProps,A=e.getHeaderProps;return i().createElement(r.xJi,{title:""},i().createElement(r.iA_,c(),i().createElement(r.ssF,null,i().createElement(r.SCH,null,a.map((function(e){return i().createElement(r.xDH,A({header:e}),e.header)})))),i().createElement(r.RMI,null,s.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.SCH,null,i().createElement(r.pj1,null,i().createElement("span",{className:pn.moduleHeader},e.name)),i().createElement(r.pj1,null,null!==(n=e.version)&&void 0!==n?n:l("unknownVersion","unknown"))),Boolean(e.extensions)?i().createElement(r.SCH,{key:"".concat(e.name,"-extensions-header")},i().createElement(r.pj1,null,i().createElement("span",{className:pn.moduleComponentHeader},l("extensions","Extensions"))),i().createElement(r.pj1,null)):null,(null!==(t=e.extensions)&&void 0!==t?t:[]).map((function(n,t){return i().createElement(r.SCH,{key:"".concat(e.name,"-page-").concat(t)},i().createElement(r.pj1,null,n.name),i().createElement(r.pj1,null))})))})))))})))},hn=t(5855),mn={};mn.styleTagTransform=C(),mn.setAttributes=g(),mn.insert=m().bind(null,"head"),mn.domAPI=u(),mn.insertStyleElement=_(),d()(hn.Z,mn);const fn=hn.Z&&hn.Z.locals?hn.Z.locals:void 0;var gn=function(e){var n=e.backendDependencies,t=(0,a.useTranslation)().t,s=(0,o.useMemo)((function(){return[{key:"name",header:t("moduleName","Module Name")},{key:"installedVersion",header:t("installedVersion","Installed Version")},{key:"requiredVersion",header:t("requiredVersion","Required Version")}]}),[t]);return i().createElement("div",{className:fn.container},i().createElement(r.wQF,{rows:[],headers:s},(function(e){var a=e.headers,s=e.getTableProps,l=e.getHeaderProps;return i().createElement(r.xJi,{title:""},i().createElement(r.iA_,s(),i().createElement(r.ssF,null,i().createElement(r.SCH,null,a.map((function(e){return i().createElement(r.xDH,l({header:e}),e.header)})))),i().createElement(r.RMI,null,n.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.SCH,null,i().createElement(r.pj1,null,i().createElement("span",{className:fn.moduleHeader},e.name)),i().createElement(r.pj1,null),i().createElement(r.pj1,null)),e.dependencies.map((function(e){return i().createElement(r.SCH,{key:e.name},i().createElement(r.pj1,null,e.name),i().createElement(r.pj1,null,"missing"===e.type?i().createElement("span",{style:{color:"red"}},t("missing","Missing")):"version-mismatch"===e.type?i().createElement("span",{style:{color:"red"}},e.installedVersion):i().createElement("span",null,e.installedVersion)),i().createElement(r.pj1,null,e.requiredVersion))})))})))))})))},yn=t(6164),_n={};_n.styleTagTransform=C(),_n.setAttributes=g(),_n.insert=m().bind(null,"head"),_n.domAPI=u(),_n.insertStyleElement=_(),d()(yn.Z,_n);const bn=yn.Z&&yn.Z.locals?yn.Z.locals:void 0;function Cn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function vn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Cn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Cn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(){var e=(0,E.useStore)(c.featureFlagsStore).flags,n=(0,a.useTranslation)().t,t=(0,o.useMemo)((function(){return[{key:"label",header:n("featureFlag","Feature Flag")},{key:"description",header:n("description","Description")},{key:"enabled",header:n("enabled","Enabled")}]}),[n]),s=(0,o.useMemo)((function(){return Object.entries(e).sort((function(e,n){var t,o=vn(e,2),i=o[0],r=o[1],a=vn(n,2),s=a[0],l=a[1];return(null!==(t=r.label)&&void 0!==t?t:i).localeCompare(l.label||s)})).map((function(e){var n=vn(e,2),t=n[0],o=n[1];return{name:t,enabled:o.enabled,label:o.label,description:o.description}}))}),[e]);return i().createElement("div",{className:bn.container},i().createElement(r.wQF,{rows:[],headers:t},(function(e){var n=e.headers,t=e.getTableProps,a=e.getHeaderProps;return i().createElement(r.xJi,{title:""},i().createElement(r.iA_,t(),i().createElement(r.ssF,null,i().createElement(r.SCH,null,n.map((function(e){return i().createElement(r.xDH,a({header:e}),e.header)})))),i().createElement(r.RMI,null,s.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.SCH,null,i().createElement(r.pj1,null,i().createElement("div",{id:"flag-label-".concat(e.name),className:bn.header},e.label),i().createElement("div",{className:bn.helper},e.name)),i().createElement(r.pj1,null,i().createElement("span",null,e.description)),i().createElement(r.pj1,null,i().createElement(r.ZDl,{id:"feature-flag-".concat(e.name,"-toggle"),"aria-labelledby":"flag-label-".concat(e.name),labelText:"",hideLabel:!0,toggled:e.enabled,onToggle:function(){return(0,c.setFeatureFlag)(e.name,!e.enabled)}}))))})))))})))}var kn=t(2890),xn={};xn.styleTagTransform=C(),xn.setAttributes=g(),xn.insert=m().bind(null,"head"),xn.domAPI=u(),xn.insertStyleElement=_(),d()(kn.Z,xn);const wn=kn.Z&&kn.Z.locals?kn.Z.locals:void 0;function zn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Sn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Bn(e){var n,t,s=e.close,l=e.frontendModules,c=e.backendDependencies,A=e.visibleTabIndex,d=void 0===A?0:A,p=(0,a.useTranslation)().t,u=(n=(0,o.useState)(d||0),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return zn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?zn(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=u[0],m=u[1],f=(0,o.useMemo)((function(){return 0==h?i().createElement(cn,null):1===h?i().createElement(un,{frontendModules:l}):2===h?i().createElement(gn,{backendDependencies:c}):i().createElement($n,null)}),[h,c,l]);return i().createElement("div",{className:wn.popup},i().createElement("div",{className:wn.topBar},i().createElement("div",{className:wn.tabs},i().createElement(r.GHR,{selectedIndex:h,onChange:function(e){m(e.index)}},i().createElement(r.rsf,{name:"configuration-tab",text:p("configuration","Configuration"),className:"darkThemeSwitch"}),i().createElement(r.rsf,{name:"frontend-modules-tab",text:p("frontendModules","Frontend Modules"),className:"darkThemeSwitch"}),i().createElement(r.rsf,{name:"backend-modules-tab",text:p("backendModules","Backend Modules"),className:"darkThemeSwitch"}),i().createElement(r.rsf,{name:"feature-flags-tab",text:p("featureFlags","Feature Flags"),className:"darkThemeSwitch"}))),i().createElement("div",null,i().createElement(r.zxk,{kind:"secondary",renderIcon:function(e){return i().createElement(E.CloseIcon,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Sn(e,n,t[n])}))}return e}({size:16},e))},iconDescription:"Close",onClick:s,hasIconOnly:!0,size:"sm"}))),i().createElement("div",{className:wn.content},f))}}}]);
|
|
1
|
+
"use strict";(globalThis.webpackChunk_openmrs_esm_implementer_tools_app=globalThis.webpackChunk_openmrs_esm_implementer_tools_app||[]).push([[528],{7305:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list-td {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn .cds--structured-list {\n margin-bottom: 0.25rem;\n}\n\n.-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n","",{version:3,sources:["webpack://./src/configuration/interactive-editor/value-editors/object-editor.styles.css"],names:[],mappings:"AAAA;EACE,kCAAkC;AACpC;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;;GAEG",sourcesContent:[".objectEditor :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n}\n\n.objectEditor :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),a.locals={objectEditor:"-esm-implementer-tools__object-editor-styles__objectEditor___ymwMn",buttonCell:"-esm-implementer-tools__object-editor-styles__buttonCell___6EGqs"};const s=a},5855:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z{height:50vh;overflow-y:auto}.-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z .cds--data-table-container{padding-top:0}.-esm-implementer-tools__backend-dependencies-styles__moduleHeader___CqXwX{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)}","",{version:3,sources:["webpack://./src/backend-dependencies/backend-dependencies.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,wEACE,WAAA,CACA,eAAA,CAEA,mGACE,aAAA,CAIJ,2ECu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.moduleHeader {\n @include type.type-style('heading-compact-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"],sourceRoot:""}]),a.locals={container:"-esm-implementer-tools__backend-dependencies-styles__container___EJY5Z",moduleHeader:"-esm-implementer-tools__backend-dependencies-styles__moduleHeader___CqXwX"};const s=a},2279:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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))}: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-implementer-tools__configuration-styles__productiveHeading01___YOsTc{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)}.-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5{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)}.-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN div:hover{padding:.5rem 0}.-esm-implementer-tools__configuration-styles__darkTheme___sB7fJ{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__configuration-styles__tools___bgCOF{width:100%;background-color:var(--cds-background, #ffffff);border-bottom:1px solid var(--cds-border-subtle-00, #e0e0e0);border-top:1px solid var(--cds-border-subtle-00, #e0e0e0);z-index:2;position:sticky;top:0}.-esm-implementer-tools__configuration-styles__toolbar___8scQy{padding:1rem 1rem 0;display:flex;justify-content:space-around;align-items:center}.-esm-implementer-tools__configuration-styles__row___VwPkJ{display:flex;flex-flow:row wrap;margin:0 -1rem}.-esm-implementer-tools__configuration-styles__row___VwPkJ .cds--col{max-width:100%;flex-basis:0;flex-grow:1;width:100%;padding:0 1rem}.-esm-implementer-tools__configuration-styles__downloadLink___3-F3S{text-decoration:none;color:inherit}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1{max-height:50vh;background-color:#f4f4f4;width:100%;display:flex;overflow-y:auto}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_scroller{background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_gutter{background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_active-line{background-color:var(--cds-layer-accent) !important}.-esm-implementer-tools__configuration-styles__mainContent___JDOc1 .ace_cursor{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV{width:65%;overflow-x:auto;overflow-y:auto;background:var(--cds-background, #ffffff)}.-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5{width:35%;background-color:var(--cds-background, #ffffff);color:var(--cds-text-secondary, #525252);padding:1rem 2em;font-size:12pt;overflow-wrap:break-word;overflow-y:auto}.-esm-implementer-tools__configuration-styles__configTreePane___dyEjV .cds--text-input-wrapper{min-width:8em}.-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN{width:100%;display:flex;justify-content:flex-end;padding:.25rem}.-esm-implementer-tools__configuration-styles__toggleButtons___22YaP{display:flex;align-items:center;justify-content:space-evenly}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW{display:flex;align-items:center;justify-content:flex-end}.-esm-implementer-tools__configuration-styles__actionButtons___lULMW>button{margin:0 1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/configuration.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"AAoDA,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CAPF,MACE,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,yBAAA,CACA,+BAAA,CACA,oGAAA,CACA,2GAAA,CCrDF,2EC41BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA,CDx1BJ,2ECw1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDp1BJ,mECo1BI,wDAAA,CAAA,uDAAA,CAAA,2DAAA,CAAA,gEAAA,CDh1BJ,kEACE,8BAAA,CAIF,qFACE,cAAA,CACA,QAAA,CACA,sBAAA,CACA,YAAA,CAEA,yFACE,qBD7BI,CC8BJ,UEUS,CFTT,YAAA,CACA,sBAAA,CACA,cAAA,CACA,8BAAA,CAGF,+FACE,eAAA,CAIJ,iEG0EI,yBAAA,CAAA,iDAAA,CAAA,+BAAA,CAAA,iDAAA,CAAA,iCAAA,CAAA,uCAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,+CAAA,CAAA,iCAAA,CAAA,6BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,+BAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,oBAAA,CAAA,0BAAA,CAAA,4BAAA,CAAA,wBAAA,CAAA,8CAAA,CAAA,+BAAA,CAAA,2BAAA,CAAA,4BAAA,CAAA,uDAAA,CAAA,2BAAA,CAAA,6BAAA,CAAA,0BAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,uBAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,qCAAA,CAAA,qCAAA,CAAA,qCAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,6BAAA,CAAA,gCAAA,CAAA,gCAAA,CAAA,gCAAA,CAAA,sCAAA,CAAA,sCAAA,CAAA,sCAAA,CAAA,sCAAA,CAAA,qCAAA,CAAA,2BAAA,CAAA,kCAAA,CAAA,iCAAA,CAAA,2BAAA,CAAA,iCAAA,CAAA,6BAAA,CAAA,2BAAA,CAAA,kCAAA,CAAA,gCAAA,CAAA,kCAAA,CAAA,+BAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,4BAAA,CAAA,oCAAA,CAAA,2BAAA,CAAA,mCAAA,CAAA,8BAAA,CAAA,sCAAA,CAAA,8BAAA,CAAA,sCAAA,CAAA,8CAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,2BAAA,CAAA,4BAAA,CAAA,uDAAA,CAAA,gDAAA,CAAA,2BAAA,CAAA,6BAAA,CAAA,yBAAA,CAAA,0BAAA,CAAA,yBAAA,CAAA,wBAAA,CAAA,yBAAA,CAAA,sBAAA,CAAA,wBAAA,CAAA,sBAAA,CAAA,wBAAA,CAAA,sBAAA,CAAA,sBAAA,CAAA,sBAAA,CAAA,sBAAA,CAAA,uBAAA,CAAA,yBAAA,CAAA,2BAAA,CAAA,2BAAA,CAAA,4BAAA,CAAA,mCAAA,CAAA,iCAAA,CAAA,qCAAA,CAAA,uCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,qCAAA,CAAA,uCAAA,CAAA,iCAAA,CAAA,+BAAA,CAAA,mCAAA,CAAA,qCAAA,CAAA,kCAAA,CAAA,+BAAA,CAAA,mCAAA,CAAA,qCAAA,CAAA,uCAAA,CAAA,yCAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,qCAAA,CAAA,yCAAA,CAAA,2CAAA,CAAA,uCAAA,CAAA,oCAAA,CAAA,wCAAA,CAAA,0CAAA,CAAA,mCAAA,CAAA,oCAAA,CAAA,sCAAA,CAAA,qCAAA,CAAA,sCAAA,CAAA,mCAAA,CAAA,uCAAA,CAAA,yCAAA,CAAA,kCAAA,CAAA,mCAAA,CAAA,mCAAA,CAAA,oCAAA,CAAA,wHAAA,CAAA,gCAAA,CAAA,8BAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,wHAAA,CAAA,iCAAA,CAAA,8BAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,qCAAA,CAAA,uCAAA,CAAA,gCAAA,CAAA,iCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,+CAAA,CAAA,4CAAA,CAAA,gDAAA,CAAA,kDAAA,CAAA,2CAAA,CAAA,4CAAA,CAAA,8CAAA,CAAA,6CAAA,CAAA,8CAAA,CAAA,4CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,8CAAA,CAAA,4CAAA,CAAA,gDAAA,CAAA,6CAAA,CAAA,2CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,6CAAA,CAAA,+CAAA,CAAA,4CAAA,CAAA,8CAAA,CAAA,6CAAA,CAAA,+CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,6CAAA,CAAA,+CAAA,CAAA,8CAAA,CAAA,gDAAA,CAAA,+CAAA,CAAA,+CAAA,CAAA,4CAAA,CAAA,gDAAA,CAAA,kDAAA,CAAA,2CAAA,CAAA,4CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,8CAAA,CAAA,4CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,8CAAA,CAAA,4CAAA,CAAA,gDAAA,CAAA,6CAAA,CAAA,2CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,6CAAA,CAAA,2CAAA,CAAA,4CAAA,CAAA,6CAAA,CAAA,6CAAA,CAAA,0HAAA,CAAA,qCAAA,CAAA,mCAAA,CAAA,mCAAA,CAAA,oCAAA,CAAA,0HAAA,CAAA,kCAAA,CAAA,mCAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,iCAAA,CAAA,+BAAA,CAAA,mCAAA,CAAA,qCAAA,CAAA,kCAAA,CAAA,+BAAA,CAAA,mCAAA,CAAA,qCAAA,CAAA,yCAAA,CAAA,sCAAA,CAAA,0CAAA,CAAA,4CAAA,CAAA,qCAAA,CAAA,sCAAA,CAAA,wCAAA,CAAA,uCAAA,CAAA,4CAAA,CAAA,yCAAA,CAAA,6CAAA,CAAA,+CAAA,CAAA,wCAAA,CAAA,yCAAA,CAAA,2CAAA,CAAA,0CAAA,CAAA,iCAAA,CAAA,8BAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,6BAAA,CAAA,8BAAA,CAAA,8BAAA,CAAA,+BAAA,CAAA,mCAAA,CAAA,iCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,mCAAA,CAAA,iCAAA,CAAA,qCAAA,CAAA,kCAAA,CAAA,gCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,mCAAA,CAAA,kCAAA,CAAA,oCAAA,CAAA,iCAAA,CAAA,kCAAA,CAAA,kCAAA,CAAA,yCAAA,CAAA,uCAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,yCAAA,CAAA,uCAAA,CAAA,2CAAA,CAAA,wCAAA,CAAA,sCAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,sCAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,0CAAA,CAAA,yCAAA,CAAA,2CAAA,CAAA,0CAAA,CAAA,gIAAA,CAAA,2CAAA,CAAA,yCAAA,CAAA,yCAAA,CAAA,0CAAA,CAAA,gIAAA,CAAA,wCAAA,CAAA,yCAAA,CAAA,0CAAA,CAAA,0CAAA,CAAA,0CAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,0CAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,0CAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CAAA,0CAAA,CAAA,uCAAA,CAAA,wCAAA,CAAA,wCAAA,CC/DF,wCAAA,CAAA,sDAAA,CAAA,oDAAA,CAAA,0DAAA,CAAA,sEAAA,CAAA,sDAAA,CAAA,kEAAA,CAAA,oEAAA,CAAA,wCAAA,CAAA,oDAAA,CAAA,wDAAA,CAAA,0EAAA,CAAA,wDAAA,CAAA,oDAAA,CChDF,6DACE,UAAA,CACA,+CCcW,CDbX,4DAAA,CACA,yDAAA,CACA,SAAA,CACA,eAAA,CACA,KAAA,CAGF,+DACE,mBAAA,CACA,YAAA,CACA,4BAAA,CACA,kBAAA,CAGF,2DACE,YAAA,CACA,kBAAA,CACA,cAAA,CAEA,qEACE,cAAA,CACA,YAAA,CACA,WAAA,CACA,UAAA,CACA,cAAA,CAIJ,oEACE,oBAAA,CACA,aAAA,CAGF,mEACE,eAAA,CACA,wBN5CM,CM6CN,UAAA,CACA,YAAA,CACA,eAAA,CAEA,iFACE,+CC5BS,CD6BT,wCCiJa,CD9If,+EACE,+CCjCS,CDkCT,wCC4Ia,CDzIf,oFACE,mDAAA,CAEF,+EACE,wCCqIa,CDjIjB,sEACE,SAAA,CAEA,eAAA,CACA,eAAA,CACA,yCClDW,CDqDb,uEACE,SAAA,CACA,+CCvDW,CDwDX,wCCsHe,CDrHf,gBAAA,CACA,cAAA,CACA,wBAAA,CACA,eAAA,CAGF,+FACE,aAAA,CAGF,2EACE,UAAA,CACA,YAAA,CACA,wBAAA,CACA,cAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,4BAAA,CAGF,qEACE,YAAA,CACA,kBAAA,CACA,wBAAA,CAEA,4EACE,aAAA",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../implementer-tools.styles.scss';\n\n.tools {\n width: 100%;\n background-color: theme.$background;\n border-bottom: 1px solid theme.$border-subtle-00;\n border-top: 1px solid theme.$border-subtle-00;\n z-index: 2;\n position: sticky;\n top: 0;\n}\n\n.toolbar {\n padding: spacing.$spacing-05 spacing.$spacing-05 0;\n display: flex;\n justify-content: space-around;\n align-items: center;\n}\n\n.row {\n display: flex;\n flex-flow: row wrap;\n margin: 0 -1rem;\n\n :global(.cds--col) {\n max-width: 100%;\n flex-basis: 0;\n flex-grow: 1;\n width: 100%;\n padding: 0 1rem;\n }\n}\n\n.downloadLink {\n text-decoration: none;\n color: inherit;\n}\n\n.mainContent {\n max-height: 50vh;\n background-color: $ui-01;\n width: 100%;\n display: flex;\n overflow-y: auto;\n\n :global(.ace_scroller) {\n background-color: theme.$background;\n color: theme.$text-secondary;\n }\n\n :global(.ace_gutter) {\n background-color: theme.$background;\n color: theme.$text-secondary;\n }\n\n :global(.ace_active-line) {\n background-color: theme.$layer-accent !important;\n }\n :global(.ace_cursor) {\n color: theme.$text-secondary;\n }\n}\n\n.configTreePane {\n width: 65%;\n // overflow-wrap: break-word;\n overflow-x: auto;\n overflow-y: auto;\n background: theme.$background;\n}\n\n.descriptionPane {\n width: 35%;\n background-color: theme.$background;\n color: theme.$text-secondary;\n padding: spacing.$spacing-05 2em;\n font-size: 12pt;\n overflow-wrap: break-word;\n overflow-y: auto;\n}\n\n.configTreePane :global(.cds--text-input-wrapper) {\n min-width: 8em;\n}\n\n.toggleToolbarButton {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n padding: 0.25rem;\n}\n\n.toggleButtons {\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n\n.actionButtons {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n\n > button {\n margin: 0 1rem;\n }\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__configuration-styles__productiveHeading01___YOsTc",productiveHeading02:"-esm-implementer-tools__configuration-styles__productiveHeading02___4sIZ5",bodyShort01:"-esm-implementer-tools__configuration-styles__bodyShort01___rSAbE",toolStyles:"-esm-implementer-tools__configuration-styles__toolStyles___lc8SJ",chevronImplementerToolsButton:"-esm-implementer-tools__configuration-styles__chevronImplementerToolsButton___qR9FN",darkTheme:"-esm-implementer-tools__configuration-styles__darkTheme___sB7fJ",tools:"-esm-implementer-tools__configuration-styles__tools___bgCOF",toolbar:"-esm-implementer-tools__configuration-styles__toolbar___8scQy",row:"-esm-implementer-tools__configuration-styles__row___VwPkJ",downloadLink:"-esm-implementer-tools__configuration-styles__downloadLink___3-F3S",mainContent:"-esm-implementer-tools__configuration-styles__mainContent___JDOc1",configTreePane:"-esm-implementer-tools__configuration-styles__configTreePane___dyEjV",descriptionPane:"-esm-implementer-tools__configuration-styles__descriptionPane___WFPv5",toggleToolbarButton:"-esm-implementer-tools__configuration-styles__toggleToolbarButton___14AtN",toggleButtons:"-esm-implementer-tools__configuration-styles__toggleButtons___22YaP",actionButtons:"-esm-implementer-tools__configuration-styles__actionButtons___lULMW"};const s=a},1860:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS{background-color:var(--cds-background, #ffffff)}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS .cds--accordion__content{padding-right:0}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS button{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS button:hover{color:var(--cds-text-primary, #161616)}","",{version:3,sources:["webpack://./src/configuration/interactive-editor/config-tree.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"AAEA,wEAKE,+CCeW,CDnBX,iGACE,eAAA,CAIF,+EACE,wCC2La,CD1Lb,qFACE,sCCsLS",sourcesContent:["@use '@carbon/react/scss/theme';\n\n.fullWidthAccordion {\n :global(.cds--accordion__content) {\n padding-right: 0;\n }\n\n background-color: theme.$background;\n button {\n color: theme.$text-secondary;\n &:hover {\n color: theme.$text-primary;\n }\n }\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={fullWidthAccordion:"-esm-implementer-tools__config-tree-styles__fullWidthAccordion___SMamS"};const s=a},9306:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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))}: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-implementer-tools__description-styles__productiveHeading01___6zM8b{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)}.-esm-implementer-tools__description-styles__productiveHeading02___dAkbG{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)}.-esm-implementer-tools__description-styles__bodyShort01___T\\+WDt{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__description-styles__toolStyles___\\+GHGB{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq div:hover{padding:.5rem 0}.-esm-implementer-tools__description-styles__darkTheme___S0nON{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__description-styles__path___BdmUc{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0);margin-bottom:.5rem}.-esm-implementer-tools__description-styles__description___TP6ml{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);margin-bottom:1rem}.-esm-implementer-tools__description-styles__source___nn6eY{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px);font-style:italic;margin-bottom:.5rem}.-esm-implementer-tools__description-styles__value___9KSGb{font-family:monospace;margin-top:.5rem;margin-left:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/description.styles.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '~@openmrs/esm-styleguide/src/vars';\n@import '../../implementer-tools.styles.scss';\n\n.path {\n @include type.type-style('heading-02');\n margin-bottom: spacing.$spacing-03;\n}\n\n.description {\n @include type.type-style('body-compact-01');\n margin-bottom: spacing.$spacing-05;\n}\n\n.source {\n @include type.type-style('body-compact-01');\n font-style: italic;\n margin-bottom: spacing.$spacing-03;\n}\n\n.value {\n font-family: monospace;\n margin-top: spacing.$spacing-03;\n margin-left: spacing.$spacing-03;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__description-styles__productiveHeading01___6zM8b",productiveHeading02:"-esm-implementer-tools__description-styles__productiveHeading02___dAkbG",bodyShort01:"-esm-implementer-tools__description-styles__bodyShort01___T+WDt",toolStyles:"-esm-implementer-tools__description-styles__toolStyles___+GHGB",chevronImplementerToolsButton:"-esm-implementer-tools__description-styles__chevronImplementerToolsButton___UYkTq",darkTheme:"-esm-implementer-tools__description-styles__darkTheme___S0nON",path:"-esm-implementer-tools__description-styles__path___BdmUc",description:"-esm-implementer-tools__description-styles__description___TP6ml",source:"-esm-implementer-tools__description-styles__source___nn6eY",value:"-esm-implementer-tools__description-styles__value___9KSGb"};const s=a},6350:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__display-value__productiveHeading01___qSdMY{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)}.-esm-implementer-tools__display-value__productiveHeading02___Ro0Of{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)}.-esm-implementer-tools__display-value__bodyShort01___P2Yo4{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__display-value__toolStyles___Z5Xd1{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp div:hover{padding:.5rem 0}.-esm-implementer-tools__display-value__darkTheme___k-cH2{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__display-value__smallListCell___3vXBH{padding:.5rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/display-value.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@import '../../implementer-tools.styles.scss';\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__display-value__productiveHeading01___qSdMY",productiveHeading02:"-esm-implementer-tools__display-value__productiveHeading02___Ro0Of",bodyShort01:"-esm-implementer-tools__display-value__bodyShort01___P2Yo4",toolStyles:"-esm-implementer-tools__display-value__toolStyles___Z5Xd1",chevronImplementerToolsButton:"-esm-implementer-tools__display-value__chevronImplementerToolsButton___6gKZp",darkTheme:"-esm-implementer-tools__display-value__darkTheme___k-cH2",smallListCell:"-esm-implementer-tools__display-value__smallListCell___3vXBH"};const s=a},7960:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__editable-value-styles__productiveHeading01___lu66V{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)}.-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2{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)}.-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST div:hover{padding:.5rem 0}.-esm-implementer-tools__editable-value-styles__darkTheme___DWNiW{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__editable-value-styles__secretButton___5sr2R{background:none;color:#474b6b;border:none;font:inherit;text-align:left}.-esm-implementer-tools__editable-value-styles__error___e3i8X{margin-left:1em;color:orange;font-size:11pt}.-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS{color:#2020a0}.-esm-implementer-tools__editable-value-styles__elementValue___mABUA{display:flex;align-items:center}.-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U{margin-left:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/editable-value.styles.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@import '../../implementer-tools.styles.scss';\n\n.secretButton {\n background: none;\n color: #474b6b;\n border: none;\n font: inherit;\n text-align: left;\n}\n\n.error {\n margin-left: 1em;\n color: orange;\n font-size: 11pt;\n}\n\n.overriddenValue {\n color: #2020a0;\n}\n\n.elementValue {\n display: flex;\n align-items: center;\n}\n\n.editValueButton {\n margin-left: spacing.$spacing-05;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__editable-value-styles__productiveHeading01___lu66V",productiveHeading02:"-esm-implementer-tools__editable-value-styles__productiveHeading02___h8LZ2",bodyShort01:"-esm-implementer-tools__editable-value-styles__bodyShort01___mcKUp",toolStyles:"-esm-implementer-tools__editable-value-styles__toolStyles___-WKfq",chevronImplementerToolsButton:"-esm-implementer-tools__editable-value-styles__chevronImplementerToolsButton___LU1ST",darkTheme:"-esm-implementer-tools__editable-value-styles__darkTheme___DWNiW",secretButton:"-esm-implementer-tools__editable-value-styles__secretButton___5sr2R",error:"-esm-implementer-tools__editable-value-styles__error___e3i8X",overriddenValue:"-esm-implementer-tools__editable-value-styles__overriddenValue___iAaWS",elementValue:"-esm-implementer-tools__editable-value-styles__elementValue___mABUA",editValueButton:"-esm-implementer-tools__editable-value-styles__editValueButton___jpK0U"};const s=a},7008:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,'.-esm-implementer-tools__layout-styles__labelCell___\\+LSvs{width:12em}.-esm-implementer-tools__layout-styles__label___QDLOI{scroll-margin-top:6em}.-esm-implementer-tools__layout-styles__structuredList___4jiD8{margin-bottom:1em}.-esm-implementer-tools__layout-styles__structuredListRow___\\+r5N8{border-left:2px solid silver}.-esm-implementer-tools__layout-styles__structuredListRow___\\+r5N8 .cds--number input[type="number"]:focus{outline:2px solid var(--cds-focus, #0f62fe)}.-esm-implementer-tools__layout-styles__subtreeCell___egbsS{left:-6em}',"",{version:3,sources:["webpack://./src/configuration/interactive-editor/layout/layout.styles.scss"],names:[],mappings:"AAEA,2DACE,UAAA,CAGF,sDACE,qBAAA,CAGF,+DACE,iBAAA,CAGF,mEACE,4BAAA,CACA,2GACE,2CAAA,CAIJ,4DACE,SAAA",sourcesContent:["@use '@carbon/react/scss/theme';\n\n.labelCell {\n width: 12em;\n}\n\n.label {\n scroll-margin-top: 6em;\n}\n\n.structuredList {\n margin-bottom: 1em;\n}\n\n.structuredListRow {\n border-left: 2px solid #c0c0c0;\n :global(.cds--number input[type='number']:focus) {\n outline: 2px solid theme.$focus;\n }\n}\n\n.subtreeCell {\n left: -6em;\n}\n"],sourceRoot:""}]),a.locals={labelCell:"-esm-implementer-tools__layout-styles__labelCell___+LSvs",label:"-esm-implementer-tools__layout-styles__label___QDLOI",structuredList:"-esm-implementer-tools__layout-styles__structuredList___4jiD8",structuredListRow:"-esm-implementer-tools__layout-styles__structuredListRow___+r5N8",subtreeCell:"-esm-implementer-tools__layout-styles__subtreeCell___egbsS"};const s=a},3330:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__value-editor__cds--layout--size-xs___kVG65{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xs___nMAqZ{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xs___ED4\\+i{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xs___zP0I6{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__value-editor__cds--layout--size-sm___EiSHg{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-sm___VkW90{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-sm___74ddM{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-sm___woBs3{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__value-editor__cds--layout--size-md___GwOAO{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-md___oXrpI{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-md___ViRo8{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-md___TWzOY{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__value-editor__cds--layout--size-lg___fNsGN{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-lg___S2AJs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-lg___Qd0C5{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-lg___Rw2mg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__value-editor__cds--layout--size-xl___VIE1N{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xl___Q8gfF{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xl___6sMax{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xl___rEfpI{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__value-editor__cds--layout--size-2xl___biiGw{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-2xl___h-hc2{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-2xl___y9ksi{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-2xl___mdjtl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__value-editor__cds--layout--density-condensed___Xts\\+8{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-condensed___xcR\\+c{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-condensed___yy-BC{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-condensed___F\\+ROp{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__value-editor__cds--layout--density-normal___IrG8i{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-normal___3tFmq{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-normal___qK2xT{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-normal___NvWmD{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__cds--layer-one___nil24{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__cds--layer-two___bYxiF{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-implementer-tools__value-editor__cds--layer-three___g2\\+Jm{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes -esm-implementer-tools__value-editor__hide-feedback___nDLZ6{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-implementer-tools__value-editor__show-feedback___qxTq8{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-implementer-tools__value-editor__skeleton___w-iBo{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-implementer-tools__value-editor__cds--assistive-text___uVbx6,.-esm-implementer-tools__value-editor__cds--visually-hidden___hHVU8{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.-esm-implementer-tools__value-editor__cds--popover-container___MBmnd{position:relative;display:inline-block}.-esm-implementer-tools__value-editor__cds--popover--high-contrast___nKw08 .-esm-implementer-tools__value-editor__cds--popover___PMPO8{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--popover--drop-shadow___2vKpc .-esm-implementer-tools__value-editor__cds--popover___PMPO8{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-implementer-tools__value-editor__cds--popover--caret___RGyRe{--cds-popover-offset:0.625rem}.-esm-implementer-tools__value-editor__cds--popover___PMPO8{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color, var(--cds-layer));border-radius:var(--cds-popover-border-radius, 2px);color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));pointer-events:auto}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *,.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *::before,.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{display:block}.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{position:absolute;display:none;content:\"\"}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{display:block}.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{display:block}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{display:none}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:0;left:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{right:0;bottom:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;right:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(-100%)}.-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{bottom:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);transform:translate(-50%, var(--cds-popover-offset, 0rem))}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;left:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:0;right:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(100%)}.-esm-implementer-tools__value-editor__cds--popover--top___wpNUT>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset, 0rem);transform:translateX(-100%)}.-esm-implementer-tools__value-editor__cds--popover--right___CZDoH>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:50%;left:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before,.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset, 0rem);transform:translateX(100%)}.-esm-implementer-tools__value-editor__cds--popover--left___H\\+bS7>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ,.-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ{top:50%;right:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB>.-esm-implementer-tools__value-editor__cds--popover___PMPO8>.-esm-implementer-tools__value-editor__cds--popover-content___PPnxn{border-radius:0}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB .-esm-implementer-tools__value-editor__cds--popover___PMPO8{will-change:filter}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *,.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *::before,.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4::-moz-focus-inner{border:0}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:focus{outline-style:dotted}}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:hover{background-color:var(--cds-layer-hover)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi .-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB.-esm-implementer-tools__value-editor__cds--popover--open___6oeFi .-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:\"\"}.-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4 svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--tooltip___nrPhQ{--cds-popover-offset:12px}.-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5{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);max-width:18rem;padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd .-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary, #161616)}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *,.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *::before,.-esm-implementer-tools__value-editor__cds--definition-term___JWg10 *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10::-moz-focus-inner{border:0}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:focus{outline:1px solid var(--cds-focus, #0f62fe);border-bottom-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:focus{outline-style:dotted}}.-esm-implementer-tools__value-editor__cds--definition-term___JWg10:hover{border-bottom-color:var(--cds-border-interactive, #0f62fe)}.-esm-implementer-tools__value-editor__cds--definition-tooltip___9X8T\\+{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);max-width:11rem;padding:.5rem 1rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;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);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-implementer-tools__value-editor__cds--btn___ichjj *,.-esm-implementer-tools__value-editor__cds--btn___ichjj *::before,.-esm-implementer-tools__value-editor__cds--btn___ichjj *::after{box-sizing:inherit}.-esm-implementer-tools__value-editor__cds--btn___ichjj:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--btn___ichjj .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;margin-block-start:.0625rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj::-moz-focus-inner{padding:0;border:0}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:hover,.-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static;margin-left:.5rem}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR>:first-child{min-width:1rem;margin-block-start:.0625rem}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{margin:0}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--selected___bL2np{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-implementer-tools__value-editor__cds--btn___ichjj path[data-icon-path=inner-path]{fill:none}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled] .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled] .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo[disabled]:hover .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled]{cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW .-esm-implementer-tools__value-editor__cds--tooltip-trigger__wrapper___6np88{cursor:not-allowed}.-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW .-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR[disabled]{pointer-events:none}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2 .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{position:static;margin-left:.5rem}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:active{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:hover:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2:focus:disabled,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:hover,.-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{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);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{padding:12px 13px}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{width:1.25rem;height:1.25rem}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q{max-width:20rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:hover,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:focus,.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd:active{border:none;cursor:default;outline:none}.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd::before{position:absolute;width:100%;height:100%;animation:3000ms ease-in-out -esm-implementer-tools__value-editor__skeleton___w-iBo infinite;background:var(--cds-skeleton-element, #c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--skeleton___Wtndd::before{animation:none}}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx{display:flex}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT{flex-direction:column}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj{width:100%;max-width:12.25rem}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj:focus+.-esm-implementer-tools__value-editor__cds--btn___ichjj{box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn-set___a4oMx .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:first-of-type{box-shadow:none}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT .-esm-implementer-tools__value-editor__cds--btn___ichjj.-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__value-editor__cds--btn___ichjj:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo.-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR .-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ{fill:ButtonText}}: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-implementer-tools__value-editor__productiveHeading01___t4lXG{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)}.-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R{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)}.-esm-implementer-tools__value-editor__bodyShort01___97nqC{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__value-editor__toolStyles___3pcG7{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT\\+1 div:hover{padding:.5rem 0}.-esm-implementer-tools__value-editor__darkTheme___r3GpN{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-button-separator: #161616;--cds-button-primary: #0f62fe;--cds-button-secondary: #6f6f6f;--cds-button-tertiary: #ffffff;--cds-button-danger-primary: #da1e28;--cds-button-danger-secondary: #ff8389;--cds-button-danger-active: #750e13;--cds-button-primary-active: #002d9c;--cds-button-secondary-active: #393939;--cds-button-tertiary-active: #c6c6c6;--cds-button-danger-hover: #b81921;--cds-button-primary-hover: #0050e6;--cds-button-secondary-hover: #5e5e5e;--cds-button-tertiary-hover: #f4f4f4;--cds-button-disabled: rgba(141, 141, 141, 0.3);--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ{margin-top:.5rem}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ .cds--btn--primary{background-color:var(--cds-button-primary, #0f62fe)}.-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ .cds--btn--primary:hover{background-color:var(--cds-button-primary-hover, #0050e6)}","",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./src/configuration/interactive-editor/value-editor.scss"],names:[],mappings:"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",sourcesContent:["//\n// Copyright IBM Corp. 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@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\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@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n","//\n// Copyright IBM Corp. 2021\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@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n// stylelint-disable-next-line length-zero-no-unit\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n position: relative;\n display: inline-block;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-drop-shadow',\n drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))\n );\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n width: max-content;\n max-width: convert.to-rem(368px);\n background-color: $popover-background-color;\n border-radius: $popover-border-radius;\n color: $popover-text-color;\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 0;\n bottom: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n bottom: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, $popover-offset);\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n right: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: $popover-offset;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n left: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: -50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset + 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 100%;\n bottom: -50%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset - 16px)\n );\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: $popover-offset;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n right: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n width: convert.to-rem(32px);\n height: convert.to-rem(32px);\n align-items: center;\n justify-content: center;\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: theme.$layer;\n content: '';\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\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/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n width: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\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@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 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@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(288px);\n padding: $tooltip-padding-block $tooltip-padding-inline;\n\n color: theme.$text-inverse;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-bottom: 1px dotted theme.$border-strong;\n border-radius: 0;\n\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(176px);\n padding: convert.to-rem(8px) convert.to-rem(16px);\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\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","//\n// Copyright IBM Corp. 2016, 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@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $default: 'lg');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n width: layout.size('height');\n height: layout.size('height');\n justify-content: center;\n padding: 0;\n // -1px to compensate for border width\n padding-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n\n > :first-child {\n min-width: convert.to-rem(16px);\n margin-block-start: convert.to-rem(1px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 -\n convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n width: convert.to-rem(20px);\n height: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-width: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n width: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n width: 100%;\n // 196px from design kit\n max-width: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // Windows HCM fix\n // stylelint-disable-next-line no-duplicate-selectors\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n @include high-contrast-mode('icon-fill');\n }\n}\n","//\n// Copyright IBM Corp. 2016, 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@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n width: max-content;\n max-width: convert.to-rem(320px);\n min-height: layout.size('height');\n flex-shrink: 0;\n justify-content: space-between;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n border-radius: $button-border-radius;\n cursor: pointer;\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline-end: calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) -\n convert.to-rem(1px)\n );\n padding-inline-start: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n text-align: left;\n text-decoration: none;\n transition: background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n // -1px to compensate for border width\n top: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n right: layout.density('padding-inline');\n width: convert.to-rem(16px);\n height: convert.to-rem(16px);\n flex-shrink: 0;\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow: inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-top: $spacing-05;\n padding-right: $spacing-10;\n padding-left: $spacing-05;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !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@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\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. 2021\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@use 'keyframes';\n@use '../theme' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n background: $skeleton-background;\n border-radius: 50%;\n\n &::before {\n position: absolute;\n width: 200%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\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/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'icon-fill') {\n fill: ButtonText;\n }\n\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/components/button';\n@import '../../implementer-tools.styles.scss';\n\n.valueEditorButtons {\n margin-top: spacing.$spacing-03;\n :global(.cds--btn--primary) {\n background-color: button.$button-primary;\n &:hover {\n background-color: button.$button-primary-hover;\n }\n }\n}\n"],sourceRoot:""}]),a.locals={"cds--layout--size-xs":"-esm-implementer-tools__value-editor__cds--layout--size-xs___kVG65","cds--layout-constraint--size__default-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xs___nMAqZ","cds--layout-constraint--size__min-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xs___ED4+i","cds--layout-constraint--size__max-xs":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xs___zP0I6","cds--layout--size-sm":"-esm-implementer-tools__value-editor__cds--layout--size-sm___EiSHg","cds--layout-constraint--size__default-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-sm___VkW90","cds--layout-constraint--size__min-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-sm___74ddM","cds--layout-constraint--size__max-sm":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-sm___woBs3","cds--layout--size-md":"-esm-implementer-tools__value-editor__cds--layout--size-md___GwOAO","cds--layout-constraint--size__default-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-md___oXrpI","cds--layout-constraint--size__min-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-md___ViRo8","cds--layout-constraint--size__max-md":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-md___TWzOY","cds--layout--size-lg":"-esm-implementer-tools__value-editor__cds--layout--size-lg___fNsGN","cds--layout-constraint--size__default-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-lg___S2AJs","cds--layout-constraint--size__min-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-lg___Qd0C5","cds--layout-constraint--size__max-lg":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-lg___Rw2mg","cds--layout--size-xl":"-esm-implementer-tools__value-editor__cds--layout--size-xl___VIE1N","cds--layout-constraint--size__default-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-xl___Q8gfF","cds--layout-constraint--size__min-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-xl___6sMax","cds--layout-constraint--size__max-xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-xl___rEfpI","cds--layout--size-2xl":"-esm-implementer-tools__value-editor__cds--layout--size-2xl___biiGw","cds--layout-constraint--size__default-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__default-2xl___h-hc2","cds--layout-constraint--size__min-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__min-2xl___y9ksi","cds--layout-constraint--size__max-2xl":"-esm-implementer-tools__value-editor__cds--layout-constraint--size__max-2xl___mdjtl","cds--layout--density-condensed":"-esm-implementer-tools__value-editor__cds--layout--density-condensed___Xts+8","cds--layout-constraint--density__default-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-condensed___xcR+c","cds--layout-constraint--density__min-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-condensed___yy-BC","cds--layout-constraint--density__max-condensed":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-condensed___F+ROp","cds--layout--density-normal":"-esm-implementer-tools__value-editor__cds--layout--density-normal___IrG8i","cds--layout-constraint--density__default-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__default-normal___3tFmq","cds--layout-constraint--density__min-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__min-normal___qK2xT","cds--layout-constraint--density__max-normal":"-esm-implementer-tools__value-editor__cds--layout-constraint--density__max-normal___NvWmD","cds--layer-one":"-esm-implementer-tools__value-editor__cds--layer-one___nil24","cds--layer-two":"-esm-implementer-tools__value-editor__cds--layer-two___bYxiF","cds--layer-three":"-esm-implementer-tools__value-editor__cds--layer-three___g2+Jm","cds--assistive-text":"-esm-implementer-tools__value-editor__cds--assistive-text___uVbx6","cds--visually-hidden":"-esm-implementer-tools__value-editor__cds--visually-hidden___hHVU8","cds--popover-container":"-esm-implementer-tools__value-editor__cds--popover-container___MBmnd","cds--popover--high-contrast":"-esm-implementer-tools__value-editor__cds--popover--high-contrast___nKw08","cds--popover":"-esm-implementer-tools__value-editor__cds--popover___PMPO8","cds--popover--drop-shadow":"-esm-implementer-tools__value-editor__cds--popover--drop-shadow___2vKpc","cds--popover--caret":"-esm-implementer-tools__value-editor__cds--popover--caret___RGyRe","cds--popover-content":"-esm-implementer-tools__value-editor__cds--popover-content___PPnxn","cds--popover--open":"-esm-implementer-tools__value-editor__cds--popover--open___6oeFi","cds--popover-caret":"-esm-implementer-tools__value-editor__cds--popover-caret___upnbQ","cds--popover--tab-tip":"-esm-implementer-tools__value-editor__cds--popover--tab-tip___8NtnB","cds--popover--bottom":"-esm-implementer-tools__value-editor__cds--popover--bottom___ooDsg","cds--popover--bottom-left":"-esm-implementer-tools__value-editor__cds--popover--bottom-left___6KYXe","cds--popover--bottom-right":"-esm-implementer-tools__value-editor__cds--popover--bottom-right___h0bOB","cds--popover--top":"-esm-implementer-tools__value-editor__cds--popover--top___wpNUT","cds--popover--top-left":"-esm-implementer-tools__value-editor__cds--popover--top-left___ntff8","cds--popover--top-right":"-esm-implementer-tools__value-editor__cds--popover--top-right___T5G7c","cds--popover--right":"-esm-implementer-tools__value-editor__cds--popover--right___CZDoH","cds--popover--right-top":"-esm-implementer-tools__value-editor__cds--popover--right-top___JzxmU","cds--popover--right-bottom":"-esm-implementer-tools__value-editor__cds--popover--right-bottom___1S02M","cds--popover--left":"-esm-implementer-tools__value-editor__cds--popover--left___H+bS7","cds--popover--left-top":"-esm-implementer-tools__value-editor__cds--popover--left-top___U64r3","cds--popover--left-bottom":"-esm-implementer-tools__value-editor__cds--popover--left-bottom___pDWAZ","cds--popover--tab-tip__button":"-esm-implementer-tools__value-editor__cds--popover--tab-tip__button___U68b4","cds--tooltip":"-esm-implementer-tools__value-editor__cds--tooltip___nrPhQ","cds--tooltip-content":"-esm-implementer-tools__value-editor__cds--tooltip-content___J3kU5","cds--icon-tooltip":"-esm-implementer-tools__value-editor__cds--icon-tooltip___7msOd","cds--definition-term":"-esm-implementer-tools__value-editor__cds--definition-term___JWg10","cds--definition-tooltip":"-esm-implementer-tools__value-editor__cds--definition-tooltip___9X8T+","cds--btn":"-esm-implementer-tools__value-editor__cds--btn___ichjj","cds--btn--disabled":"-esm-implementer-tools__value-editor__cds--btn--disabled___vAPwg","cds--btn__icon":"-esm-implementer-tools__value-editor__cds--btn__icon___kbDQQ","cds--btn--primary":"-esm-implementer-tools__value-editor__cds--btn--primary___P5zsw","cds--btn--secondary":"-esm-implementer-tools__value-editor__cds--btn--secondary___BBHhH","cds--btn--tertiary":"-esm-implementer-tools__value-editor__cds--btn--tertiary___EaSgs","cds--btn--ghost":"-esm-implementer-tools__value-editor__cds--btn--ghost___lhqdo","cds--btn--icon-only":"-esm-implementer-tools__value-editor__cds--btn--icon-only___v1wmR","cds--btn--danger--ghost":"-esm-implementer-tools__value-editor__cds--btn--danger--ghost___IBqo2","cds--btn--selected":"-esm-implementer-tools__value-editor__cds--btn--selected___bL2np","cds--icon-tooltip--disabled":"-esm-implementer-tools__value-editor__cds--icon-tooltip--disabled___7REUW","cds--tooltip-trigger__wrapper":"-esm-implementer-tools__value-editor__cds--tooltip-trigger__wrapper___6np88","cds--btn--danger":"-esm-implementer-tools__value-editor__cds--btn--danger___GP5Uf","cds--btn--danger--tertiary":"-esm-implementer-tools__value-editor__cds--btn--danger--tertiary___-U3gO","cds--btn--expressive":"-esm-implementer-tools__value-editor__cds--btn--expressive___-Bf3q","cds--btn-set":"-esm-implementer-tools__value-editor__cds--btn-set___a4oMx","cds--skeleton":"-esm-implementer-tools__value-editor__cds--skeleton___Wtndd",skeleton:"-esm-implementer-tools__value-editor__skeleton___w-iBo","cds--btn-set--stacked":"-esm-implementer-tools__value-editor__cds--btn-set--stacked___lzTJT",productiveHeading01:"-esm-implementer-tools__value-editor__productiveHeading01___t4lXG",productiveHeading02:"-esm-implementer-tools__value-editor__productiveHeading02___Jq6-R",bodyShort01:"-esm-implementer-tools__value-editor__bodyShort01___97nqC",toolStyles:"-esm-implementer-tools__value-editor__toolStyles___3pcG7",chevronImplementerToolsButton:"-esm-implementer-tools__value-editor__chevronImplementerToolsButton___1KT+1",darkTheme:"-esm-implementer-tools__value-editor__darkTheme___r3GpN",valueEditorButtons:"-esm-implementer-tools__value-editor__valueEditorButtons___1OUIZ","hide-feedback":"-esm-implementer-tools__value-editor__hide-feedback___nDLZ6","show-feedback":"-esm-implementer-tools__value-editor__show-feedback___qxTq8"};const s=a},9838:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,'.-esm-implementer-tools__array-editor-styles__cds--layout--size-xs___60tJw{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xs___Es-VI{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xs___P2YcP{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xs___mz2\\+v{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-sm___fMM6U{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-sm___9HZNX{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-sm___FKfPa{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-sm___vJxol{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-md___E\\+JYz{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-md___VOwNh{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-md___1yANW{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-md___Ef8Sf{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-lg___a7qjG{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-lg___uO0P-{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-lg___Ee38k{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-lg___MEnWK{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-xl___9dfOl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xl___ZDBcR{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xl___AHHWM{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xl___9Fj79{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--size-2xl___EfCc0{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-2xl___3auX1{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-2xl___6prRG{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-2xl___C2JQE{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--density-condensed___IgQsQ{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-condensed___YfNer{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-condensed___XhMK6{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-condensed___eWouQ{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.-esm-implementer-tools__array-editor-styles__cds--layout--density-normal___sNcyB{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-normal___kaAS4{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-normal___RKpel{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-normal___uqfF6{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__array-editor-styles__cds--layer-one___GGn0P{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__array-editor-styles__cds--layer-two___iHIrw{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.-esm-implementer-tools__array-editor-styles__cds--layer-three___Tov9q{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}@keyframes -esm-implementer-tools__array-editor-styles__hide-feedback___qe--b{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes -esm-implementer-tools__array-editor-styles__show-feedback___Nx2yu{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes -esm-implementer-tools__array-editor-styles__skeleton___I9pCU{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.-esm-implementer-tools__array-editor-styles__cds--assistive-text___lzZxA,.-esm-implementer-tools__array-editor-styles__cds--visually-hidden___SoPyd{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0, 0, 0, 0);visibility:inherit;white-space:nowrap}.-esm-implementer-tools__array-editor-styles__cds--popover-container___nB\\+uX{position:relative;display:inline-block}.-esm-implementer-tools__array-editor-styles__cds--popover--high-contrast___5cLh6 .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--popover--drop-shadow___y5rxs .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.-esm-implementer-tools__array-editor-styles__cds--popover--caret___l639H{--cds-popover-offset:0.625rem}.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color, var(--cds-layer));border-radius:var(--cds-popover-border-radius, 2px);color:var(--cds-popover-text-color, var(--cds-text-primary, #161616));pointer-events:auto}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *,.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *::before,.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{position:absolute;display:none;content:""}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color, var(--cds-layer));will-change:transform}.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{display:block}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{display:none}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:0;left:50%;transform:translate(-50%, calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{right:0;bottom:0;transform:translate(var(--cds-popover-offset, 0rem), calc(100% + var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;right:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(-100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{bottom:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 100%, 50% 0%, 100% 100%);transform:translate(-50%, var(--cds-popover-offset, 0rem))}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;left:50%;transform:translate(-50%, calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;left:0;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:0;right:0;transform:translate(var(--cds-popover-offset, 0rem), calc(-100% - var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset, 0rem);transform:translateY(100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB->.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:0;left:50%;width:var(--cds-popover-caret-width, 0.75rem);height:var(--cds-popover-caret-height, 0.375rem);clip-path:polygon(0% 0%, 50% 100%, 100% 0%);transform:translate(-50%, calc(-1 * var(--cds-popover-offset, 0rem)))}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) * -1 - 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{bottom:50%;left:100%;transform:translate(var(--cds-popover-offset, 0rem), calc(0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset, 0rem);transform:translateX(-100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:50%;left:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 50%, 100% 0%, 100% 100%);transform:translate(calc(var(--cds-popover-offset, 0rem) - 100%), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 0.1px), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{top:-50%;right:100%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(-0.5 * var(--cds-popover-offset, 0rem) + 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{right:100%;bottom:-50%;transform:translate(calc(-1 * var(--cds-popover-offset, 0rem)), calc(0.5 * var(--cds-popover-offset, 0rem) - 16px))}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before,.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset, 0rem);transform:translateX(100%)}.-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH,.-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH{top:50%;right:100%;width:var(--cds-popover-caret-height, 0.375rem);height:var(--cds-popover-caret-width, 0.75rem);clip-path:polygon(0% 0%, 100% 50%, 0% 100%);transform:translate(calc(-1 * var(--cds-popover-offset, 0rem) + 100%), -50%)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO>.-esm-implementer-tools__array-editor-styles__cds--popover___uaymf>.-esm-implementer-tools__array-editor-styles__cds--popover-content___\\+PNOj{border-radius:0}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO .-esm-implementer-tools__array-editor-styles__cds--popover___uaymf{will-change:filter}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *,.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *::before,.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H::-moz-focus-inner{border:0}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:focus{outline-style:dotted}}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:hover{background-color:var(--cds-layer-hover)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44 .-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO.-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44 .-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e\\+H svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--tooltip___f\\+UfP{--cds-popover-offset:12px}.-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw{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);max-width:18rem;padding:var(--cds-tooltip-padding-block, 1rem) var(--cds-tooltip-padding-inline, 1rem);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU .-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *,.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *::before,.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa::-moz-focus-inner{border:0}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:focus{outline:1px solid var(--cds-focus, #0f62fe);border-bottom-color:var(--cds-border-interactive, #0f62fe)}@media screen and (prefers-contrast){.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:focus{outline-style:dotted}}.-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa:hover{border-bottom-color:var(--cds-border-interactive, #0f62fe)}.-esm-implementer-tools__array-editor-styles__cds--definition-tooltip___KEqqu{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);max-width:11rem;padding:.5rem 1rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh: ( var(--cds-body-compact-01-line-height, 1.28572) * 1em );--temp-expressive-1lh: ( var(--cds-body-compact-02-line-height, 1.375) * 1em );--temp-padding-block-max: calc( (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 - 0.0625rem );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;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);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:none;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh))/2 - .0625rem,var(--temp-padding-block-max));padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*3 + 1rem - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0, 0, 0.38, 0.9),border-color 70ms cubic-bezier(0, 0, 0.38, 0.9),outline 70ms cubic-bezier(0, 0, 0.38, 0.9);vertical-align:top}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *::before,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 *::after{box-sizing:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:var(--cds-button-disabled, #c6c6c6);background:var(--cds-button-disabled, #c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max));right:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;margin-block-start:.0625rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9::-moz-focus-inner{padding:0;border:0}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-primary, #0f62fe);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:active{background-color:var(--cds-button-primary-active, #002d9c)}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-secondary, #393939);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:hover{background-color:var(--cds-button-secondary-hover, #474747)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:active{background-color:var(--cds-button-secondary-active, #6f6f6f)}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE:focus{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary, #0f62fe);background-color:rgba(0,0,0,0);color:var(--cds-button-tertiary, #0f62fe)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover{background-color:var(--cds-button-tertiary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:active{background-color:var(--cds-button-tertiary-active, #002d9c)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover{color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus{background-color:var(--cds-button-tertiary, #0f62fe);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:active{border-color:rgba(0,0,0,0);background-color:var(--cds-button-tertiary-active, #002d9c);color:var(--cds-text-inverse, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-link-primary, #0f62fe);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover{background-color:var(--cds-background-hover, rgba(141, 141, 141, 0.12))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static;margin-left:.5rem}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{color:var(--cds-link-primary-hover, #0043ce)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:active{background-color:var(--cds-background-active, rgba(141, 141, 141, 0.5))}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N:not([disabled]) svg{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;padding-block-start:min((var(--cds-layout-size-height-local) - 1rem)/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i>:first-child{min-width:1rem;margin-block-start:.0625rem}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{margin:0}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--selected___wmu6r{background:var(--cds-background-selected, rgba(141, 141, 141, 0.2))}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9 path[data-icon-path=inner-path]{fill:none}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:var(--cds-icon-primary, #161616)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled] .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled] .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N[disabled]:hover .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled]{cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f .-esm-implementer-tools__array-editor-styles__cds--tooltip-trigger__wrapper___rpBuU{cursor:not-allowed}.-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f .-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i[disabled]{pointer-events:none}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger___\\+GjMO:hover{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary, #da1e28);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover{border-color:var(--cds-button-danger-hover, #b81921);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus{background-color:var(--cds-button-danger-primary, #da1e28);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:active{border-color:var(--cds-button-danger-active, #750e13);background-color:var(--cds-button-danger-active, #750e13);color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___\\+xn-1.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{background:rgba(0,0,0,0);color:var(--cds-text-on-color-disabled, #8d8d8d);outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5{border-width:1px;border-style:solid;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:var(--cds-button-danger-secondary, #da1e28);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover{background-color:var(--cds-button-danger-hover, #b81921)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:focus{border-color:var(--cds-button-focus-color, var(--cds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)),inset 0 0 0 2px var(--cds-background, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:active{background-color:var(--cds-button-danger-active, #750e13)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]){fill:currentColor}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5 .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{position:static;margin-left:.5rem}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:active{color:var(--cds-text-on-color, #ffffff)}.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:hover:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5:focus:disabled,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:hover,.-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:focus{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--cds-text-disabled, rgba(22, 22, 22, 0.25));outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{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);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh))/2 - .0625rem,var(--temp-padding-block-max))}.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{padding:12px 13px}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{width:1.25rem;height:1.25rem}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK{max-width:20rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam{position:relative;padding:0;border:none;background:var(--cds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:hover,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:focus,.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam:active{border:none;cursor:default;outline:none}.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam::before{position:absolute;width:100%;height:100%;animation:3000ms ease-in-out -esm-implementer-tools__array-editor-styles__skeleton___I9pCU infinite;background:var(--cds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam::before{animation:none}}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z{display:flex}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+{flex-direction:column}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{width:100%;max-width:12.25rem}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:not(:focus){box-shadow:-0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus+.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9{box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:not(:focus){box-shadow:0 -0.0625rem 0 0 var(--cds-button-separator, #e0e0e0)}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:first-of-type:not(:focus){box-shadow:inherit}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa{box-shadow:-0.0625rem 0 0 0 var(--cds-icon-on-color-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:first-of-type{box-shadow:none}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa{box-shadow:0 -0.0625rem 0 0 var(--cds-layer-selected-disabled, #8d8d8d)}.-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW\\+ .-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9.-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr path:not([data-icon-path]):not([fill=none]),.-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N.-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0\\+i .-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr{fill:ButtonText}}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--structured-list{margin-bottom:.25rem}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--structured-list-td{padding:.25rem 3rem .25rem 1rem}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--btn--primary{background-color:var(--cds-button-primary, #0f62fe)}.-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO .cds--btn--primary:hover{background-color:var(--cds-button-primary-hover, #0050e6)}.-esm-implementer-tools__array-editor-styles__buttonCell___2\\+dG4{text-align:right}',"",{version:3,sources:["webpack://./../../../node_modules/@carbon/styles/scss/_layout.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./../../../node_modules/@carbon/styles/scss/_layer.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_keyframes.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_visually-hidden.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/popover/_popover.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_component-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_button-reset.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_focus-outline.scss","webpack://./../../../node_modules/@carbon/styles/scss/theme/_theme.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/tooltip/_tooltip.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_button.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_mixins.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_vars.scss","webpack://./../../../node_modules/@carbon/styles/scss/components/button/_tokens.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_skeleton.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_high-contrast-mode.scss","webpack://./src/configuration/interactive-editor/value-editors/array-editor.styles.scss"],names:[],mappings:"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",sourcesContent:["//\n// Copyright IBM Corp. 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@use 'sass:map';\n@use 'sass:list';\n\n@use './config' as *;\n@use './utilities/custom-property';\n@use './utilities/convert';\n@use './spacing' as *;\n\n$layout-tokens: (\n size: (\n height: (\n xs: convert.to-rem(24px),\n sm: convert.to-rem(32px),\n md: convert.to-rem(40px),\n lg: convert.to-rem(48px),\n xl: convert.to-rem(64px),\n 2xl: convert.to-rem(80px),\n ),\n ),\n density: (\n padding-inline: (\n condensed: $spacing-03,\n normal: $spacing-05,\n ),\n ),\n);\n\n@mixin emit-layout-tokens {\n @each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n );\n }\n\n // CSS max() doesn't accept '0' as a value without a unit\n // stylelint-disable length-zero-no-unit\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-min',\n 0px\n );\n // stylelint-enable length-zero-no-unit\n\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-max',\n 999999999px\n );\n }\n }\n}\n\n@each $group, $properties in $layout-tokens {\n @each $property, $steps in $properties {\n @each $step, $value in $steps {\n .#{$prefix}--layout--#{$group}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var('layout-#{$group}-#{$property}-context')\n );\n }\n\n .#{$prefix}--layout-constraint--#{$group}__default-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-context',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n )\n );\n }\n\n @each $constraint in ('min', 'max') {\n .#{$prefix}--layout-constraint--#{$group}__#{$constraint}-#{$step} {\n @include custom-property.declaration(\n 'layout-#{$group}-#{$property}-#{$constraint}',\n custom-property.get-var(\n 'layout-#{$group}-#{$property}-#{$step}',\n $value\n )\n );\n }\n }\n }\n }\n}\n\n:root {\n @include emit-layout-tokens();\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","//\n// Copyright IBM Corp. 2021\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@forward './layer/layer-sets';\n@use './config' as *;\n@use './layer/layer-tokens';\n\n:root {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-one {\n @include layer-tokens.emit-layer-tokens(1);\n}\n\n.#{$prefix}--layer-two {\n @include layer-tokens.emit-layer-tokens(2);\n}\n\n.#{$prefix}--layer-three {\n @include layer-tokens.emit-layer-tokens(3);\n}\n","//\n// Copyright IBM Corp. 2021\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@mixin content-visible {\n opacity: 1;\n visibility: inherit;\n}\n\n@mixin content-hidden {\n opacity: 0;\n visibility: hidden;\n}\n\n@keyframes hide-feedback {\n 0% {\n @include content-visible;\n }\n\n 100% {\n @include content-hidden;\n }\n}\n\n@keyframes show-feedback {\n 0% {\n @include content-hidden;\n }\n\n 100% {\n @include content-visible;\n }\n}\n\n@keyframes skeleton {\n 0% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 20% {\n opacity: 1;\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 28% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 51% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 58% {\n transform: scaleX(0);\n transform-origin: right;\n }\n\n 82% {\n transform: scaleX(1);\n transform-origin: right;\n }\n\n 83% {\n transform: scaleX(1);\n transform-origin: left;\n }\n\n 96% {\n transform: scaleX(0);\n transform-origin: left;\n }\n\n 100% {\n opacity: 0.3;\n transform: scaleX(0);\n transform-origin: left;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../config' as *;\n\n/// Include styles for screen reader/assistive text\n/// @access public\n/// @group utilities\n@mixin visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n\n.#{$prefix}--assistive-text,\n.#{$prefix}--visually-hidden {\n position: absolute;\n overflow: hidden;\n width: 1px;\n height: 1px;\n padding: 0;\n border: 0;\n margin: -1px;\n clip: rect(0, 0, 0, 0);\n visibility: inherit;\n white-space: nowrap;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../config' as *;\n@use '../../layer' as *;\n@use '../../theme';\n@use '../../utilities/box-shadow' as *;\n@use '../../utilities/button-reset';\n@use '../../utilities/component-reset';\n@use '../../utilities/custom-property';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/focus-outline' as *;\n@use '../../utilities/' as *;\n@use '../../utilities/convert';\n@use '../../utilities/layout';\n\n/// The Popover component is used for triggering a pop-up next to a trigger\n/// element, typically a button, in a given direction. It is made up of several\n/// parts and includes a handful of modifiers to change the appearance.\n///\n/// The parts of a popover include:\n/// The popover container `.cds-popover-container`\n/// This container contains the trigger and the popover and is used to\n/// coordinate positioning relative to the trigger button\n///\n/// The popover\n/// This is an intermediate container that is used for the\n/// `filter: drop-shadow()` effect on the popover content and the caret. It is\n/// an absolutely positioned container that matches the dimensions of the\n/// container so that popover content and caret can be positioned absolutely.\n///\n/// Popover content\n/// This is the containing element for user-provided content and sets the\n/// background and text color for the area.\n///\n/// Popover caret\n/// This caret is an optional modifier that displays a character centered with\n/// respect to the trigger element\n\n// The background color for the popover container\n$popover-background-color: custom-property.get-var(\n 'popover-background-color',\n theme.$layer\n);\n\n// The drop shadow value used for the popover container\n$popover-drop-shadow: custom-property.get-var('popover-drop-shadow', 'none');\n\n// The border radius value for the popover container\n$popover-border-radius: custom-property.get-var('popover-border-radius', 2px);\n\n// The text color used for text placed inside of the popover\n$popover-text-color: custom-property.get-var(\n 'popover-text-color',\n theme.$text-primary\n);\n\n// The distance between the popover container and the triggering element\n// Specify the distance between the popover and the trigger. This value must\n// have a unit otherwise the `calc()` expression will not work\n// stylelint-disable-next-line length-zero-no-unit\n$popover-offset: custom-property.get-var('popover-offset', 0rem);\n\n// Customize the dimensions of the caret by specifying its width or height.\n// These values will be flipped in left or right directions to have the\n// correct dimensions\n$popover-caret-width: custom-property.get-var(\n 'popover-caret-width',\n convert.to-rem(12px)\n);\n$popover-caret-height: custom-property.get-var(\n 'popover-caret-height',\n convert.to-rem(6px)\n);\n\n@mixin popover {\n // Container\n .#{$prefix}--popover-container {\n position: relative;\n display: inline-block;\n }\n\n /// Modifiers\n\n // High contrast modifier\n .#{$prefix}--popover--high-contrast .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-background-color',\n theme.$background-inverse\n );\n @include custom-property.declaration(\n 'popover-text-color',\n theme.$text-inverse\n );\n }\n\n // Drop shadow modifier\n .#{$prefix}--popover--drop-shadow .#{$prefix}--popover {\n @include custom-property.declaration(\n 'popover-drop-shadow',\n drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))\n );\n }\n\n // Caret tip modifier\n .#{$prefix}--popover--caret {\n @include custom-property.declaration(\n 'popover-offset',\n convert.to-rem(10px)\n );\n }\n\n // Popover, this element contains both the caret and the popover content\n .#{$prefix}--popover {\n position: absolute;\n z-index: z('floating');\n filter: $popover-drop-shadow;\n inset: 0;\n pointer-events: none;\n }\n\n // Popover content\n .#{$prefix}--popover-content {\n @include component-reset.reset;\n\n position: absolute;\n z-index: z('floating');\n display: none;\n width: max-content;\n max-width: convert.to-rem(368px);\n background-color: $popover-background-color;\n border-radius: $popover-border-radius;\n color: $popover-text-color;\n pointer-events: auto;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n display: block;\n }\n\n // We use a pseudo element inside of the popover to create a space between the\n // target and the popover. This helps in situations like toolcarets where you do\n // not want the toolcaret to disappear when the user moves from the target to\n // the popover.\n .#{$prefix}--popover-content::before {\n position: absolute;\n display: none;\n content: '';\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n display: block;\n }\n\n // Popover caret\n .#{$prefix}--popover-caret {\n position: absolute;\n z-index: z('floating');\n display: none;\n background-color: $popover-background-color;\n // We use `will-change: transform` to prevent antialiasing when our caret\n // has subpixel rendering. When this happens, a single pixel line appears\n // between the caret and popover-content that we would like to avoid\n will-change: transform;\n }\n\n .#{$prefix}--popover--open\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: block;\n }\n\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n display: none;\n }\n\n //-----------------------------------------------------------------------------\n // Bottom\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 50%;\n transform: translate(-50%, calc(100% + $popover-offset));\n }\n\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(100% + $popover-offset)\n );\n }\n\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 0;\n bottom: 0;\n transform: translate($popover-offset, calc(100% + $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--bottom-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n bottom: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 100%, 50% 0%, 100% 100%);\n transform: translate(-50%, $popover-offset);\n }\n\n //-----------------------------------------------------------------------------\n // Top\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 50%;\n transform: translate(-50%, calc(-100% - $popover-offset));\n }\n\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n left: 0;\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-100% - $popover-offset)\n );\n }\n\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 0;\n right: 0;\n transform: translate($popover-offset, calc(-100% - $popover-offset));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n right: 0;\n bottom: 0;\n left: 0;\n height: $popover-offset;\n transform: translateY(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--top > .#{$prefix}--popover > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--top-right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 0;\n left: 50%;\n width: $popover-caret-width;\n height: $popover-caret-height;\n clip-path: polygon(0% 0%, 50% 100%, 100% 0%);\n transform: translate(-50%, calc(-1 * $popover-offset));\n }\n\n //-----------------------------------------------------------------------------\n // Right\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate($popover-offset, -50%);\n }\n\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n left: 100%;\n transform: translate(\n $popover-offset,\n calc(0.5 * $popover-offset * -1 - 16px)\n );\n }\n\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n bottom: 50%;\n left: 100%;\n transform: translate($popover-offset, calc(0.5 * $popover-offset + 16px));\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n bottom: 0;\n left: 0;\n width: $popover-offset;\n transform: translateX(-100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--right\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--right-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n left: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 50%, 100% 0%, 100% 100%);\n transform: translate(calc($popover-offset - 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Left\n //-----------------------------------------------------------------------------\n\n // Popover content placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: 50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(calc(-1 * $popover-offset + 0.1px), -50%);\n }\n\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n top: -50%;\n right: 100%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(-1 * 0.5 * $popover-offset + 16px)\n );\n }\n\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n right: 100%;\n bottom: -50%;\n // Add in 0.1px to prevent rounding errors where the content is\n // moved farther than the caret\n transform: translate(\n calc(-1 * $popover-offset),\n calc(0.5 * $popover-offset - 16px)\n );\n }\n\n // Popover hover area placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content::before {\n top: 0;\n right: 0;\n bottom: 0;\n width: $popover-offset;\n transform: translateX(100%);\n }\n\n // Caret placement\n .#{$prefix}--popover--left\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-top\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret,\n .#{$prefix}--popover--left-bottom\n > .#{$prefix}--popover\n > .#{$prefix}--popover-caret {\n top: 50%;\n right: 100%;\n width: $popover-caret-height;\n height: $popover-caret-width;\n clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n transform: translate(calc(-1 * $popover-offset + 100%), -50%);\n }\n\n //-----------------------------------------------------------------------------\n // Tab Tip Variant\n //-----------------------------------------------------------------------------\n .#{$prefix}--popover--tab-tip\n > .#{$prefix}--popover\n > .#{$prefix}--popover-content {\n border-radius: 0;\n }\n\n .#{$prefix}--popover--tab-tip .#{$prefix}--popover {\n will-change: filter;\n }\n\n .#{$prefix}--popover--tab-tip__button {\n @include button-reset.reset;\n\n position: relative;\n display: inline-flex;\n width: convert.to-rem(32px);\n height: convert.to-rem(32px);\n align-items: center;\n justify-content: center;\n\n &:focus {\n @include focus-outline('outline');\n }\n\n &:hover {\n background-color: theme.$layer-hover;\n }\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button {\n background: theme.$layer;\n box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);\n }\n\n .#{$prefix}--popover--tab-tip.#{$prefix}--popover--open\n .#{$prefix}--popover--tab-tip__button:not(:focus)::after {\n position: absolute;\n z-index: z('floating') + 1;\n bottom: 0;\n width: 100%;\n height: 2px;\n background: theme.$layer;\n content: '';\n }\n\n .#{$prefix}--popover--tab-tip__button svg {\n fill: theme.$icon-primary;\n }\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/// Resets default browser styling\n/// @access public\n/// @group utilities\n@mixin reset {\n box-sizing: border-box;\n padding: 0;\n border: 0;\n margin: 0;\n font-family: inherit;\n font-size: 100%;\n vertical-align: baseline;\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use 'component-reset';\n\n/// Resets button styles\n/// @access public\n/// @param {Bool} $width [true] - Sets width to 100% if true\n/// @example @include button-reset($width: false);\n/// @group utilities\n@mixin reset($width: true) {\n @include component-reset.reset;\n\n display: inline-block;\n padding: 0;\n border: 0;\n appearance: none;\n background: none;\n cursor: pointer;\n text-align: start;\n\n @if ($width == true) {\n width: 100%;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n","//\n// Copyright IBM Corp. 2021\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@use '../theme';\n\n/// Adds outline styles depending on specific type\n/// @access public\n/// @param {String} $type ['border'] - Type of outline from: `border`, `blurred`, `outline`, `invalid`, `reset`\n/// @example @include focus-outline('outline');\n/// @group utilities\n@mixin focus-outline($type: 'border') {\n @if ($type == 'border') {\n outline: 1px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'blurred') {\n box-shadow: 0 0 0 3px theme.$focus;\n outline: 1px solid transparent;\n }\n\n @if ($type == 'outline') {\n outline: 2px solid theme.$focus;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'outline-compat') {\n box-sizing: border-box;\n border: 2px solid theme.$focus;\n\n @media screen and (prefers-contrast) {\n border-style: dotted;\n }\n }\n\n @if ($type == 'invalid') {\n outline: 2px solid theme.$support-error;\n outline-offset: -2px;\n\n @media screen and (prefers-contrast) {\n outline-style: dotted;\n }\n }\n\n @if ($type == 'reset') {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\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@use '../config' as *;\n@use '@carbon/themes/scss/config' with (\n $prefix: $prefix\n);\n@use '../compat/themes' as compat;\n@use '../themes';\n\n@forward '@carbon/themes/scss/theme' with (\n $fallback: themes.$white !default,\n $theme: compat.$white !default\n);\n@forward '@carbon/themes/scss/tokens';\n\n@use '@carbon/themes/scss/tokens';\n@use '@carbon/themes/scss/theme';\n@use '../utilities/custom-property';\n\n// Layer sets\n$layer: custom-property.get-var('layer');\n$layer-active: custom-property.get-var('layer-active');\n$layer-hover: custom-property.get-var('layer-hover');\n$layer-selected: custom-property.get-var('layer-selected');\n$layer-selected-hover: custom-property.get-var('layer-selected-hover');\n$layer-accent: custom-property.get-var('layer-accent');\n$layer-accent-hover: custom-property.get-var('layer-accent-hover');\n$layer-accent-active: custom-property.get-var('layer-accent-active');\n\n$field: custom-property.get-var('field');\n$field-hover: custom-property.get-var('field-hover');\n\n$border-subtle: custom-property.get-var('border-subtle');\n$border-subtle-selected: custom-property.get-var('border-subtle-selected');\n$border-strong: custom-property.get-var('border-strong');\n$border-tile: custom-property.get-var('border-tile');\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n","//\n// Copyright IBM Corp. 2016, 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@use '../popover';\n@use '../../config' as *;\n@use '../../spacing';\n@use '../../theme';\n@use '../../type';\n@use '../../layer' as *;\n@use '../../utilities/custom-property';\n@use '../../utilities/convert';\n@use '../../utilities/button-reset';\n@use '../../utilities/focus-outline';\n\n$tooltip-padding-block: custom-property.get-var(\n 'tooltip-padding-block',\n spacing.$spacing-05\n);\n\n$tooltip-padding-inline: custom-property.get-var(\n 'tooltip-padding-inline',\n spacing.$spacing-05\n);\n\n@mixin tooltip {\n .#{$prefix}--tooltip {\n @include custom-property.declaration('popover-offset', 12px);\n }\n\n .#{$prefix}--tooltip-content {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(288px);\n padding: $tooltip-padding-block $tooltip-padding-inline;\n\n color: theme.$text-inverse;\n }\n}\n\n@mixin definition-tooltip {\n .#{$prefix}--definition-term {\n @include button-reset.reset;\n\n border-bottom: 1px dotted theme.$border-strong;\n border-radius: 0;\n\n color: theme.$text-primary;\n }\n\n .#{$prefix}--definition-term:focus {\n @include focus-outline.focus-outline;\n\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-term:hover {\n border-bottom-color: theme.$border-interactive;\n }\n\n .#{$prefix}--definition-tooltip {\n @include type.type-style('body-01');\n\n max-width: convert.to-rem(176px);\n padding: convert.to-rem(8px) convert.to-rem(16px);\n }\n}\n\n@mixin icon-tooltip {\n .#{$prefix}--icon-tooltip {\n @include custom-property.declaration(\n 'tooltip-padding-block',\n convert.to-rem(2px)\n );\n @include custom-property.declaration(\n 'popover-caret-width',\n convert.to-rem(8px)\n );\n @include custom-property.declaration(\n 'popover-caret-height',\n convert.to-rem(4px)\n );\n @include custom-property.declaration('popover-offset', convert.to-rem(8px));\n }\n\n .#{$prefix}--icon-tooltip .#{$prefix}--tooltip-content {\n @include type.type-style('body-compact-01');\n }\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","//\n// Copyright IBM Corp. 2016, 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@use 'tokens' as *;\n@use 'vars' as *;\n@use 'mixins' as *;\n@use '../tooltip';\n@use '../../config' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../layer' as *;\n@use '../../utilities/convert';\n@use '../../utilities/focus-outline';\n@use '../../utilities/high-contrast-mode' as *;\n@use '../../utilities/skeleton' as *;\n@use '../../utilities/visually-hidden' as *;\n@use '../../utilities/layout';\n\n@mixin button {\n .#{$prefix}--btn {\n @include layout.use('size', $default: 'lg');\n @include layout.use('density', $default: 'normal');\n\n @include button-base;\n }\n\n // Reset intrinsic padding in Firefox (see #731)\n .#{$prefix}--btn::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n .#{$prefix}--btn--primary {\n @include button-theme(\n $button-primary,\n transparent,\n $text-on-color,\n $button-primary-hover,\n currentColor,\n $button-primary-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--secondary {\n @include button-theme(\n $button-secondary,\n transparent,\n $text-on-color,\n $button-secondary-hover,\n currentColor,\n $button-secondary-active\n );\n\n &:hover,\n &:focus {\n color: $text-on-color;\n }\n }\n\n .#{$prefix}--btn--tertiary {\n @include button-theme(\n transparent,\n $button-tertiary,\n $button-tertiary,\n $button-tertiary-hover,\n currentColor,\n $button-tertiary-active\n );\n\n &:hover {\n color: $text-inverse;\n }\n\n &:focus {\n background-color: $button-tertiary;\n color: $text-inverse;\n }\n\n &:active {\n border-color: transparent;\n background-color: $button-tertiary-active;\n color: $text-inverse;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n .#{$prefix}--btn--ghost {\n @include button-theme(\n transparent,\n transparent,\n $link-primary,\n $background-hover,\n currentColor,\n $background-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $link-primary-hover;\n }\n\n &:active {\n background-color: $background-active;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n\n &:not([disabled]) svg {\n fill: $icon-primary;\n }\n }\n\n .#{$prefix}--btn--icon-only {\n width: layout.size('height');\n height: layout.size('height');\n justify-content: center;\n padding: 0;\n // -1px to compensate for border width\n padding-block-start: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n\n > :first-child {\n min-width: convert.to-rem(16px);\n margin-block-start: convert.to-rem(1px);\n }\n\n .#{$prefix}--btn__icon {\n position: static;\n }\n\n &.#{$prefix}--btn--ghost .#{$prefix}--btn__icon,\n &.#{$prefix}--btn--danger--ghost .#{$prefix}--btn__icon {\n margin: 0;\n }\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--selected {\n background: $background-selected;\n }\n\n .#{$prefix}--btn path[data-icon-path='inner-path'] {\n fill: none;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n fill: $icon-primary;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover\n .#{$prefix}--btn__icon {\n fill: $icon-on-color-disabled;\n }\n\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled] {\n cursor: not-allowed;\n }\n\n // Workaround to ensure onMouseEnter events fire when moving\n // from a disabled button to a non-disabled button (#13815)\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--tooltip-trigger__wrapper {\n cursor: not-allowed;\n }\n\n .#{$prefix}--icon-tooltip--disabled .#{$prefix}--btn--icon-only[disabled] {\n pointer-events: none;\n }\n\n .#{$prefix}--btn--danger {\n @include button-theme(\n $button-danger-primary,\n transparent,\n $text-on-color,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n color: $text-on-color;\n }\n\n &--tertiary {\n @include button-theme(\n transparent,\n $button-danger-secondary,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n &:hover {\n border-color: $button-danger-hover;\n color: $text-on-color;\n }\n\n &:focus {\n background-color: $button-danger-primary;\n color: $text-on-color;\n }\n\n &:active {\n border-color: $button-danger-active;\n background-color: $button-danger-active;\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n background: transparent;\n color: $text-on-color-disabled;\n outline: none;\n }\n }\n\n &--ghost {\n @include button-theme(\n transparent,\n transparent,\n $button-danger-secondary,\n $button-danger-hover,\n currentColor,\n $button-danger-active\n );\n\n padding-inline-end: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n\n .#{$prefix}--btn__icon {\n position: static;\n margin-left: $spacing-03;\n }\n\n &:hover,\n &:active {\n color: $text-on-color;\n }\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: transparent;\n background: transparent;\n color: $text-disabled;\n outline: none;\n }\n }\n }\n\n //expressive styles\n .#{$prefix}--btn--expressive {\n @include type-style('body-compact-02');\n\n padding-block: min(\n calc(\n (layout.size('height') - var(--temp-expressive-1lh)) / 2 -\n convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n }\n\n .#{$prefix}--btn--icon-only.#{$prefix}--btn--expressive {\n padding: 12px 13px;\n //default size 48px\n }\n\n .#{$prefix}--btn.#{$prefix}--btn--expressive .#{$prefix}--btn__icon {\n width: convert.to-rem(20px);\n height: convert.to-rem(20px);\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--expressive {\n max-width: convert.to-rem(320px);\n }\n\n // Skeleton State\n .#{$prefix}--btn.#{$prefix}--skeleton {\n @include skeleton;\n\n width: convert.to-rem(150px);\n }\n\n // button set styles\n .#{$prefix}--btn-set {\n display: flex;\n }\n\n .#{$prefix}--btn-set--stacked {\n flex-direction: column;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn {\n width: 100%;\n // 196px from design kit\n max-width: convert.to-rem(196px);\n\n &:not(:focus) {\n box-shadow: convert.to-rem(-1px) 0 0 0 $button-separator;\n }\n\n &:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn:focus + .#{$prefix}--btn {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:not(:focus) {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $button-separator;\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn:first-of-type:not(:focus) {\n box-shadow: inherit;\n }\n\n .#{$prefix}--btn-set .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: convert.to-rem(-1px) 0 0 0 $icon-on-color-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n .#{$prefix}--btn-set--stacked .#{$prefix}--btn.#{$prefix}--btn--disabled {\n box-shadow: 0 convert.to-rem(-1px) 0 0 $layer-selected-disabled;\n\n &:first-of-type {\n box-shadow: none;\n }\n }\n\n // Windows HCM fix\n .#{$prefix}--btn:focus {\n @include high-contrast-mode('focus');\n }\n\n // Windows HCM fix\n // stylelint-disable-next-line no-duplicate-selectors\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only\n .#{$prefix}--btn__icon\n path:not([data-icon-path]):not([fill='none']),\n .#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only .#{$prefix}--btn__icon {\n @include high-contrast-mode('icon-fill');\n }\n}\n","//\n// Copyright IBM Corp. 2016, 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@use 'sass:map';\n\n@use 'vars' as *;\n@use '../../config' as *;\n@use '../../motion' as *;\n@use '../../spacing' as *;\n@use '../../theme' as *;\n@use '../../type' as *;\n@use '../../utilities/component-reset';\n@use '../../utilities/convert';\n@use '../../utilities/custom-property';\n@use '../../utilities/layout';\n@use 'tokens' as *;\n\n$button-focus-color: custom-property.get-var('button-focus-color', $focus);\n\n@mixin button-base {\n // https://caniuse.com/mdn-css_types_length_lh\n --temp-1lh: (\n #{custom-property.get-var(\n 'body-compact-01-line-height',\n map.get($body-compact-01, line-height)\n )} * 1em\n );\n --temp-expressive-1lh: (\n #{custom-property.get-var(\n 'body-compact-02-line-height',\n map.get($body-compact-02, line-height)\n )} * 1em\n );\n // -1px to compensate for border width\n --temp-padding-block-max: calc(\n (#{custom-property.get-var('layout-size-height-lg')} - var(--temp-1lh)) / 2 -\n #{convert.to-rem(1px)}\n );\n\n @include component-reset.reset;\n @include type-style('body-compact-01');\n\n position: relative;\n display: inline-flex;\n width: max-content;\n max-width: convert.to-rem(320px);\n min-height: layout.size('height');\n flex-shrink: 0;\n justify-content: space-between;\n // Fix to remove added margins on buttons in safari (see #5155)\n margin: 0;\n border-radius: $button-border-radius;\n cursor: pointer;\n outline: none;\n // -1px to compensate for border width\n padding-block: min(\n calc((layout.size('height') - var(--temp-1lh)) / 2 - convert.to-rem(1px)),\n var(--temp-padding-block-max)\n );\n padding-inline-end: calc(\n layout.density('padding-inline') * 3 + convert.to-rem(16px) -\n convert.to-rem(1px)\n );\n padding-inline-start: calc(\n layout.density('padding-inline') - convert.to-rem(1px)\n );\n text-align: left;\n text-decoration: none;\n transition: background $duration-fast-01 motion(entrance, productive),\n box-shadow $duration-fast-01 motion(entrance, productive),\n border-color $duration-fast-01 motion(entrance, productive),\n outline $duration-fast-01 motion(entrance, productive);\n vertical-align: top;\n\n &:disabled,\n &:hover:disabled,\n &:focus:disabled,\n &.#{$prefix}--btn--disabled,\n &.#{$prefix}--btn--disabled:hover,\n &.#{$prefix}--btn--disabled:focus {\n border-color: $button-disabled;\n background: $button-disabled;\n box-shadow: none;\n color: $text-on-color-disabled;\n cursor: not-allowed;\n }\n\n .#{$prefix}--btn__icon {\n position: absolute;\n // -1px to compensate for border width\n top: min(\n calc(\n (layout.size('height') - convert.to-rem(16px)) / 2 - convert.to-rem(1px)\n ),\n var(--temp-padding-block-max)\n );\n right: layout.density('padding-inline');\n width: convert.to-rem(16px);\n height: convert.to-rem(16px);\n flex-shrink: 0;\n margin-block-start: convert.to-rem(1px);\n }\n}\n\n/// Button variant styles\n/// @access private\n/// @group button\n@mixin button-theme(\n $bg-color,\n $border-color,\n $font-color,\n $hover-bg-color,\n $icon-color,\n $active-color\n) {\n border-width: $button-outline-width;\n border-style: solid;\n border-color: $border-color;\n background-color: $bg-color;\n color: $font-color;\n\n &:hover {\n background-color: $hover-bg-color;\n }\n\n &:focus {\n border-color: $button-focus-color;\n box-shadow: inset 0 0 0 $button-outline-width $button-focus-color,\n inset 0 0 0 $button-border-width $background;\n }\n\n &:active {\n background-color: $active-color;\n }\n\n .#{$prefix}--btn__icon,\n .#{$prefix}--btn__icon path:not([data-icon-path]):not([fill='none']) {\n fill: $icon-color;\n }\n}\n\n@mixin button-padding-large {\n align-items: baseline;\n padding-top: $spacing-05;\n padding-right: $spacing-10;\n padding-left: $spacing-05;\n}\n","//\n// Copyright IBM Corp. 2016, 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@use '../../spacing' as *;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-weight: 400 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-font-size: 0.875rem !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-radius: 0 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-height: 3rem !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding: calc(0.875rem - 3px) calc(#{$spacing-10} - 1px)\n calc(0.875rem - 3px) calc(#{$spacing-05} - 1px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-field: calc(0.675rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.675rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Value\n/// @access public\n/// @group button\n$button-padding-sm: calc(0.375rem - 3px) calc(#{$spacing-10} - 4px)\n calc(0.375rem - 3px) calc(#{$spacing-05} - 4px) !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-padding-lg: $spacing-04 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as normal buttons, but removes extra padding-right\n$button-padding-ghost: calc(0.875rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as field buttons, but removes extra padding-right\n$button-padding-ghost-field: calc(0.675rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n/// Uses the same padding-y as small buttons, but removes extra padding-right\n$button-padding-ghost-sm: calc(0.375rem - 3px) $spacing-05 !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-border-width: 2px !default;\n\n/// @type Number\n/// @access public\n/// @group button\n$button-outline-width: 1px !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@use 'sass:map';\n@use '../../config';\n@use '../../themes';\n@use '../../utilities/component-tokens';\n@use '@carbon/themes/scss/component-tokens' as button;\n\n$button-separator: (\n fallback: map.get(button.$button-separator, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-separator, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-separator, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-separator, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-separator, g-100),\n ),\n ),\n) !default;\n\n$button-primary: (\n fallback: map.get(button.$button-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary, g-100),\n ),\n ),\n) !default;\n\n$button-secondary: (\n fallback: map.get(button.$button-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary: (\n fallback: map.get(button.$button-tertiary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-primary: (\n fallback: map.get(button.$button-danger-primary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-primary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-primary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-primary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-primary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-secondary: (\n fallback: map.get(button.$button-danger-secondary, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-secondary, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-secondary, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-secondary, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-secondary, g-100),\n ),\n ),\n) !default;\n\n$button-danger-active: (\n fallback: map.get(button.$button-danger-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-active, g-100),\n ),\n ),\n) !default;\n\n$button-primary-active: (\n fallback: map.get(button.$button-primary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-active, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-active: (\n fallback: map.get(button.$button-secondary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-active, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-active: (\n fallback: map.get(button.$button-tertiary-active, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-active, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-active, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-active, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-active, g-100),\n ),\n ),\n) !default;\n\n$button-danger-hover: (\n fallback: map.get(button.$button-danger-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-danger-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-danger-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-danger-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-danger-hover, g-100),\n ),\n ),\n) !default;\n\n$button-primary-hover: (\n fallback: map.get(button.$button-primary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-primary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-primary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-primary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-primary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-secondary-hover: (\n fallback: map.get(button.$button-secondary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-secondary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-secondary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-secondary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-secondary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-tertiary-hover: (\n fallback: map.get(button.$button-tertiary-hover, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-tertiary-hover, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-tertiary-hover, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-tertiary-hover, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-tertiary-hover, g-100),\n ),\n ),\n) !default;\n\n$button-disabled: (\n fallback: map.get(button.$button-disabled, white-theme),\n values: (\n (\n theme: themes.$white,\n value: map.get(button.$button-disabled, white-theme),\n ),\n (\n theme: themes.$g10,\n value: map.get(button.$button-disabled, g-10),\n ),\n (\n theme: themes.$g90,\n value: map.get(button.$button-disabled, g-90),\n ),\n (\n theme: themes.$g100,\n value: map.get(button.$button-disabled, g-100),\n ),\n ),\n) !default;\n\n$button-tokens: (\n button-separator: $button-separator,\n button-primary: $button-primary,\n button-secondary: $button-secondary,\n button-tertiary: $button-tertiary,\n button-danger-primary: $button-danger-primary,\n button-danger-secondary: $button-danger-secondary,\n button-danger-active: $button-danger-active,\n button-primary-active: $button-primary-active,\n button-secondary-active: $button-secondary-active,\n button-tertiary-active: $button-tertiary-active,\n button-danger-hover: $button-danger-hover,\n button-primary-hover: $button-primary-hover,\n button-secondary-hover: $button-secondary-hover,\n button-tertiary-hover: $button-tertiary-hover,\n button-disabled: $button-disabled,\n);\n\n$button-separator: component-tokens.get-var(\n $button-separator,\n 'button-separator'\n);\n\n$button-primary: component-tokens.get-var($button-primary, 'button-primary');\n\n$button-secondary: component-tokens.get-var(\n $button-secondary,\n 'button-secondary'\n);\n\n$button-tertiary: component-tokens.get-var($button-tertiary, 'button-tertiary');\n\n$button-danger-primary: component-tokens.get-var(\n $button-danger-primary,\n 'button-danger-primary'\n);\n\n$button-danger-secondary: component-tokens.get-var(\n $button-danger-secondary,\n 'button-danger-secondary'\n);\n\n$button-danger-active: component-tokens.get-var(\n $button-danger-active,\n 'button-danger-active'\n);\n\n$button-primary-active: component-tokens.get-var(\n $button-primary-active,\n 'button-primary-active'\n);\n\n$button-secondary-active: component-tokens.get-var(\n $button-secondary-active,\n 'button-secondary-active'\n);\n\n$button-tertiary-active: component-tokens.get-var(\n $button-tertiary-active,\n 'button-tertiary-active'\n);\n\n$button-danger-hover: component-tokens.get-var(\n $button-danger-hover,\n 'button-danger-hover'\n);\n\n$button-primary-hover: component-tokens.get-var(\n $button-primary-hover,\n 'button-primary-hover'\n);\n\n$button-secondary-hover: component-tokens.get-var(\n $button-secondary-hover,\n 'button-secondary-hover'\n);\n\n$button-tertiary-hover: component-tokens.get-var(\n $button-tertiary-hover,\n 'button-tertiary-hover'\n);\n\n$button-disabled: component-tokens.get-var($button-disabled, 'button-disabled');\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. 2021\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@use 'keyframes';\n@use '../theme' as *;\n\n/// Skeleton loading animation\n/// @access public\n/// @example @include skeleton;\n/// @group utilities\n@mixin skeleton {\n position: relative;\n padding: 0;\n border: none;\n background: $skeleton-background;\n box-shadow: none;\n pointer-events: none;\n\n &:hover,\n &:focus,\n &:active {\n border: none;\n cursor: default;\n outline: none;\n }\n\n &::before {\n position: absolute;\n width: 100%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n\n/// Circular Skeleton loading animation\n/// @access public\n/// @example @include circular-skeleton;\n/// @group utilities\n@mixin circular-skeleton {\n position: relative;\n overflow: hidden;\n background: $skeleton-background;\n border-radius: 50%;\n\n &::before {\n position: absolute;\n width: 200%;\n height: 100%;\n animation: 3000ms ease-in-out skeleton infinite;\n background: $skeleton-element;\n content: '';\n will-change: transform-origin, transform, opacity;\n\n @media (prefers-reduced-motion: reduce) {\n animation: none;\n }\n }\n}\n","//\n// Copyright IBM Corp. 2021\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/// High Contrast Mode mixin for Windows and macOS\n/// @access public\n/// @example @include high-contrast-mode;\n/// @group utilities\n/// Set HCM styles at the end of each file to ensure they are not overwritten\n@mixin high-contrast-mode($type: '') {\n @media screen and (-ms-high-contrast: active), (forced-colors: active) {\n @if ($type == 'icon-fill') {\n fill: ButtonText;\n }\n\n @if ($type == 'focus') {\n color: Highlight;\n outline: 1px solid Highlight;\n }\n\n @if ($type == 'outline') {\n outline: 1px solid transparent;\n }\n\n @if ($type == 'disabled') {\n color: GrayText;\n fill: GrayText;\n }\n\n @content;\n }\n}\n","@use '@carbon/styles/scss/components/button';\n\n.arrayEditor {\n :global(.cds--structured-list) {\n margin-bottom: 0.25rem;\n }\n :global(.cds--structured-list-td) {\n padding: 0.25rem 3rem 0.25rem 1rem;\n }\n :global(.cds--btn--primary) {\n background-color: button.$button-primary;\n &:hover {\n background-color: button.$button-primary-hover;\n }\n }\n}\n\n.buttonCell {\n text-align: right;\n}\n\n/* .valueCell {\n display: inline-flex;\n} */\n"],sourceRoot:""}]),a.locals={"cds--layout--size-xs":"-esm-implementer-tools__array-editor-styles__cds--layout--size-xs___60tJw","cds--layout-constraint--size__default-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xs___Es-VI","cds--layout-constraint--size__min-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xs___P2YcP","cds--layout-constraint--size__max-xs":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xs___mz2+v","cds--layout--size-sm":"-esm-implementer-tools__array-editor-styles__cds--layout--size-sm___fMM6U","cds--layout-constraint--size__default-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-sm___9HZNX","cds--layout-constraint--size__min-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-sm___FKfPa","cds--layout-constraint--size__max-sm":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-sm___vJxol","cds--layout--size-md":"-esm-implementer-tools__array-editor-styles__cds--layout--size-md___E+JYz","cds--layout-constraint--size__default-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-md___VOwNh","cds--layout-constraint--size__min-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-md___1yANW","cds--layout-constraint--size__max-md":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-md___Ef8Sf","cds--layout--size-lg":"-esm-implementer-tools__array-editor-styles__cds--layout--size-lg___a7qjG","cds--layout-constraint--size__default-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-lg___uO0P-","cds--layout-constraint--size__min-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-lg___Ee38k","cds--layout-constraint--size__max-lg":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-lg___MEnWK","cds--layout--size-xl":"-esm-implementer-tools__array-editor-styles__cds--layout--size-xl___9dfOl","cds--layout-constraint--size__default-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-xl___ZDBcR","cds--layout-constraint--size__min-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-xl___AHHWM","cds--layout-constraint--size__max-xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-xl___9Fj79","cds--layout--size-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout--size-2xl___EfCc0","cds--layout-constraint--size__default-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__default-2xl___3auX1","cds--layout-constraint--size__min-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__min-2xl___6prRG","cds--layout-constraint--size__max-2xl":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--size__max-2xl___C2JQE","cds--layout--density-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout--density-condensed___IgQsQ","cds--layout-constraint--density__default-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-condensed___YfNer","cds--layout-constraint--density__min-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-condensed___XhMK6","cds--layout-constraint--density__max-condensed":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-condensed___eWouQ","cds--layout--density-normal":"-esm-implementer-tools__array-editor-styles__cds--layout--density-normal___sNcyB","cds--layout-constraint--density__default-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__default-normal___kaAS4","cds--layout-constraint--density__min-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__min-normal___RKpel","cds--layout-constraint--density__max-normal":"-esm-implementer-tools__array-editor-styles__cds--layout-constraint--density__max-normal___uqfF6","cds--layer-one":"-esm-implementer-tools__array-editor-styles__cds--layer-one___GGn0P","cds--layer-two":"-esm-implementer-tools__array-editor-styles__cds--layer-two___iHIrw","cds--layer-three":"-esm-implementer-tools__array-editor-styles__cds--layer-three___Tov9q","cds--assistive-text":"-esm-implementer-tools__array-editor-styles__cds--assistive-text___lzZxA","cds--visually-hidden":"-esm-implementer-tools__array-editor-styles__cds--visually-hidden___SoPyd","cds--popover-container":"-esm-implementer-tools__array-editor-styles__cds--popover-container___nB+uX","cds--popover--high-contrast":"-esm-implementer-tools__array-editor-styles__cds--popover--high-contrast___5cLh6","cds--popover":"-esm-implementer-tools__array-editor-styles__cds--popover___uaymf","cds--popover--drop-shadow":"-esm-implementer-tools__array-editor-styles__cds--popover--drop-shadow___y5rxs","cds--popover--caret":"-esm-implementer-tools__array-editor-styles__cds--popover--caret___l639H","cds--popover-content":"-esm-implementer-tools__array-editor-styles__cds--popover-content___+PNOj","cds--popover--open":"-esm-implementer-tools__array-editor-styles__cds--popover--open___Wby44","cds--popover-caret":"-esm-implementer-tools__array-editor-styles__cds--popover-caret___sHQnH","cds--popover--tab-tip":"-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip___SIkUO","cds--popover--bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom___FEfAr","cds--popover--bottom-left":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom-left___WQVks","cds--popover--bottom-right":"-esm-implementer-tools__array-editor-styles__cds--popover--bottom-right___DCbhw","cds--popover--top":"-esm-implementer-tools__array-editor-styles__cds--popover--top___nOFB-","cds--popover--top-left":"-esm-implementer-tools__array-editor-styles__cds--popover--top-left___j9Uds","cds--popover--top-right":"-esm-implementer-tools__array-editor-styles__cds--popover--top-right___6DP-d","cds--popover--right":"-esm-implementer-tools__array-editor-styles__cds--popover--right___kURsq","cds--popover--right-top":"-esm-implementer-tools__array-editor-styles__cds--popover--right-top___yS7Fw","cds--popover--right-bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--right-bottom___Y7Yl2","cds--popover--left":"-esm-implementer-tools__array-editor-styles__cds--popover--left___465qG","cds--popover--left-top":"-esm-implementer-tools__array-editor-styles__cds--popover--left-top___nNxPK","cds--popover--left-bottom":"-esm-implementer-tools__array-editor-styles__cds--popover--left-bottom___cc1j2","cds--popover--tab-tip__button":"-esm-implementer-tools__array-editor-styles__cds--popover--tab-tip__button___U0e+H","cds--tooltip":"-esm-implementer-tools__array-editor-styles__cds--tooltip___f+UfP","cds--tooltip-content":"-esm-implementer-tools__array-editor-styles__cds--tooltip-content___joxOw","cds--icon-tooltip":"-esm-implementer-tools__array-editor-styles__cds--icon-tooltip___bA7DU","cds--definition-term":"-esm-implementer-tools__array-editor-styles__cds--definition-term___K8Tfa","cds--definition-tooltip":"-esm-implementer-tools__array-editor-styles__cds--definition-tooltip___KEqqu","cds--btn":"-esm-implementer-tools__array-editor-styles__cds--btn___7zQC9","cds--btn--disabled":"-esm-implementer-tools__array-editor-styles__cds--btn--disabled___ZB0Wa","cds--btn__icon":"-esm-implementer-tools__array-editor-styles__cds--btn__icon___bC7pr","cds--btn--primary":"-esm-implementer-tools__array-editor-styles__cds--btn--primary___1rcoT","cds--btn--secondary":"-esm-implementer-tools__array-editor-styles__cds--btn--secondary___PTyqE","cds--btn--tertiary":"-esm-implementer-tools__array-editor-styles__cds--btn--tertiary___Mdir1","cds--btn--ghost":"-esm-implementer-tools__array-editor-styles__cds--btn--ghost___Ghw1N","cds--btn--icon-only":"-esm-implementer-tools__array-editor-styles__cds--btn--icon-only___nl0+i","cds--btn--danger--ghost":"-esm-implementer-tools__array-editor-styles__cds--btn--danger--ghost___UAXI5","cds--btn--selected":"-esm-implementer-tools__array-editor-styles__cds--btn--selected___wmu6r","cds--icon-tooltip--disabled":"-esm-implementer-tools__array-editor-styles__cds--icon-tooltip--disabled___WeX3f","cds--tooltip-trigger__wrapper":"-esm-implementer-tools__array-editor-styles__cds--tooltip-trigger__wrapper___rpBuU","cds--btn--danger":"-esm-implementer-tools__array-editor-styles__cds--btn--danger___+GjMO","cds--btn--danger--tertiary":"-esm-implementer-tools__array-editor-styles__cds--btn--danger--tertiary___+xn-1","cds--btn--expressive":"-esm-implementer-tools__array-editor-styles__cds--btn--expressive___r6zkK","cds--btn-set":"-esm-implementer-tools__array-editor-styles__cds--btn-set___w2U1Z","cds--skeleton":"-esm-implementer-tools__array-editor-styles__cds--skeleton___nUFam",skeleton:"-esm-implementer-tools__array-editor-styles__skeleton___I9pCU","cds--btn-set--stacked":"-esm-implementer-tools__array-editor-styles__cds--btn-set--stacked___SYqW+",arrayEditor:"-esm-implementer-tools__array-editor-styles__arrayEditor___svQPO",buttonCell:"-esm-implementer-tools__array-editor-styles__buttonCell___2+dG4","hide-feedback":"-esm-implementer-tools__array-editor-styles__hide-feedback___qe--b","show-feedback":"-esm-implementer-tools__array-editor-styles__show-feedback___Nx2yu"};const s=a},7047:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__uuid-search__productiveHeading01___tdeaI{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)}.-esm-implementer-tools__uuid-search__productiveHeading02___c2158{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)}.-esm-implementer-tools__uuid-search__bodyShort01___iqDKX{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__uuid-search__toolStyles___iEsKx{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp div:hover{padding:.5rem 0}.-esm-implementer-tools__uuid-search__darkTheme___MdSeK{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__uuid-search__activeUuid___P5DQe{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:#161616;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.-esm-implementer-tools__uuid-search__autocomplete___Femfx,.-esm-implementer-tools__uuid-search__autocomplete___Femfx>[role=combobox]{position:relative;width:20em}.-esm-implementer-tools__uuid-search__listbox___4v5pq{box-shadow:0 0 .5rem}.-esm-implementer-tools__uuid-search__smallListCell___ibH1k{padding:.5rem}.-esm-implementer-tools__uuid-search__loader___ZBUIr{margin:1rem}.-esm-implementer-tools__uuid-search__emptyResults___EWCen{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);background-color:#fff;color:#525252;min-height:1rem}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/configuration/interactive-editor/value-editors/uuid-search.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@import '../../../implementer-tools.styles.scss';\n\n.activeUuid {\n @include type.type-style('body-compact-01');\n color: $ui-05;\n margin-bottom: spacing.$spacing-03;\n padding-bottom: spacing.$spacing-03;\n border-bottom: 1px solid $ui-03;\n}\n\n.autocomplete,\n.autocomplete > [role='combobox'] {\n position: relative;\n width: 20em;\n}\n\n.listbox {\n box-shadow: 0 0 spacing.$spacing-03;\n}\n\n.smallListCell {\n padding: spacing.$spacing-03;\n}\n\n.loader {\n margin: 1rem;\n}\n\n.emptyResults {\n @include type.type-style('body-compact-01');\n background-color: $ui-02;\n color: $text-02;\n min-height: 1rem;\n}\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__uuid-search__productiveHeading01___tdeaI",productiveHeading02:"-esm-implementer-tools__uuid-search__productiveHeading02___c2158",bodyShort01:"-esm-implementer-tools__uuid-search__bodyShort01___iqDKX",toolStyles:"-esm-implementer-tools__uuid-search__toolStyles___iEsKx",chevronImplementerToolsButton:"-esm-implementer-tools__uuid-search__chevronImplementerToolsButton___kyKSp",darkTheme:"-esm-implementer-tools__uuid-search__darkTheme___MdSeK",activeUuid:"-esm-implementer-tools__uuid-search__activeUuid___P5DQe",autocomplete:"-esm-implementer-tools__uuid-search__autocomplete___Femfx",listbox:"-esm-implementer-tools__uuid-search__listbox___4v5pq",smallListCell:"-esm-implementer-tools__uuid-search__smallListCell___ibH1k",loader:"-esm-implementer-tools__uuid-search__loader___ZBUIr",emptyResults:"-esm-implementer-tools__uuid-search__emptyResults___EWCen"};const s=a},6164:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__frontend-modules__container___lkvmv{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___lkvmv .cds--data-table-container{padding-top:0}.-esm-implementer-tools__frontend-modules__header___y\\+cps{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)}.-esm-implementer-tools__frontend-modules__helper___AiC6o{font-size:var(--cds-helper-text-01-font-size, 0.75rem);line-height:var(--cds-helper-text-01-line-height, 1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing, 0.32px)}","",{version:3,sources:["webpack://./src/feature-flags/frontend-modules.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,6DACE,WAAA,CACA,eAAA,CAEA,wFACE,aAAA,CAIJ,2DCu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDn1BJ,0DCm1BI,sDAAA,CAAA,0DAAA,CAAA,+DAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.header {\n @include type.type-style('heading-compact-02');\n}\n\n.helper {\n @include type.type-style('helper-text-01');\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:""}]),a.locals={container:"-esm-implementer-tools__frontend-modules__container___lkvmv",header:"-esm-implementer-tools__frontend-modules__header___y+cps",helper:"-esm-implementer-tools__frontend-modules__helper___AiC6o"};const s=a},5961:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.push([e.id,".-esm-implementer-tools__frontend-modules__container___ZLxli{height:50vh;overflow-y:auto}.-esm-implementer-tools__frontend-modules__container___ZLxli .cds--data-table-container{padding-top:0}.-esm-implementer-tools__frontend-modules__moduleHeader___Fbdh3{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)}.-esm-implementer-tools__frontend-modules__moduleComponentHeader___VLWyM{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)}","",{version:3,sources:["webpack://./src/frontend-modules/frontend-modules.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAEA,6DACE,WAAA,CACA,eAAA,CAEA,wFACE,aAAA,CAIJ,gECu1BI,uDAAA,CAAA,0DAAA,CAAA,4DAAA,CAAA,8DAAA,CDn1BJ,yECm1BI,2DAAA,CAAA,0DAAA,CAAA,8DAAA,CAAA,mEAAA",sourcesContent:["@use '@carbon/styles/scss/type';\n\n.container {\n height: 50vh;\n overflow-y: auto;\n\n :global(.cds--data-table-container) {\n padding-top: 0;\n }\n}\n\n.moduleHeader {\n @include type.type-style('heading-compact-02');\n}\n\n.moduleComponentHeader {\n @include type.type-style('heading-compact-01');\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:""}]),a.locals={container:"-esm-implementer-tools__frontend-modules__container___ZLxli",moduleHeader:"-esm-implementer-tools__frontend-modules__moduleHeader___Fbdh3",moduleComponentHeader:"-esm-implementer-tools__frontend-modules__moduleComponentHeader___VLWyM"};const s=a},2890:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9233),i=t.n(o),r=t(361),a=t.n(r)()(i());a.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-implementer-tools__popup-styles__productiveHeading01___4leaH{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)}.-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm{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)}.-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz{font-size:var(--cds-body-compact-01-font-size, 0.875rem);font-weight:var(--cds-body-compact-01-font-weight, 400);line-height:var(--cds-body-compact-01-line-height, 1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing, 0.16px)}.-esm-implementer-tools__popup-styles__toolStyles___d1S8B{background-color:rgba(0,0,0,0)}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5{position:fixed;bottom:0;left:calc(50vw - 1rem);z-index:9999}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div{background-color:#fff;width:2rem;display:flex;justify-content:center;cursor:pointer;transition:all .1s ease-in-out}.-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5 div:hover{padding:.5rem 0}.-esm-implementer-tools__popup-styles__darkTheme___8gOG\\+{--cds-background: #262626;--cds-background-active: rgba(141, 141, 141, 0.4);--cds-background-brand: #0f62fe;--cds-background-hover: rgba(141, 141, 141, 0.16);--cds-background-inverse: #f4f4f4;--cds-background-inverse-hover: #e8e8e8;--cds-background-selected: rgba(141, 141, 141, 0.24);--cds-background-selected-hover: rgba(141, 141, 141, 0.32);--cds-border-disabled: rgba(141, 141, 141, 0.5);--cds-border-interactive: #4589ff;--cds-border-inverse: #f4f4f4;--cds-border-strong-01: #8d8d8d;--cds-border-strong-02: #a8a8a8;--cds-border-strong-03: #c6c6c6;--cds-border-subtle-00: #525252;--cds-border-subtle-01: #525252;--cds-border-subtle-02: #6f6f6f;--cds-border-subtle-03: #8d8d8d;--cds-border-subtle-selected-01: #6f6f6f;--cds-border-subtle-selected-02: #8d8d8d;--cds-border-subtle-selected-03: #a8a8a8;--cds-border-tile-01: #6f6f6f;--cds-border-tile-02: #8d8d8d;--cds-border-tile-03: #a8a8a8;--cds-field-01: #393939;--cds-field-02: #525252;--cds-field-03: #6f6f6f;--cds-field-hover-01: #474747;--cds-field-hover-02: #636363;--cds-field-hover-03: #5e5e5e;--cds-focus: #ffffff;--cds-focus-inset: #161616;--cds-focus-inverse: #0f62fe;--cds-highlight: #0043ce;--cds-icon-disabled: rgba(244, 244, 244, 0.25);--cds-icon-interactive: #ffffff;--cds-icon-inverse: #161616;--cds-icon-on-color: #ffffff;--cds-icon-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-icon-primary: #f4f4f4;--cds-icon-secondary: #c6c6c6;--cds-interactive: #4589ff;--cds-layer-01: #393939;--cds-layer-02: #525252;--cds-layer-03: #6f6f6f;--cds-layer-accent-01: #525252;--cds-layer-accent-02: #6f6f6f;--cds-layer-accent-03: #8d8d8d;--cds-layer-accent-active-01: #8d8d8d;--cds-layer-accent-active-02: #393939;--cds-layer-accent-active-03: #525252;--cds-layer-accent-hover-01: #636363;--cds-layer-accent-hover-02: #5e5e5e;--cds-layer-accent-hover-03: #7a7a7a;--cds-layer-active-01: #6f6f6f;--cds-layer-active-02: #8d8d8d;--cds-layer-active-03: #393939;--cds-layer-hover-01: #474747;--cds-layer-hover-02: #636363;--cds-layer-hover-03: #5e5e5e;--cds-layer-selected-01: #525252;--cds-layer-selected-02: #6f6f6f;--cds-layer-selected-03: #525252;--cds-layer-selected-disabled: #a8a8a8;--cds-layer-selected-hover-01: #636363;--cds-layer-selected-hover-02: #5e5e5e;--cds-layer-selected-hover-03: #636363;--cds-layer-selected-inverse: #f4f4f4;--cds-link-inverse: #0f62fe;--cds-link-inverse-active: #161616;--cds-link-inverse-hover: #0043ce;--cds-link-primary: #78a9ff;--cds-link-primary-hover: #a6c8ff;--cds-link-secondary: #a6c8ff;--cds-link-visited: #be95ff;--cds-overlay: rgba(0, 0, 0, 0.65);--cds-shadow: rgba(0, 0, 0, 0.8);--cds-skeleton-background: #333333;--cds-skeleton-element: #525252;--cds-support-caution-major: #ff832b;--cds-support-caution-minor: #f1c21b;--cds-support-caution-undefined: #a56eff;--cds-support-error: #ff8389;--cds-support-error-inverse: #da1e28;--cds-support-info: #4589ff;--cds-support-info-inverse: #0043ce;--cds-support-success: #42be65;--cds-support-success-inverse: #24a148;--cds-support-warning: #f1c21b;--cds-support-warning-inverse: #f1c21b;--cds-text-disabled: rgba(244, 244, 244, 0.25);--cds-text-error: #ffb3b8;--cds-text-helper: #c6c6c6;--cds-text-inverse: #161616;--cds-text-on-color: #ffffff;--cds-text-on-color-disabled: rgba(255, 255, 255, 0.25);--cds-text-placeholder: rgba(244, 244, 244, 0.4);--cds-text-primary: #f4f4f4;--cds-text-secondary: #c6c6c6;--cds-toggle-off: #8d8d8d;--cds-spacing-01: 0.125rem;--cds-spacing-02: 0.25rem;--cds-spacing-03: 0.5rem;--cds-spacing-04: 0.75rem;--cds-spacing-05: 1rem;--cds-spacing-06: 1.5rem;--cds-spacing-07: 2rem;--cds-spacing-08: 2.5rem;--cds-spacing-09: 3rem;--cds-spacing-10: 4rem;--cds-spacing-11: 5rem;--cds-spacing-12: 6rem;--cds-spacing-13: 10rem;--cds-fluid-spacing-01: 0;--cds-fluid-spacing-02: 2vw;--cds-fluid-spacing-03: 5vw;--cds-fluid-spacing-04: 10vw;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-font-weight: 400;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.19;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-paragraph-01-font-size: 1.5rem;--cds-expressive-paragraph-01-font-weight: 300;--cds-expressive-paragraph-01-line-height: 1.334;--cds-expressive-paragraph-01-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.42857;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading-04-font-size: 1.75rem;--cds-expressive-heading-04-font-weight: 400;--cds-expressive-heading-04-line-height: 1.28572;--cds-expressive-heading-04-letter-spacing: 0;--cds-expressive-heading-05-font-size: 2rem;--cds-expressive-heading-05-font-weight: 400;--cds-expressive-heading-05-line-height: 1.25;--cds-expressive-heading-05-letter-spacing: 0;--cds-expressive-heading-06-font-size: 2rem;--cds-expressive-heading-06-font-weight: 600;--cds-expressive-heading-06-line-height: 1.25;--cds-expressive-heading-06-letter-spacing: 0;--cds-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-01-font-size: 1.25rem;--cds-quotation-01-font-weight: 400;--cds-quotation-01-line-height: 1.3;--cds-quotation-01-letter-spacing: 0;--cds-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-quotation-02-font-size: 2rem;--cds-quotation-02-font-weight: 300;--cds-quotation-02-line-height: 1.25;--cds-quotation-02-letter-spacing: 0;--cds-display-01-font-size: 2.625rem;--cds-display-01-font-weight: 300;--cds-display-01-line-height: 1.19;--cds-display-01-letter-spacing: 0;--cds-display-02-font-size: 2.625rem;--cds-display-02-font-weight: 600;--cds-display-02-line-height: 1.19;--cds-display-02-letter-spacing: 0;--cds-display-03-font-size: 2.625rem;--cds-display-03-font-weight: 300;--cds-display-03-line-height: 1.19;--cds-display-03-letter-spacing: 0;--cds-display-04-font-size: 2.625rem;--cds-display-04-font-weight: 300;--cds-display-04-line-height: 1.19;--cds-display-04-letter-spacing: 0;--cds-legal-01-font-size: 0.75rem;--cds-legal-01-font-weight: 400;--cds-legal-01-line-height: 1.33333;--cds-legal-01-letter-spacing: 0.32px;--cds-legal-02-font-size: 0.875rem;--cds-legal-02-font-weight: 400;--cds-legal-02-line-height: 1.28572;--cds-legal-02-letter-spacing: 0.16px;--cds-body-compact-01-font-size: 0.875rem;--cds-body-compact-01-font-weight: 400;--cds-body-compact-01-line-height: 1.28572;--cds-body-compact-01-letter-spacing: 0.16px;--cds-body-compact-02-font-size: 1rem;--cds-body-compact-02-font-weight: 400;--cds-body-compact-02-line-height: 1.375;--cds-body-compact-02-letter-spacing: 0;--cds-heading-compact-01-font-size: 0.875rem;--cds-heading-compact-01-font-weight: 600;--cds-heading-compact-01-line-height: 1.28572;--cds-heading-compact-01-letter-spacing: 0.16px;--cds-heading-compact-02-font-size: 1rem;--cds-heading-compact-02-font-weight: 600;--cds-heading-compact-02-line-height: 1.375;--cds-heading-compact-02-letter-spacing: 0;--cds-body-01-font-size: 0.875rem;--cds-body-01-font-weight: 400;--cds-body-01-line-height: 1.42857;--cds-body-01-letter-spacing: 0.16px;--cds-body-02-font-size: 1rem;--cds-body-02-font-weight: 400;--cds-body-02-line-height: 1.5;--cds-body-02-letter-spacing: 0;--cds-heading-03-font-size: 1.25rem;--cds-heading-03-font-weight: 400;--cds-heading-03-line-height: 1.4;--cds-heading-03-letter-spacing: 0;--cds-heading-04-font-size: 1.75rem;--cds-heading-04-font-weight: 400;--cds-heading-04-line-height: 1.28572;--cds-heading-04-letter-spacing: 0;--cds-heading-05-font-size: 2rem;--cds-heading-05-font-weight: 400;--cds-heading-05-line-height: 1.25;--cds-heading-05-letter-spacing: 0;--cds-heading-06-font-size: 2.625rem;--cds-heading-06-font-weight: 300;--cds-heading-06-line-height: 1.199;--cds-heading-06-letter-spacing: 0;--cds-heading-07-font-size: 3.375rem;--cds-heading-07-font-weight: 300;--cds-heading-07-line-height: 1.19;--cds-heading-07-letter-spacing: 0;--cds-fluid-heading-03-font-size: 1.25rem;--cds-fluid-heading-03-font-weight: 400;--cds-fluid-heading-03-line-height: 1.4;--cds-fluid-heading-03-letter-spacing: 0;--cds-fluid-heading-04-font-size: 1.75rem;--cds-fluid-heading-04-font-weight: 400;--cds-fluid-heading-04-line-height: 1.28572;--cds-fluid-heading-04-letter-spacing: 0;--cds-fluid-heading-05-font-size: 2rem;--cds-fluid-heading-05-font-weight: 400;--cds-fluid-heading-05-line-height: 1.25;--cds-fluid-heading-05-letter-spacing: 0;--cds-fluid-heading-06-font-size: 2rem;--cds-fluid-heading-06-font-weight: 600;--cds-fluid-heading-06-line-height: 1.25;--cds-fluid-heading-06-letter-spacing: 0;--cds-fluid-paragraph-01-font-size: 1.5rem;--cds-fluid-paragraph-01-font-weight: 300;--cds-fluid-paragraph-01-line-height: 1.334;--cds-fluid-paragraph-01-letter-spacing: 0;--cds-fluid-quotation-01-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-01-font-size: 1.25rem;--cds-fluid-quotation-01-font-weight: 400;--cds-fluid-quotation-01-line-height: 1.3;--cds-fluid-quotation-01-letter-spacing: 0;--cds-fluid-quotation-02-font-family: 'IBM Plex Serif', system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', serif;--cds-fluid-quotation-02-font-size: 2rem;--cds-fluid-quotation-02-font-weight: 300;--cds-fluid-quotation-02-line-height: 1.25;--cds-fluid-quotation-02-letter-spacing: 0;--cds-fluid-display-01-font-size: 2.625rem;--cds-fluid-display-01-font-weight: 300;--cds-fluid-display-01-line-height: 1.19;--cds-fluid-display-01-letter-spacing: 0;--cds-fluid-display-02-font-size: 2.625rem;--cds-fluid-display-02-font-weight: 600;--cds-fluid-display-02-line-height: 1.19;--cds-fluid-display-02-letter-spacing: 0;--cds-fluid-display-03-font-size: 2.625rem;--cds-fluid-display-03-font-weight: 300;--cds-fluid-display-03-line-height: 1.19;--cds-fluid-display-03-letter-spacing: 0;--cds-fluid-display-04-font-size: 2.625rem;--cds-fluid-display-04-font-weight: 300;--cds-fluid-display-04-line-height: 1.19;--cds-fluid-display-04-letter-spacing: 0;--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.-esm-implementer-tools__popup-styles__popup___0bVnN{position:fixed;bottom:0;left:0;width:100%;z-index:100000;background-color:var(--cds-background, #ffffff);border-top:2px solid #161616;color:#161616;box-sizing:border-box}.-esm-implementer-tools__popup-styles__popup___0bVnN tr th,.-esm-implementer-tools__popup-styles__popup___0bVnN tr td{color:var(--cds-text-secondary, #525252)}.-esm-implementer-tools__popup-styles__content___MAVBS{width:100%;height:50vh}.-esm-implementer-tools__popup-styles__tabs___goPOI{min-width:30rem;overflow-x:hidden;overflow-y:auto;position:relative}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn{min-width:fit-content;border:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn::after{display:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn::before{display:none}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn:last-child{border-right:none !important;border-radius:0 !important}.-esm-implementer-tools__popup-styles__tabs___goPOI .cds--content-switcher-btn:first-child{border-left:none !important;border-radius:0 !important}.-esm-implementer-tools__popup-styles__topBar___Qn\\+FU{width:100%;display:flex;justify-content:space-between;align-items:center;z-index:2;background-color:var(--cds-background, #ffffff)}","",{version:3,sources:["webpack://./../../framework/esm-styleguide/src/_vars.scss","webpack://./src/implementer-tools.styles.scss","webpack://./../../../node_modules/@carbon/type/scss/_styles.scss","webpack://./../../../node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./../../../node_modules/@carbon/themes/scss/_theme.scss","webpack://./../../../node_modules/@carbon/styles/scss/utilities/_custom-property.scss","webpack://./src/popup/popup.styles.scss","webpack://./../../../node_modules/@carbon/themes/scss/generated/_tokens.scss"],names:[],mappings:"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",sourcesContent:["$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: 4rem;\n --workspace-header-height: 3rem;\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/styles/scss/spacing';\n@use '@carbon/styles/scss/type';\n@use '@carbon/react/scss/themes';\n@use '@carbon/react/scss/theme';\n@import '~@openmrs/esm-styleguide/src/vars';\n\n.productiveHeading01 {\n @include type.type-style('heading-compact-01');\n}\n\n.productiveHeading02 {\n @include type.type-style('heading-compact-02');\n}\n\n.bodyShort01 {\n @include type.type-style('body-compact-01');\n}\n\n.toolStyles {\n background-color: transparent;\n}\n\n// Chevron button - implementer-tools component\n.chevronImplementerToolsButton {\n position: fixed;\n bottom: 0;\n left: calc(50vw - spacing.$spacing-05);\n z-index: 9999;\n\n div {\n background-color: $ui-02;\n width: spacing.$spacing-07;\n display: flex;\n justify-content: center;\n cursor: pointer;\n transition: all 0.1s ease-in-out;\n }\n\n div:hover {\n padding: spacing.$spacing-03 0;\n }\n}\n\n.darkTheme {\n @include theme.theme(themes.$g90);\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","//\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@use 'sass:map';\n@use 'sass:meta';\n@use 'config';\n@use 'themes';\n\n/// Specify the fallback theme, used as a catch-all for tokens that you may not\n/// have defined in your custom theme\n$fallback: themes.$white !default;\n\n/// Specify the current theme. This can override existing tokens, or add new\n/// tokens. If you are adding new tokens, it's recommended that you set the\n/// fallback for your current theme\n$theme: () !default;\n$theme: map.merge($fallback, $theme);\n\n/// Local component tokens that can be updated with `@mixin add-component-tokens`.\n$-component-tokens: ();\n\n/// Include the CSS Custom Properties for the active theme or a given theme on\n/// a selector\n@mixin theme($active-theme: $theme, $component-tokens...) {\n @each $token, $value in $active-theme {\n @include -custom-property($token, $value);\n }\n\n @each $group in $component-tokens {\n @each $token, $value in $group {\n @include -custom-property($token, $value);\n }\n }\n\n @each $token, $value in $-component-tokens {\n @include -custom-property(\n $token,\n -resolve-token-value($active-theme, $value)\n );\n }\n}\n\n/// Retrieve the value for the given $token from the current $theme\n/// @param {String} $token\n@function get($token) {\n @if map.has-key($theme, $token) {\n @return map.get($theme, $token);\n }\n @error \"Unable to find token: #{$token} in current $theme\";\n}\n\n/// Compare two themes to see if the second theme is a superset of the first\n/// theme. In other words, this function will return true if every token in the\n/// first theme is available in the second theme and has the same value. The\n/// second theme is allowed to have additional values and it will still match.\n/// @param {Map} $a\n/// @param {Map} $b\n/// @returns {Boolean}\n@function matches($a, $b) {\n @each $key, $value in $a {\n @if map.has-key($b, $key) == false {\n @return false;\n }\n\n @if map.get($b, $key) != $value {\n @return false;\n }\n }\n\n @return true;\n}\n\n/// Add component tokens which will be included any time the theme mixin is\n/// called\n@mixin add-component-tokens($token-map) {\n $-component-tokens: map.merge($-component-tokens, $token-map) !global;\n}\n\n/// Determine the value from a component token that matches the given theme.\n/// This is helpful when a component token may change depending on what theme the\n/// component is being rendered in.\n@function -resolve-token-value($active-theme: $theme, $token-value) {\n @if meta.type-of($token-value) == map and map.has-key($token-value, values) {\n $fallback: map.get($token-value, fallback);\n $theme-values: map.get($token-value, values);\n\n @each $theme-value in $theme-values {\n $theme-to-match: map.get($theme-value, theme);\n $value: map.get($theme-value, value);\n\n @if matches($theme-to-match, $active-theme) {\n @return $value;\n }\n }\n\n @return $fallback;\n }\n\n @return $token-value;\n}\n\n/// @access private\n/// @group @carbon/themes\n@mixin -custom-property($name, $value) {\n @if meta.type-of($value) == map {\n @each $property, $property-value in $value {\n // Only support one-level of depth for values that are maps. This is to\n // avoid bringing properties like `breakpoints` on type tokens\n @if type-of($property-value) != map {\n @include -custom-property('#{$name}-#{$property}', $property-value);\n }\n }\n } @else {\n --#{config.$prefix}-#{$name}: #{$value};\n }\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@use '../config';\n\n// Some CSS Custom Property terminology\n// @see https://www.w3.org/TR/css-variables-1/\n//\n// <custom-property-name>:\n// Any valid identifer that starts with two dashes (--)\n//\n// A declaration:\n// CSS Custom Properties can be used as declarations in a CSS selector. They\n// take on the form of:\n//\n// <custom-property-name>: <declaration-value>;\n//\n// The var() notation:\n// You can use a CSS Custom Property as a substitute for a value of another\n// property using the var() function. This function has the following syntax:\n//\n// var( <custom-property-name> [, <declarative-value> ]? )\n//\n// This function takes in an optional fallback value if the CSS Custom\n// Property has not been previously defined\n\n/// Get the <custom-property-name> for a given string\n/// @param {String} $name\n/// @returns {String}\n@function get-name($name) {\n @return --#{config.$prefix}-#{$name};\n}\n\n/// Get the var() representation for a given token\n/// @param {String} $name\n/// @param {Any} $fallback\n/// @returns var()\n@function get-var($name, $fallback: false) {\n @if $fallback {\n @return var(--#{config.$prefix}-#{$name}, #{$fallback});\n }\n @return var(--#{config.$prefix}-#{$name});\n}\n\n/// Emit a declaration which sets the value of a CSS Custom Property using the\n/// $name as the <custom-property-name> and the $value as the\n/// <declaration-value>\n/// @param {String} $name\n/// @param {any} $value\n@mixin declaration($name, $value) {\n #{get-name($name)}: #{$value};\n}\n","@use '@carbon/react/scss/theme';\n@import '../implementer-tools.styles.scss';\n\n.popup {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 100000;\n background-color: theme.$background;\n border-top: 2px solid $ui-05;\n color: $color-gray-100;\n box-sizing: border-box;\n\n tr {\n th,\n td {\n color: theme.$text-secondary;\n }\n }\n}\n\n.content {\n width: 100%;\n height: 50vh;\n}\n\n.tabs {\n min-width: 30rem;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n\n :global(.cds--content-switcher-btn) {\n min-width: fit-content;\n border: none;\n &::after {\n display: none;\n }\n\n &::before {\n display: none;\n }\n\n &:last-child {\n border-right: none !important;\n border-radius: 0 !important;\n }\n\n &:first-child {\n border-left: none !important;\n border-radius: 0 !important;\n }\n }\n}\n\n.topBar {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 2;\n background-color: theme.$background;\n}\n","// Code generated by @carbon/themes. 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@use 'sass:map';\n@use '../config';\n@use '../theme';\n\n/// Internal helper for generating CSS Custom Properties\n@function _get($token) {\n @if config.$use-fallback-value == false {\n @return var(--#{config.$prefix}-#{$token});\n } @else {\n @return var(--#{config.$prefix}-#{$token}, #{theme.get($token)});\n }\n}\n\n/// The CSS Custom Property for the `background` token\n$background: _get('background') !default;\n\n/// The CSS Custom Property for the `background-active` token\n$background-active: _get('background-active') !default;\n\n/// The CSS Custom Property for the `background-selected` token\n$background-selected: _get('background-selected') !default;\n\n/// The CSS Custom Property for the `background-selected-hover` token\n$background-selected-hover: _get('background-selected-hover') !default;\n\n/// The CSS Custom Property for the `background-hover` token\n$background-hover: _get('background-hover') !default;\n\n/// The CSS Custom Property for the `background-brand` token\n$background-brand: _get('background-brand') !default;\n\n/// The CSS Custom Property for the `background-inverse` token\n$background-inverse: _get('background-inverse') !default;\n\n/// The CSS Custom Property for the `background-inverse-hover` token\n$background-inverse-hover: _get('background-inverse-hover') !default;\n\n/// The CSS Custom Property for the `layer-01` token\n$layer-01: _get('layer-01') !default;\n\n/// The CSS Custom Property for the `layer-active-01` token\n$layer-active-01: _get('layer-active-01') !default;\n\n/// The CSS Custom Property for the `layer-hover-01` token\n$layer-hover-01: _get('layer-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-01` token\n$layer-selected-01: _get('layer-selected-01') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-01` token\n$layer-selected-hover-01: _get('layer-selected-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-02` token\n$layer-02: _get('layer-02') !default;\n\n/// The CSS Custom Property for the `layer-active-02` token\n$layer-active-02: _get('layer-active-02') !default;\n\n/// The CSS Custom Property for the `layer-hover-02` token\n$layer-hover-02: _get('layer-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-02` token\n$layer-selected-02: _get('layer-selected-02') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-02` token\n$layer-selected-hover-02: _get('layer-selected-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-03` token\n$layer-03: _get('layer-03') !default;\n\n/// The CSS Custom Property for the `layer-active-03` token\n$layer-active-03: _get('layer-active-03') !default;\n\n/// The CSS Custom Property for the `layer-hover-03` token\n$layer-hover-03: _get('layer-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-03` token\n$layer-selected-03: _get('layer-selected-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-hover-03` token\n$layer-selected-hover-03: _get('layer-selected-hover-03') !default;\n\n/// The CSS Custom Property for the `layer-selected-inverse` token\n$layer-selected-inverse: _get('layer-selected-inverse') !default;\n\n/// The CSS Custom Property for the `layer-selected-disabled` token\n$layer-selected-disabled: _get('layer-selected-disabled') !default;\n\n/// The CSS Custom Property for the `layer-accent-01` token\n$layer-accent-01: _get('layer-accent-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-01` token\n$layer-accent-active-01: _get('layer-accent-active-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-01` token\n$layer-accent-hover-01: _get('layer-accent-hover-01') !default;\n\n/// The CSS Custom Property for the `layer-accent-02` token\n$layer-accent-02: _get('layer-accent-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-02` token\n$layer-accent-active-02: _get('layer-accent-active-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-02` token\n$layer-accent-hover-02: _get('layer-accent-hover-02') !default;\n\n/// The CSS Custom Property for the `layer-accent-03` token\n$layer-accent-03: _get('layer-accent-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-active-03` token\n$layer-accent-active-03: _get('layer-accent-active-03') !default;\n\n/// The CSS Custom Property for the `layer-accent-hover-03` token\n$layer-accent-hover-03: _get('layer-accent-hover-03') !default;\n\n/// The CSS Custom Property for the `field-01` token\n$field-01: _get('field-01') !default;\n\n/// The CSS Custom Property for the `field-hover-01` token\n$field-hover-01: _get('field-hover-01') !default;\n\n/// The CSS Custom Property for the `field-02` token\n$field-02: _get('field-02') !default;\n\n/// The CSS Custom Property for the `field-hover-02` token\n$field-hover-02: _get('field-hover-02') !default;\n\n/// The CSS Custom Property for the `field-03` token\n$field-03: _get('field-03') !default;\n\n/// The CSS Custom Property for the `field-hover-03` token\n$field-hover-03: _get('field-hover-03') !default;\n\n/// The CSS Custom Property for the `interactive` token\n$interactive: _get('interactive') !default;\n\n/// The CSS Custom Property for the `border-subtle-00` token\n$border-subtle-00: _get('border-subtle-00') !default;\n\n/// The CSS Custom Property for the `border-subtle-01` token\n$border-subtle-01: _get('border-subtle-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-01` token\n$border-subtle-selected-01: _get('border-subtle-selected-01') !default;\n\n/// The CSS Custom Property for the `border-subtle-02` token\n$border-subtle-02: _get('border-subtle-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-02` token\n$border-subtle-selected-02: _get('border-subtle-selected-02') !default;\n\n/// The CSS Custom Property for the `border-subtle-03` token\n$border-subtle-03: _get('border-subtle-03') !default;\n\n/// The CSS Custom Property for the `border-subtle-selected-03` token\n$border-subtle-selected-03: _get('border-subtle-selected-03') !default;\n\n/// The CSS Custom Property for the `border-strong-01` token\n$border-strong-01: _get('border-strong-01') !default;\n\n/// The CSS Custom Property for the `border-strong-02` token\n$border-strong-02: _get('border-strong-02') !default;\n\n/// The CSS Custom Property for the `border-strong-03` token\n$border-strong-03: _get('border-strong-03') !default;\n\n/// The CSS Custom Property for the `border-tile-01` token\n$border-tile-01: _get('border-tile-01') !default;\n\n/// The CSS Custom Property for the `border-tile-02` token\n$border-tile-02: _get('border-tile-02') !default;\n\n/// The CSS Custom Property for the `border-tile-03` token\n$border-tile-03: _get('border-tile-03') !default;\n\n/// The CSS Custom Property for the `border-inverse` token\n$border-inverse: _get('border-inverse') !default;\n\n/// The CSS Custom Property for the `border-interactive` token\n$border-interactive: _get('border-interactive') !default;\n\n/// The CSS Custom Property for the `border-disabled` token\n$border-disabled: _get('border-disabled') !default;\n\n/// The CSS Custom Property for the `text-primary` token\n$text-primary: _get('text-primary') !default;\n\n/// The CSS Custom Property for the `text-secondary` token\n$text-secondary: _get('text-secondary') !default;\n\n/// The CSS Custom Property for the `text-placeholder` token\n$text-placeholder: _get('text-placeholder') !default;\n\n/// The CSS Custom Property for the `text-helper` token\n$text-helper: _get('text-helper') !default;\n\n/// The CSS Custom Property for the `text-error` token\n$text-error: _get('text-error') !default;\n\n/// The CSS Custom Property for the `text-inverse` token\n$text-inverse: _get('text-inverse') !default;\n\n/// The CSS Custom Property for the `text-on-color` token\n$text-on-color: _get('text-on-color') !default;\n\n/// The CSS Custom Property for the `text-on-color-disabled` token\n$text-on-color-disabled: _get('text-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `text-disabled` token\n$text-disabled: _get('text-disabled') !default;\n\n/// The CSS Custom Property for the `link-primary` token\n$link-primary: _get('link-primary') !default;\n\n/// The CSS Custom Property for the `link-primary-hover` token\n$link-primary-hover: _get('link-primary-hover') !default;\n\n/// The CSS Custom Property for the `link-secondary` token\n$link-secondary: _get('link-secondary') !default;\n\n/// The CSS Custom Property for the `link-visited` token\n$link-visited: _get('link-visited') !default;\n\n/// The CSS Custom Property for the `link-inverse` token\n$link-inverse: _get('link-inverse') !default;\n\n/// The CSS Custom Property for the `link-inverse-active` token\n$link-inverse-active: _get('link-inverse-active') !default;\n\n/// The CSS Custom Property for the `link-inverse-hover` token\n$link-inverse-hover: _get('link-inverse-hover') !default;\n\n/// The CSS Custom Property for the `icon-primary` token\n$icon-primary: _get('icon-primary') !default;\n\n/// The CSS Custom Property for the `icon-secondary` token\n$icon-secondary: _get('icon-secondary') !default;\n\n/// The CSS Custom Property for the `icon-inverse` token\n$icon-inverse: _get('icon-inverse') !default;\n\n/// The CSS Custom Property for the `icon-on-color` token\n$icon-on-color: _get('icon-on-color') !default;\n\n/// The CSS Custom Property for the `icon-on-color-disabled` token\n$icon-on-color-disabled: _get('icon-on-color-disabled') !default;\n\n/// The CSS Custom Property for the `icon-disabled` token\n$icon-disabled: _get('icon-disabled') !default;\n\n/// The CSS Custom Property for the `icon-interactive` token\n$icon-interactive: _get('icon-interactive') !default;\n\n/// The CSS Custom Property for the `support-error` token\n$support-error: _get('support-error') !default;\n\n/// The CSS Custom Property for the `support-success` token\n$support-success: _get('support-success') !default;\n\n/// The CSS Custom Property for the `support-warning` token\n$support-warning: _get('support-warning') !default;\n\n/// The CSS Custom Property for the `support-info` token\n$support-info: _get('support-info') !default;\n\n/// The CSS Custom Property for the `support-error-inverse` token\n$support-error-inverse: _get('support-error-inverse') !default;\n\n/// The CSS Custom Property for the `support-success-inverse` token\n$support-success-inverse: _get('support-success-inverse') !default;\n\n/// The CSS Custom Property for the `support-warning-inverse` token\n$support-warning-inverse: _get('support-warning-inverse') !default;\n\n/// The CSS Custom Property for the `support-info-inverse` token\n$support-info-inverse: _get('support-info-inverse') !default;\n\n/// The CSS Custom Property for the `support-caution-major` token\n$support-caution-major: _get('support-caution-major') !default;\n\n/// The CSS Custom Property for the `support-caution-minor` token\n$support-caution-minor: _get('support-caution-minor') !default;\n\n/// The CSS Custom Property for the `support-caution-undefined` token\n$support-caution-undefined: _get('support-caution-undefined') !default;\n\n/// The CSS Custom Property for the `highlight` token\n$highlight: _get('highlight') !default;\n\n/// The CSS Custom Property for the `overlay` token\n$overlay: _get('overlay') !default;\n\n/// The CSS Custom Property for the `toggle-off` token\n$toggle-off: _get('toggle-off') !default;\n\n/// The CSS Custom Property for the `shadow` token\n$shadow: _get('shadow') !default;\n\n/// The CSS Custom Property for the `focus` token\n$focus: _get('focus') !default;\n\n/// The CSS Custom Property for the `focus-inset` token\n$focus-inset: _get('focus-inset') !default;\n\n/// The CSS Custom Property for the `focus-inverse` token\n$focus-inverse: _get('focus-inverse') !default;\n\n/// The CSS Custom Property for the `skeleton-background` token\n$skeleton-background: _get('skeleton-background') !default;\n\n/// The CSS Custom Property for the `skeleton-element` token\n$skeleton-element: _get('skeleton-element') !default;\n"],sourceRoot:""}]),a.locals={productiveHeading01:"-esm-implementer-tools__popup-styles__productiveHeading01___4leaH",productiveHeading02:"-esm-implementer-tools__popup-styles__productiveHeading02___ENHDm",bodyShort01:"-esm-implementer-tools__popup-styles__bodyShort01___bJ8Dz",toolStyles:"-esm-implementer-tools__popup-styles__toolStyles___d1S8B",chevronImplementerToolsButton:"-esm-implementer-tools__popup-styles__chevronImplementerToolsButton___sPDz5",darkTheme:"-esm-implementer-tools__popup-styles__darkTheme___8gOG+",popup:"-esm-implementer-tools__popup-styles__popup___0bVnN",content:"-esm-implementer-tools__popup-styles__content___MAVBS",tabs:"-esm-implementer-tools__popup-styles__tabs___goPOI",topBar:"-esm-implementer-tools__popup-styles__topBar___Qn+FU"};const s=a},7165:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Bn});var o=t(5776),i=t.n(o),r=t(4313),a=t(2680),s=t(8445),l=t(8403),c=t(8478),A=t(487),d=t.n(A),p=t(631),u=t.n(p),h=t(2052),m=t.n(h),f=t(4010),g=t.n(f),y=t(1469),_=t.n(y),b=t(9329),C=t.n(b),v=t(1860),$={};$.styleTagTransform=C(),$.setAttributes=g(),$.insert=m().bind(null,"head"),$.domAPI=u(),$.insertStyleElement=_(),d()(v.Z,$);const k=v.Z&&v.Z.locals?v.Z.locals:void 0;var x=t(988),w=t(7268),z=t(7960),S={};S.styleTagTransform=C(),S.setAttributes=g(),S.insert=m().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=_(),d()(z.Z,S);const B=z.Z&&z.Z.locals?z.Z.locals:void 0;var E=t(4610),T=t(7474),M=t(9838),P={};P.styleTagTransform=C(),P.setAttributes=g(),P.insert=m().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=_(),d()(M.Z,P);const D=M.Z&&M.Z.locals?M.Z.locals:void 0;function I(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function q(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){I(e,n,t[n])}))}return e}function F(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function N(e){var n,t=e.element,a=e.valueArray,l=e.setValue,c=(0,o.useMemo)((function(){return(0,T.Z)("array-editor-")}),[]);return i().createElement(r.Tile,{className:D.arrayEditor},i().createElement(r.StructuredListWrapper,null,i().createElement(r.StructuredListBody,null,a.map((function(e,o){var A;return i().createElement(r.StructuredListRow,{key:"".concat(c,"-").concat(o)},i().createElement(r.StructuredListCell,null,i().createElement(pe,{element:F(q({},t._elements),{_value:e,_source:t._source}),valueType:null!==(n=null===(A=t._elements)||void 0===A?void 0:A._type)&&void 0!==n?n:E.Type.Object,value:e,onChange:function(e){var n=(0,s.Z)(a);n[o]=e,l(n)}})),i().createElement(r.StructuredListCell,{className:D.buttonCell},i().createElement(r.Button,{renderIcon:function(e){return i().createElement(E.TrashCanIcon,F(q({},e),{size:16}))},size:"sm",kind:"secondary",iconDescription:"Remove",hasIconOnly:!0,onClick:function(){var e=(0,s.Z)(a);e.splice(o,1),l(e)}})))})),i().createElement(r.StructuredListRow,null,i().createElement(r.StructuredListCell,null,i().createElement(r.Button,{renderIcon:function(e){return i().createElement(E.AddIcon,F(q({},e),{size:16}))},size:"sm",iconDescription:"Add",hasIconOnly:!0,onClick:function(){var e,n,o=(0,s.Z)(a),i=(null!==(n=null===(e=t._elements)||void 0===e?void 0:e._type)&&void 0!==n?n:E.Type.Object)==E.Type.Object?{}:null;o.push(i),l(o)}}))))))}var G=t(4126),O=t(7047),j={};j.styleTagTransform=C(),j.setAttributes=g(),j.insert=m().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=_(),d()(O.Z,j);const H=O.Z&&O.Z.locals?O.Z.locals:void 0;function U(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Q(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return U(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?U(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function J(e){var n,t,s,l,c,A,d,p=e.setConcept,u=e.value,h=(0,a.useTranslation)().t,m=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),f=Q((0,o.useState)(""),2),g=f[0],y=f[1],_=Q((0,o.useState)(u),2),b=_[0],C=_[1],v=(n=g,l="".concat(E.restBaseUrl,"/concept/?q=").concat(n),A=(c=(0,G.ZP)(n?l:null,E.openmrsFetch)).data,d=c.error,{concepts:null!==(s=null==A||null===(t=A.data)||void 0===t?void 0:t.results)&&void 0!==s?s:[],error:d,isSearchingConcepts:!d&&!A}),$=v.concepts,k=v.isSearchingConcepts;return i().createElement("div",null,b&&i().createElement("p",{className:H.activeUuid},b),i().createElement("div",{className:H.autocomplete},i().createElement(r.Search,{id:"searchbox-".concat(m),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":h("searchConceptHelperText","Search concepts"),"aria-controls":"searchbox-".concat(m),"aria-expanded":$.length>0,placeholder:h("searchConceptHelperText","Search concepts"),onChange:function(e){y(e.target.value)}}),g?k?i().createElement(r.InlineLoading,{className:H.loader,description:h("searching","Searching")+"..."}):$&&$.length&&!k?i().createElement(r.StructuredListWrapper,{selection:!0,id:"searchbox-".concat(m),className:H.listbox},$.map((function(e){return i().createElement(r.StructuredListRow,{key:e.uuid,role:"option","aria-selected":"true"},i().createElement(r.StructuredListCell,{onClick:function(){!function(e){C(e.uuid),p(e),y("")}(e)},className:H.smallListCell},e.display))}))):i().createElement(r.Tile,{className:H.emptyResults},i().createElement("span",null,h("noConceptsFoundText","No matching concepts found"))):null))}function W(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}var L=(0,c.getExtensionInternalStore)();function R(e){var n,t,a=e.value,s=e.setValue,l=(n=(0,o.useState)([]),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return W(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?W(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=l[0],A=l[1];return(0,o.useEffect)((function(){var e=function(e){A(Object.keys(e.extensions))};return e(L.getState()),L.subscribe(e)}),[]),i().createElement(r.FilterableMultiSelect,{id:"add-select",items:c.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return s(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:a})}function Z(e){var n=e.slotName,t=(e.slotModuleName,e.value),o=e.setValue,a=(0,E.useAssignedExtensions)(n).map((function(e){return e.id}));return i().createElement(r.FilterableMultiSelect,{id:"add-select",items:a.map((function(e){return{id:e,label:e}})),placeholder:"Select extensions",onChange:function(e){return o(e.selectedItems.map((function(e){return e.id})))},initialSelectedItems:t,itemToString:function(e){return e?null==e?void 0:e.label:""}})}var Y=t(7305),K={};K.styleTagTransform=C(),K.setAttributes=g(),K.insert=m().bind(null,"head"),K.domAPI=u(),K.insertStyleElement=_(),d()(Y.Z,K);const X=Y.Z&&Y.Z.locals?Y.Z.locals:void 0;function V(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ee(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ne(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){ee(e,n,t[n])}))}return e}function te(e){var n=e.element,t=e.valueObject,o=e.setValue;return i().createElement(r.Tile,{className:X.objectEditor},i().createElement(r.StructuredListWrapper,null,i().createElement(r.StructuredListBody,null,Object.entries(n).map((function(e){var a,l,c,A,d=(l=2,function(e){if(Array.isArray(e))return e}(a=e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(a,l)||function(e,n){if(e){if("string"==typeof e)return V(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?V(e,n):void 0}}(a,l)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=d[0],u=d[1];return p.startsWith("_")?null:i().createElement(r.StructuredListRow,{key:p},i().createElement(r.StructuredListCell,null,i().createElement(pe,{element:{_value:p,_source:n._source},valueType:E.Type.String,value:p,onChange:function(e){var n=(0,s.Z)(t);n[e]=(0,s.Z)(t[p]),delete n[p],o(n)}})),i().createElement(r.StructuredListCell,null,i().createElement(pe,{element:(c=ne({},u),A={_value:t[p],_source:n._source},A=null!=A?A:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(A)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(A)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(A,e))})),c),valueType:u._type,value:t[p],onChange:function(e){var n=(0,s.Z)(t);n[p]=e,o(n)}})))})))))}function oe(e){return e.slotName,e.slotModuleName,e.value,e.setValue,i().createElement("div",null,"Todo: compose array with extension lookup")}var ie=t(4383);function re(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ae(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return re(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?re(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function se(e){var n=e.setPersonAttributeUuid,t=e.value,s=ae((0,o.useState)(""),2),l=s[0],c=s[1],A=ae((0,o.useState)([]),2),d=A[0],p=A[1],u=ae((0,o.useState)(t),2),h=u[0],m=u[1],f=(0,a.useTranslation)().t,g=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),y=(0,ie.Z)((function(e){c(e)}),300);return(0,o.useEffect)((function(){var e,n=new AbortController;return l&&l.length>=2?(e=l,(0,E.openmrsFetch)("".concat(E.restBaseUrl,"/personattributetype/?q=").concat(e),{method:"GET"})).then((function(e){var n=e.data.results;p(n.slice(0,9))})):p([]),function(){return n.abort()}}),[l]),i().createElement("div",null,h&&i().createElement("p",{className:H.activeUuid},h),i().createElement("div",{className:H.autocomplete},i().createElement(r.Search,{id:"search-input-".concat(g),labelText:"",type:"text",size:"sm",autoComplete:"off",autoCapitalize:"off","aria-autocomplete":"list",role:"combobox","aria-label":f("searchPersonAttributeHelperText","Person attribute type name"),"aria-controls":"searchbox-".concat(g),"aria-expanded":d.length>0,placeholder:f("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){y(e.target.value)}}),!!d.length&&i().createElement(r.StructuredListWrapper,{selection:!0,className:H.listbox,id:"searchbox-".concat(g)},d.map((function(e){return i().createElement(r.StructuredListRow,{key:e.uuid,role:"option",onClick:function(){!function(e){m(e.uuid),c(""),p([]),n(e.uuid)}(e)},"aria-selected":"true"},i().createElement(r.StructuredListCell,{className:H.smallListCell},e.display))}))),l&&d&&!d.length&&i().createElement("p",{className:H.bodyShort01},f("noPersonAttributeFoundText","No matching results found"))))}function le(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ce(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return le(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?le(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e){var n,t,s,l=e.setPatientIdentifierTypeUuid,c=e.value,A=ce((0,o.useState)(""),2),d=A[0],p=A[1],u=(n=(0,G.ZP)("".concat(E.restBaseUrl,"/patientidentifiertype"),E.openmrsFetch),t=n.data,s=n.error,(0,o.useMemo)((function(){var e;return{data:null==t||null===(e=t.data)||void 0===e?void 0:e.results,isLoading:!t&&!s}}),[t,s])),h=u.data,m=u.isLoading,f=ce((0,o.useState)(c),2),g=f[0],y=f[1],_=(0,a.useTranslation)().t,b=(0,o.useMemo)((function(){return(0,T.Z)()}),[]),C=(0,o.useMemo)((function(){return!m&&d&&""!==d?null==h?void 0:h.filter((function(e){return e.display.toLowerCase().includes(d.toLowerCase())})):void 0}),[m,d,h]);return i().createElement("div",null,g&&i().createElement("p",{className:H.activeUuid},g),i().createElement("div",{className:H.autocomplete},i().createElement(r.Search,{id:"search-input-".concat(b),labelText:"",type:"text",size:"sm",placeholder:m?_("loading","Loading"):_("searchPersonAttributeHelperText","Person attribute type name"),onChange:function(e){return p(e.target.value)},value:d,disabled:m}),d?(null==C?void 0:C.length)?i().createElement(r.StructuredListWrapper,{selection:!0,className:H.listbox,id:"searchbox-".concat(b)},null==C?void 0:C.map((function(e){return i().createElement(r.StructuredListRow,{key:e.uuid,role:"option",onClick:function(){!function(e){y(e.uuid),l(e.uuid),p("")}(e)},"aria-selected":"true"},i().createElement(r.StructuredListCell,{className:H.smallListCell},e.display))}))):i().createElement("p",{className:H.bodyShort01},_("noPersonAttributeFoundText","No matching results found")):null))}function de(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function pe(e){var n,t,a=e.element,s=e.path,l=e.valueType,c=e.value,A=e.onChange,d=(n=(0,o.useState)((0,T.Z)("value-editor-")),t=1,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return de(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?de(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];if("remove"===l&&!s)throw new Error("Programming error: ValueEditorField initialized for a 'remove' field, but no 'path' is available");return l===E.Type.Array?i().createElement(N,{element:a,valueArray:c,setValue:A}):l===E.Type.Boolean?i().createElement(r.Checkbox,{id:d,checked:c,hideLabel:!0,labelText:"",onChange:function(e,n){var t=n.checked;return n.id,A(t)}}):l===E.Type.ConceptUuid?i().createElement(J,{value:c,setConcept:function(e){return A(e.uuid)}}):l===E.Type.PersonAttributeTypeUuid?i().createElement(se,{value:c,setPersonAttributeUuid:function(e){return A(e)}}):l===E.Type.PatientIdentifierTypeUuid?i().createElement(Ae,{value:c,setPatientIdentifierTypeUuid:function(e){return A(e)}}):l===E.Type.Number?i().createElement(r.NumberInput,{id:d,value:c,onChange:function(e,n){var t=n.value;return A(t?parseInt(t):0)},hideSteppers:!0}):l===E.Type.String||l===E.Type.UUID?i().createElement(r.TextInput,{id:d,value:c,labelText:"",onChange:function(e){return A(e.target.value)}}):"add"===l?i().createElement(R,{value:null!=c?c:a._value,setValue:A}):"remove"===l&&s?i().createElement(Z,{slotName:s[2],slotModuleName:s[0],value:null!=c?c:a._value,setValue:A}):"order"===l&&s?i().createElement(oe,{slotName:s[2],slotModuleName:s[0],value:null!=c?c:a._value,setValue:A}):"configure"===l&&s?i().createElement(i().Fragment,null,"Todo"):i().createElement(te,{element:a,valueObject:c,setValue:A})}var ue=t(3330),he={};he.styleTagTransform=C(),he.setAttributes=g(),he.insert=m().bind(null,"head"),he.domAPI=u(),he.insertStyleElement=_(),d()(ue.Z,he);const me=ue.Z&&ue.Z.locals?ue.Z.locals:void 0;function fe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function ge(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ye(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){ge(e,n,t[n])}))}return e}function _e(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}function be(e){var n,t,s=e.element,l=e.customType,c=e.path,A=e.handleSave,d=e.handleClose,p=(0,o.useRef)(null),u=(n=(0,o.useState)(s._value),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return fe(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?fe(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=u[0],m=u[1],f=(0,a.useTranslation)().t,g=null!=l?l:s._type;return(0,o.useEffect)((function(){var e=function(e){"Escape"===e.key?d():"Enter"===e.key&&A(JSON.stringify(h))};return document.addEventListener("keyup",e),function(){document.removeEventListener("keyup",e)}}),[A,d,h]),i().createElement("div",{ref:p,style:{display:"inherit"}},i().createElement(pe,{element:s,path:c,value:h,onChange:m,valueType:g}),i().createElement("div",{className:me.valueEditorButtons},i().createElement(r.Button,{renderIcon:function(e){return i().createElement(E.SaveIcon,_e(ye({},e),{size:16}))},kind:"primary",onClick:function(){return A(JSON.stringify(h))}},f("saveValueButtonText","Save")),i().createElement(r.Button,{renderIcon:function(e){return i().createElement(E.CloseIcon,_e(ye({},e),{size:16}))},kind:"secondary",onClick:d},f("cancelButtonText","Cancel"))))}var Ce=t(1004),ve=t(6350),$e={};$e.styleTagTransform=C(),$e.setAttributes=g(),$e.insert=m().bind(null,"head"),$e.domAPI=u(),$e.insertStyleElement=_(),d()(ve.Z,$e);const ke=ve.Z&&ve.Z.locals?ve.Z.locals:void 0;function xe(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function we(e){var n=e.value;return i().createElement("div",null,Array.isArray(n)?"object"==typeof n[0]?n.map((function(e,n){return i().createElement(r.StructuredListRow,{key:"".concat(e,"-").concat(n)},i().createElement(r.StructuredListCell,{className:ke.smallListCell},n+1),i().createElement(r.StructuredListCell,{className:ke.smallListCell},i().createElement(we,{value:e})))})):"[ ".concat(n.join(", ")," ]"):"object"==typeof n&&null!==n?Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return xe(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?xe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(e,2),o=t[0],a=t[1];return i().createElement(r.StructuredListRow,{key:"".concat(o,"-").concat(n)},i().createElement(r.StructuredListCell,{className:ke.smallListCell},o),i().createElement(r.StructuredListCell,{className:ke.smallListCell},i().createElement(we,{value:a})))})):"string"==typeof n||"number"==typeof n?n:null==n?"none":JSON.stringify(n))}function ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Se(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Be(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Se(e,n,t[n])}))}return e}function Ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||Me(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Te(e){return function(e){if(Array.isArray(e))return ze(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Me(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Me(e,n){if(e){if("string"==typeof e)return ze(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ze(e,n):void 0}}function Pe(e){var n=e.path,t=e.element,l=e.customType,A=Ee((0,o.useState)(),2),d=A[0],p=A[1],u=Ee((0,o.useState)(!1),2),h=u[0],m=u[1],f=Ee((0,o.useState)(null),2),g=f[0],y=f[1],_=(0,o.useRef)(null),b=(0,a.useTranslation)().t,C=function(){m(!1),y(null)};return(0,o.useEffect)((function(){var e=function(e){e.configPathBeingEdited&&(0,x.default)(e.configPathBeingEdited,n)&&_&&_.current&&(m(!0),_.current.focus())};return e(Ce.wT.getState()),Ce.wT.subscribe(e)}),[]),(0,o.useEffect)((function(){var e=Ce.wT.getState();h&&!(0,x.default)(e.configPathBeingEdited,n)&&Ce.wT.setState({configPathBeingEdited:n,activeItemDescription:{path:n,source:t._source,description:t._description,value:d}}),!h&&(0,x.default)(e.configPathBeingEdited,n)&&Ce.wT.setState({configPathBeingEdited:null})}),[h]),i().createElement(i().Fragment,null,i().createElement("div",{className:B.line},h?i().createElement(i().Fragment,null,i().createElement(be,{element:t,customType:l,path:n,handleClose:C,handleSave:function(e){try{var t=JSON.parse(e),o=De((0,s.Z)(c.temporaryConfigStore.getState()),["config"].concat(Te(n)),t);(0,c.clearConfigErrors)(n.join(".")),c.temporaryConfigStore.setState(o),p(e),C()}catch(e){console.warn(e),y("That's not formatted quite right. Try again.")}}})):i().createElement("div",{className:B.elementValue},i().createElement(we,{value:t._value}),i().createElement(r.Button,{kind:"ghost",size:"sm",iconDescription:b("editValueButtonText","Edit"),onClick:function(){return m(!0)},ref:_,renderIcon:function(e){return i().createElement(E.EditIcon,Be({size:16},e))},hasIconOnly:!0}),"temporary config"==t._source?i().createElement(r.Button,{renderIcon:function(e){return i().createElement(E.ResetIcon,Be({size:16},e))},size:"sm",kind:"ghost",iconDescription:b("resetToDefaultValueButtonText","Reset to default"),hasIconOnly:!0,onClick:function(){(0,c.clearConfigErrors)(n.join(".")),c.temporaryConfigStore.setState((0,w.Z)(c.temporaryConfigStore.getState(),["config"].concat(Te(n))))}}):null),g&&i().createElement("div",{className:B.error},g)))}function De(e,n,t){var o;return n.length>1?e[n[0]]=De(null!==(o=e[n[0]])&&void 0!==o?o:{},n.slice(1),t):e[n[0]]=t,e}function Ie(e){var n=e.moduleName,t=e.slotName,o=e.config;return i().createElement(Pe,{path:[n,t,"configure"],element:o&&Object.keys(o).length?{_value:o,_source:"",_default:{}}:{_value:void 0,_source:"default",_default:{}},customType:"configure"})}var qe=t(7008),Fe={};Fe.styleTagTransform=C(),Fe.setAttributes=g(),Fe.insert=m().bind(null,"head"),Fe.domAPI=u(),Fe.insertStyleElement=_(),d()(qe.Z,Fe);const Ne=qe.Z&&qe.Z.locals?qe.Z.locals:void 0;var Ge=i().forwardRef((function(e,n){var t=e.leaf,o=e.label,a=e.children,s=e.onMouseEnter,l=e.onMouseLeave;return t?i().createElement(r.StructuredListRow,{className:Ne.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(r.StructuredListCell,{className:Ne.labelCell},i().createElement("span",{className:Ne.label,ref:n},o)),i().createElement(r.StructuredListCell,null,a)):i().createElement(i().Fragment,null,i().createElement(r.StructuredListRow,{className:Ne.structuredListRow,onMouseEnter:s,onMouseLeave:l},i().createElement(r.StructuredListCell,{className:Ne.labelCell},i().createElement("span",{className:Ne.label,ref:n},o)),i().createElement(r.StructuredListCell,null)),i().createElement(r.StructuredListRow,{className:Ne.structuredListRow},i().createElement(r.StructuredListCell,null),i().createElement(r.StructuredListCell,{className:Ne.subtreeCell},i().createElement(r.StructuredListWrapper,{className:Ne.structuredList},i().createElement(r.StructuredListBody,null,a)))))})),Oe=t(668);function je(e){var n=e.extensionsConfig,t=e.moduleName;return n&&Object.keys(n).length?i().createElement(Ge,{label:"extension slots",leaf:!1},Object.keys(n).map((function(e){return i().createElement(He,{key:e,config:null==n?void 0:n[e],path:[t,"extensionSlots",e]})}))):null}function He(e){var n,t=e.config,r=e.path,a=function(e){var n,t=Ce.wT.getState();(0,x.default)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,x.default)(t.configPathBeingEdited,e)&&Ce.wT.setState({activeItemDescription:void 0})},s=r[0],l=r[2],c=(0,E.useAssignedExtensions)(l),A=(0,Oe.oR)(Ce.wT).uiSelectedPath,d=(0,o.useRef)(null);return(0,o.useEffect)((function(){var e;(0,x.default)(A,r)&&(null===(e=d.current)||void 0===e||e.scrollIntoView())}),[A]),i().createElement(Ge,{label:l,ref:d,leaf:!1,onMouseEnter:function(){return function(e,n){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:[e,n],value:c.map((function(e){return e.id}))}})}(s,l)},onMouseLeave:function(){return a([s,l])}},["add","remove","order","configure"].map((function(e){var o;return i().createElement(Ge,{label:e,key:r.join(".")+e,leaf:!0,onMouseEnter:function(){return function(e,n,t,o){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:[e,n,t],source:null==o?void 0:o._source,description:{add:"Add an extension to this slot.",remove:"Remove an extension from this slot.",order:"Reorder the extensions in this slot.",configure:"Pass a configuration object directly to one of the extensions in this slot."}[t],value:JSON.stringify(null==o?void 0:o._value)}})}(s,l,e,null==t?void 0:t[e])},onMouseLeave:function(){return a([s,l,e])}},"configure"===e?i().createElement(Ie,{moduleName:s,slotName:l,config:null==t||null===(o=t.configure)||void 0===o?void 0:o._value}):i().createElement(Pe,{path:r.concat([e]),element:null!==(n=null==t?void 0:t[e])&&void 0!==n?n:{_value:void 0,_source:"default",_default:[]},customType:e}))})))}function Ue(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Qe(e){var n=e.config,t=e.path,o=void 0===t?[]:t;return i().createElement(i().Fragment,null,Object.entries(n).map((function(e,n){var t=function(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ue(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Ue(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(e,2),r=t[0],a=t[1],s=o.concat([r]),l=a.hasOwnProperty("_value")||a.hasOwnProperty("_type");return i().createElement(Ge,{label:r,leaf:l,onMouseEnter:function(){return function(e,n,t){Ce.wT.getState().configPathBeingEdited||Ce.wT.setState({activeItemDescription:{path:e,source:t._source,description:t._description,value:JSON.stringify(t._value)}})}(s,0,a)},onMouseLeave:function(){return function(e){var n,t=Ce.wT.getState();(0,x.default)(null===(n=t.activeItemDescription)||void 0===n?void 0:n.path,e)&&!(0,x.default)(t.configPathBeingEdited,e)&&Ce.wT.setState({activeItemDescription:void 0})}(s)},key:"subtree-".concat(s.join("."))},l?i().createElement(Pe,{path:s,element:a}):i().createElement(Qe,{config:a,path:s}))})))}var Je=t(9903);function We(e){var n=e.children;return i().createElement(r.StructuredListWrapper,{className:Ne.structuredList},i().createElement(r.StructuredListBody,null,n))}function Le(e){var n=e.config,t=e.moduleName;return i().createElement(We,null,i().createElement(je,{extensionsConfig:n.extensionSlots,moduleName:t}),i().createElement(Qe,{config:(0,Je.Z)(n,(function(e,n){return"extensionSlots"!==n})),path:[t]}))}function Re(e){var n=e.config,t=(0,Oe.oR)(Ce.wT).uiSelectedPath,o=null==t?void 0:t[0];return i().createElement(r.Accordion,{align:"start"},n&&Object.keys(n).sort().map((function(e){var t=n[e];return Object.keys(t).length?i().createElement(r.AccordionItem,{title:i().createElement("h6",null,e),className:k.fullWidthAccordion,key:"accordion-".concat(e),open:o==e||void 0},i().createElement(Le,{config:t,moduleName:e,key:"".concat(e,"-config")})):null})))}var Ze=t(9306),Ye={};Ye.styleTagTransform=C(),Ye.setAttributes=g(),Ye.insert=m().bind(null,"head"),Ye.domAPI=u(),Ye.insertStyleElement=_(),d()(Ze.Z,Ye);const Ke=Ze.Z&&Ze.Z.locals?Ze.Z.locals:void 0;function Xe(){var e=(0,a.useTranslation)().t,n=(0,E.useStore)(Ce.wT).activeItemDescription;return i().createElement("div",null,n?i().createElement(i().Fragment,null,i().createElement("h2",{className:Ke.path},n.path.slice(1).join(" → ")),i().createElement("p",{className:Ke.description},n.description),i().createElement("p",{className:Ke.source},"default"===n.source?i().createElement(i().Fragment,null,e("itemDescriptionSourceDefaultText","The current value is the default.")):n.source?i().createElement(i().Fragment,null,e("activeItemSourceText","The current value comes from "),n.source):null),n.value?i().createElement("h4",{className:Ke.productiveHeading01},e("value","Value")):null,i().createElement("p",{className:Ke.value},Array.isArray(n.value)?n.value.map((function(e,n){return i().createElement("p",{key:"".concat(e,"-").concat(n)},e)})):n.value)):null)}var Ve=t(2279),en={};en.styleTagTransform=C(),en.setAttributes=g(),en.insert=m().bind(null,"head"),en.domAPI=u(),en.insertStyleElement=_(),d()(Ve.Z,en);const nn=Ve.Z&&Ve.Z.locals?Ve.Z.locals:void 0;function tn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function on(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function rn(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){on(e,n,t[n])}))}return e}var an=i().lazy((function(){return Promise.all([t.e(620),t.e(426)]).then(t.bind(t,4426))})),sn={toggleIsUIEditorEnabled:function(e){return{isUIEditorEnabled:!e.isUIEditorEnabled}},toggleIsToolbarOpen:function(e){return{isConfigToolbarOpen:!e.isConfigToolbarOpen}},toggleIsJsonModeEnabled:function(e){return{isJsonModeEnabled:!e.isJsonModeEnabled}}},ln=function(e){var n=e.isConfigToolbarOpen,t=e.toggleIsToolbarOpen;return i().createElement(r.Button,{hasIconOnly:!0,renderIcon:n?c.ChevronUpIcon:c.ChevronDownIcon,onClick:t,kind:"ghost",size:"sm",tooltipPosition:"left",iconDescription:"".concat(n?"Hide":"Show"," toolbar")})},cn=function(){var e,n,t=(0,a.useTranslation)().t,A=(0,c.useStoreWithActions)(Ce.wT,sn),d=A.isUIEditorEnabled,p=A.toggleIsUIEditorEnabled,u=A.isJsonModeEnabled,h=A.toggleIsJsonModeEnabled,m=A.isConfigToolbarOpen,f=A.toggleIsToolbarOpen,g=(0,c.useStore)(c.implementerToolsConfigStore).config,y=(0,c.useStore)((0,c.getExtensionInternalStore)()),_=(0,c.useStore)(c.temporaryConfigStore),b=(e=(0,o.useState)(""),n=2,function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return tn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?tn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),C=b[0],v=b[1],$=_.config,k=new Blob([JSON.stringify($,void 0,2)],{type:"application/json"}),x=(0,o.useMemo)((function(){var e=(0,s.Z)(g),n=!0,t=!1,o=void 0;try{for(var i,r=Object.values(y.slots)[Symbol.iterator]();!(n=(i=r.next()).done);n=!0){var a=i.value;a.moduleName&&(e[a.moduleName].extensionSlots||(e[a.moduleName].extensionSlots={}),e[a.moduleName].extensionSlots[a.name]||(e[a.moduleName].extensionSlots[a.name]={}))}}catch(e){t=!0,o=e}finally{try{n||null==r.return||r.return()}finally{if(t)throw o}}return e}),[g,y]),w=(0,o.useMemo)((function(){return C?function e(n,t){var o,i={},r=!0,a=!1,c=void 0;try{for(var A,d=Object.keys(n)[Symbol.iterator]();!(r=(A=d.next()).done);r=!0){var p=A.value;if(p.includes(t))i[p]=(0,s.Z)(n[p]);else if(!((o=n[p]).hasOwnProperty("_default")||o._type||o.hasOwnProperty("_value")||o.hasOwnProperty("_source"))){var u=e(n[p],t);(0,l.Z)(u)||(i[p]=u)}}}catch(e){a=!0,c=e}finally{try{r||null==d.return||d.return()}finally{if(a)throw c}}return i}(x,C):x}),[C,x]),z=m?"calc(50vh - 7rem)":"calc(50vh - 2rem)";return i().createElement(i().Fragment,null,i().createElement("div",{className:nn.tools},i().createElement("div",{className:nn.toggleToolbarButton},i().createElement(ln,{isConfigToolbarOpen:m,toggleIsToolbarOpen:f})),m?i().createElement(r.FlexGrid,{style:{padding:"0.5em 1.5em"}},i().createElement(r.Row,{className:nn.row},i().createElement(r.Column,null,i().createElement(r.TextInput,{id:"extensionSearch",labelText:"Search configuration",onChange:function(e){return v(e.target.value)}})),i().createElement(r.Column,{className:nn.toggleButtons},i().createElement(r.Toggle,{className:nn.toggle,id:"jsonModeSwitch",labelText:t("jsonEditor","JSON Editor"),onToggle:h,toggled:u}),i().createElement(r.Toggle,{className:nn.toggle,id:"uiEditorSwitch",labelText:t("uiEditor","UI Editor"),toggled:d,onToggle:p})),i().createElement(r.Column,{className:nn.actionButtons},i().createElement(r.Button,{kind:"danger",iconDescription:"Clear local config",renderIcon:function(e){return i().createElement(c.TrashCanIcon,rn({size:16},e))},onClick:function(){(0,c.clearConfigErrors)(),c.temporaryConfigStore.setState({config:{}})}},t("clearConfig","Clear Local Config")),i().createElement(r.Button,{kind:"secondary",iconDescription:"Download config",renderIcon:function(e){return i().createElement(c.DownloadIcon,rn({size:16},e))},onClick:function(e){var n;"downloadConfigBtn"!=e.target.id&&(null===(n=document.getElementById("downloadConfigBtn"))||void 0===n||n.click())}},i().createElement("a",{id:"downloadConfigBtn",className:nn.downloadLink,download:"temporary_config.json",href:window.URL.createObjectURL(k)},t("downloadConfig","Download Config")))))):null),i().createElement("div",{className:nn.mainContent,style:{height:z}},u?i().createElement(an,{height:z}):i().createElement(i().Fragment,null,i().createElement("div",{className:nn.configTreePane},i().createElement(Re,{config:w})),i().createElement("div",{className:nn.descriptionPane},i().createElement(Xe,null)))))},An=t(5961),dn={};dn.styleTagTransform=C(),dn.setAttributes=g(),dn.insert=m().bind(null,"head"),dn.domAPI=u(),dn.insertStyleElement=_(),d()(An.Z,dn);const pn=An.Z&&An.Z.locals?An.Z.locals:void 0;var un=function(e){var n,t,s=e.frontendModules,l=(0,a.useTranslation)().t,c=(0,o.useMemo)((function(){return[{key:"name",header:l("moduleName","Module Name")},{key:"installedVersion",header:l("installedVersion","Installed Version")}]}),[l]);return i().createElement("div",{className:pn.container},i().createElement(r.DataTable,{rows:[],headers:c},(function(e){var a=e.headers,c=e.getTableProps,A=e.getHeaderProps;return i().createElement(r.TableContainer,{title:""},i().createElement(r.Table,c(),i().createElement(r.TableHead,null,i().createElement(r.TableRow,null,a.map((function(e){return i().createElement(r.TableHeader,A({header:e}),e.header)})))),i().createElement(r.TableBody,null,s.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.TableRow,null,i().createElement(r.TableCell,null,i().createElement("span",{className:pn.moduleHeader},e.name)),i().createElement(r.TableCell,null,null!==(n=e.version)&&void 0!==n?n:l("unknownVersion","unknown"))),Boolean(e.extensions)?i().createElement(r.TableRow,{key:"".concat(e.name,"-extensions-header")},i().createElement(r.TableCell,null,i().createElement("span",{className:pn.moduleComponentHeader},l("extensions","Extensions"))),i().createElement(r.TableCell,null)):null,(null!==(t=e.extensions)&&void 0!==t?t:[]).map((function(n,t){return i().createElement(r.TableRow,{key:"".concat(e.name,"-page-").concat(t)},i().createElement(r.TableCell,null,n.name),i().createElement(r.TableCell,null))})))})))))})))},hn=t(5855),mn={};mn.styleTagTransform=C(),mn.setAttributes=g(),mn.insert=m().bind(null,"head"),mn.domAPI=u(),mn.insertStyleElement=_(),d()(hn.Z,mn);const fn=hn.Z&&hn.Z.locals?hn.Z.locals:void 0;var gn=function(e){var n=e.backendDependencies,t=(0,a.useTranslation)().t,s=(0,o.useMemo)((function(){return[{key:"name",header:t("moduleName","Module Name")},{key:"installedVersion",header:t("installedVersion","Installed Version")},{key:"requiredVersion",header:t("requiredVersion","Required Version")}]}),[t]);return i().createElement("div",{className:fn.container},i().createElement(r.DataTable,{rows:[],headers:s},(function(e){var a=e.headers,s=e.getTableProps,l=e.getHeaderProps;return i().createElement(r.TableContainer,{title:""},i().createElement(r.Table,s(),i().createElement(r.TableHead,null,i().createElement(r.TableRow,null,a.map((function(e){return i().createElement(r.TableHeader,l({header:e}),e.header)})))),i().createElement(r.TableBody,null,n.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.TableRow,null,i().createElement(r.TableCell,null,i().createElement("span",{className:fn.moduleHeader},e.name)),i().createElement(r.TableCell,null),i().createElement(r.TableCell,null)),e.dependencies.map((function(e){return i().createElement(r.TableRow,{key:e.name},i().createElement(r.TableCell,null,e.name),i().createElement(r.TableCell,null,"missing"===e.type?i().createElement("span",{style:{color:"red"}},t("missing","Missing")):"version-mismatch"===e.type?i().createElement("span",{style:{color:"red"}},e.installedVersion):i().createElement("span",null,e.installedVersion)),i().createElement(r.TableCell,null,e.requiredVersion))})))})))))})))},yn=t(6164),_n={};_n.styleTagTransform=C(),_n.setAttributes=g(),_n.insert=m().bind(null,"head"),_n.domAPI=u(),_n.insertStyleElement=_(),d()(yn.Z,_n);const bn=yn.Z&&yn.Z.locals?yn.Z.locals:void 0;function Cn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function vn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Cn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Cn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $n(){var e=(0,E.useStore)(c.featureFlagsStore).flags,n=(0,a.useTranslation)().t,t=(0,o.useMemo)((function(){return[{key:"label",header:n("featureFlag","Feature Flag")},{key:"description",header:n("description","Description")},{key:"enabled",header:n("enabled","Enabled")}]}),[n]),s=(0,o.useMemo)((function(){return Object.entries(e).sort((function(e,n){var t,o=vn(e,2),i=o[0],r=o[1],a=vn(n,2),s=a[0],l=a[1];return(null!==(t=r.label)&&void 0!==t?t:i).localeCompare(l.label||s)})).map((function(e){var n=vn(e,2),t=n[0],o=n[1];return{name:t,enabled:o.enabled,label:o.label,description:o.description}}))}),[e]);return i().createElement("div",{className:bn.container},i().createElement(r.DataTable,{rows:[],headers:t},(function(e){var n=e.headers,t=e.getTableProps,a=e.getHeaderProps;return i().createElement(r.TableContainer,{title:""},i().createElement(r.Table,t(),i().createElement(r.TableHead,null,i().createElement(r.TableRow,null,n.map((function(e){return i().createElement(r.TableHeader,a({header:e}),e.header)})))),i().createElement(r.TableBody,null,s.map((function(e){return i().createElement(o.Fragment,{key:e.name},i().createElement(r.TableRow,null,i().createElement(r.TableCell,null,i().createElement("div",{id:"flag-label-".concat(e.name),className:bn.header},e.label),i().createElement("div",{className:bn.helper},e.name)),i().createElement(r.TableCell,null,i().createElement("span",null,e.description)),i().createElement(r.TableCell,null,i().createElement(r.Toggle,{id:"feature-flag-".concat(e.name,"-toggle"),"aria-labelledby":"flag-label-".concat(e.name),labelText:"",hideLabel:!0,toggled:e.enabled,onToggle:function(){return(0,c.setFeatureFlag)(e.name,!e.enabled)}}))))})))))})))}var kn=t(2890),xn={};xn.styleTagTransform=C(),xn.setAttributes=g(),xn.insert=m().bind(null,"head"),xn.domAPI=u(),xn.insertStyleElement=_(),d()(kn.Z,xn);const wn=kn.Z&&kn.Z.locals?kn.Z.locals:void 0;function zn(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,o=new Array(n);t<n;t++)o[t]=e[t];return o}function Sn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Bn(e){var n,t,s=e.close,l=e.frontendModules,c=e.backendDependencies,A=e.visibleTabIndex,d=void 0===A?0:A,p=(0,a.useTranslation)().t,u=(n=(0,o.useState)(d||0),t=2,function(e){if(Array.isArray(e))return e}(n)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,i,r=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(r.push(o.value),!n||r.length!==n);a=!0);}catch(e){s=!0,i=e}finally{try{a||null==t.return||t.return()}finally{if(s)throw i}}return r}}(n,t)||function(e,n){if(e){if("string"==typeof e)return zn(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?zn(e,n):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),h=u[0],m=u[1],f=(0,o.useMemo)((function(){return 0==h?i().createElement(cn,null):1===h?i().createElement(un,{frontendModules:l}):2===h?i().createElement(gn,{backendDependencies:c}):i().createElement($n,null)}),[h,c,l]);return i().createElement("div",{className:wn.popup},i().createElement("div",{className:wn.topBar},i().createElement("div",{className:wn.tabs},i().createElement(r.ContentSwitcher,{selectedIndex:h,onChange:function(e){m(e.index)}},i().createElement(r.Switch,{name:"configuration-tab",text:p("configuration","Configuration"),className:"darkThemeSwitch"}),i().createElement(r.Switch,{name:"frontend-modules-tab",text:p("frontendModules","Frontend Modules"),className:"darkThemeSwitch"}),i().createElement(r.Switch,{name:"backend-modules-tab",text:p("backendModules","Backend Modules"),className:"darkThemeSwitch"}),i().createElement(r.Switch,{name:"feature-flags-tab",text:p("featureFlags","Feature Flags"),className:"darkThemeSwitch"}))),i().createElement("div",null,i().createElement(r.Button,{kind:"secondary",renderIcon:function(e){return i().createElement(E.CloseIcon,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(n){Sn(e,n,t[n])}))}return e}({size:16},e))},iconDescription:"Close",onClick:s,hasIconOnly:!0,size:"sm"}))),i().createElement("div",{className:wn.content},f))}}}]);
|