npm - @carbon/web-components - Versions diffs - 2.0.0 → 2.0.1-rc.0 - Mend

@carbon/web-components 2.0.0 → 2.0.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/es/components/code-snippet/code-snippet.d.ts.map +1 -1
package/es/components/code-snippet/code-snippet.js +2 -2
package/es/components/code-snippet/code-snippet.js.map +1 -1
package/es/globals/scss/grid.css.js +12 -0
package/es/globals/scss/grid.rtl.css.js +12 -0
package/es/globals/scss/themes.css.js +12 -0
package/es/globals/scss/themes.rtl.css.js +12 -0
package/package.json +1 -1
package/scss/globals/scss/grid.scss +16 -0
package/scss/globals/scss/themes.scss +37 -0

package/es/components/code-snippet/code-snippet.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/code-snippet/code-snippet.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBxD;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAgCrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IAGH,OAAO,CAAC,eAAe,CAwCpB;IAEH;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,SAAa;IAErB;;OAEG;IAEH,eAAe,SAAQ;IAEvB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,uBAAuB,SAAK;IAE5B;;OAEG;IAEH,wBAAwB,SAAK;IAE7B;;OAEG;IAEH,uBAAuB,SAAM;IAE7B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;OAEG;IAEH,cAAc,SAAuB;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,oBAA4B;IAEhC,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO;IAQP,MAAM;IAmJN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"code-snippet.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n Basic code snippet.\n \n @element cds-code-snippet\n /\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n /\n `true` to expand multi-line variant of code snippet.\n /\n private _expandedCode = false;\n\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n Row height in pixels\n /\n private _rowHeightInPixels = 16;\n\n /\n `true` if code-snippet has right overflow\n /\n private _hasRightOverflow = true;\n\n /\n `true` if code-snippet has left overflow\n /\n private _hasLeftOverflow = false;\n\n /\n `true` if show more or show less btn is visible\n /\n private _shouldShowMoreLessBtn = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleCopyClick() {\n const { ownerDocument: doc } = this;\n const selection = doc!.defaultView!.getSelection();\n selection!.removeAllRanges();\n const code = doc!.createElement('code');\n code.className = `${prefix}--visually-hidden`;\n const pre = doc!.createElement('pre');\n const text = Array.from(this.childNodes).filter(\n (node) => node.nodeType === Node.TEXT_NODE\n );\n pre.textContent = this.copyText \|\| text[0].textContent;\n code.appendChild(pre);\n // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n doc!.body.appendChild(code);\n const range = doc!.createRange();\n range.selectNodeContents(code);\n selection!.addRange(range);\n doc!.execCommand('copy');\n doc!.body.removeChild(code);\n selection!.removeAllRanges();\n }\n\n // eslint-disable-next-line class-methods-use-this\n private _getCodeRefDimensions(ref) {\n const {\n clientWidth: codeClientWidth,\n scrollLeft: codeScrollLeft,\n scrollWidth: codeScrollWidth,\n } = ref;\n\n return {\n horizontalOverflow: codeScrollWidth > codeClientWidth,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n };\n }\n /\n Handles `scroll` event.\n /\n private _handleScroll() {\n if (this) {\n const codeContainerRef = this?.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('pre');\n if (\n this.type === CODE_SNIPPET_TYPE.INLINE \|\|\n (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) \|\|\n (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n ) {\n return;\n }\n\n const {\n horizontalOverflow,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n } =\n this.type === CODE_SNIPPET_TYPE.SINGLE\n ? this._getCodeRefDimensions(codeContainerRef)\n : this._getCodeRefDimensions(codeContentRef);\n\n this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n this._hasRightOverflow =\n horizontalOverflow &&\n codeScrollLeft + codeClientWidth !== codeScrollWidth;\n this.requestUpdate();\n }\n }\n\n /\n Handles `click` event on the show more or show less button.\n /\n private _handleClickExpanded() {\n this._expandedCode = !this._expandedCode;\n this.requestUpdate();\n }\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const codeContainerRef = this.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n const {\n type,\n maxCollapsedNumberOfRows,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n _rowHeightInPixels: rowHeightInPixels,\n _handleScroll: handleScroll,\n } = this;\n if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n const { height } = codeContentRef.getBoundingClientRect();\n if (\n maxCollapsedNumberOfRows > 0 &&\n (maxExpandedNumberOfRows <= 0 \|\|\n maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n height > maxCollapsedNumberOfRows rowHeightInPixels\n ) {\n this._shouldShowMoreLessBtn = true;\n } else {\n this._shouldShowMoreLessBtn = false;\n }\n if (\n this._expandedCode &&\n minExpandedNumberOfRows > 0 &&\n height <= minExpandedNumberOfRows * rowHeightInPixels\n ) {\n this._expandedCode = false;\n }\n }\n if (\n (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) \|\|\n (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n ) {\n handleScroll();\n }\n this.requestUpdate();\n });\n\n /*\n Optional text to copy. If not specified, the `children` node's `innerText`\n * will be used as the copy value.\n /\n @property({ attribute: 'copy-text' })\n copyText = '';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify the string displayed when the snippet is copied\n /\n @property()\n feedback = 'Copied!';\n\n /\n Specify the time it takes for the feedback message to timeout\n /\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n /\n Specify whether or not a copy button should be used/rendered.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n hideCopyButton = false;\n\n /\n Specify the maximum number of rows to be shown when in collapsed view\n /\n @property()\n maxCollapsedNumberOfRows = 15;\n\n /\n Specify the maximum number of rows to be shown when in expanded view\n /\n @property()\n maxExpandedNumberOfRows = 0;\n\n /\n Specify the minimum number of rows to be shown when in collapsed view\n /\n @property()\n minCollapsedNumberOfRows = 3;\n\n /\n Specify the minimum number of rows to be shown when in expanded view\n /\n @property()\n minExpandedNumberOfRows = 16;\n\n /\n Specify a string that is displayed when the Code Snippet has been\n * interacted with to show less lines\n /\n @property({ attribute: 'show-less-text' })\n showLessText = 'Show less';\n\n /\n Specify a string that is displayed when the Code Snippet text is more\n * than 15 lines\n /\n @property({ attribute: 'show-more-text' })\n showMoreText = 'Show more';\n\n /\n Tooltip content for the copy button.\n /\n @property({ attribute: 'tooltip-content' })\n tooltipContent = 'Copy to clipboard';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n wrapText = false;\n\n /\n The type of code snippet.\n /\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n connectedCallback() {\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n updated() {\n if (this._expandedCode) {\n this.setAttribute('expanded-code', '');\n } else {\n this.removeAttribute('expanded-code');\n }\n }\n\n render() {\n const {\n disabled,\n feedback,\n feedbackTimeout,\n hideCopyButton,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n maxCollapsedNumberOfRows,\n minCollapsedNumberOfRows,\n type,\n wrapText,\n tooltipContent,\n showMoreText,\n showLessText,\n _expandedCode: expandedCode,\n _handleCopyClick: handleCopyClick,\n _handleScroll: handleScroll,\n _hasRightOverflow: hasRightOverflow,\n _hasLeftOverflow: hasLeftOverflow,\n _rowHeightInPixels: rowHeightInPixels,\n _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n } = this;\n\n let classes = `${prefix}--snippet`;\n type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n type !== 'inline' && disabled\n ? (classes += ` ${prefix}--snippet--disabled`)\n : '';\n hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n type == 'multi' && hasRightOverflow\n ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n : '';\n\n const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n const disabledCopyButtonClasses = disabled\n ? `${prefix}--snippet--disabled`\n : '';\n\n const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n if (type === CODE_SNIPPET_TYPE.INLINE) {\n // Ensures no extra whitespace text node\n // prettier-ignore\n return html`\n <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n <code slot=\"icon\"><slot></slot></code>\n <span slot=\"tooltip-content\"><slot name=\"button-description\"></slot> </span>\n </cds-copy>\n `;\n }\n\n const styles = {};\n if (type === 'multi') {\n if (expandedCode) {\n if (maxExpandedNumberOfRows > 0) {\n styles['max-height'] =\n maxExpandedNumberOfRows rowHeightInPixels + 'px';\n }\n if (minExpandedNumberOfRows > 0) {\n styles['min-height'] =\n minExpandedNumberOfRows * rowHeightInPixels + 'px';\n }\n } else {\n if (maxCollapsedNumberOfRows > 0) {\n styles['max-height'] =\n maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n if (minCollapsedNumberOfRows > 0) {\n styles['min-height'] =\n minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n }\n }\n\n return html`\n <div\n role=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? 'textbox'\n : null}\"\n tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI) &&\n !disabled\n ? 0\n : null}\"\n class=\"${prefix}--snippet-container\"\n aria-label=\"${'code-snippet'}\"\n aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? true\n : null}\"\n aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) \|\| null}\"\n style=${styleMap(styles)}>\n <pre\n @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) \|\|\n null}\"><code><slot></slot></code></pre>\n </div>\n\n ${hasLeftOverflow\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n `\n : ``}\n ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n `\n : ``}\n ${hideCopyButton\n ? ``\n : html`\n <cds-copy-button\n ?disabled=${disabled}\n button-class-name=${disabledCopyButtonClasses}\n feedback=${feedback}\n feedback-timeout=${feedbackTimeout}\n @click=\"${handleCopyClick}\">\n ${tooltipContent}\n </cds-copy-button>\n `}\n ${shouldShowMoreLessBtn\n ? html`\n <cds-button\n kind=\"ghost\"\n size=\"sm\"\n button-class-name=${expandButtonClass}\n ?disabled=${disabled}\n @click=${() => this._handleClickExpanded()}>\n <span class=\"${prefix}--snippet-btn--text\">\n ${expandCodeBtnText}\n </span>\n ${ChevronDown16({\n class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n name: 'cheveron--down',\n role: 'img',\n slot: 'icon',\n })}\n </cds-button>\n `\n : ``}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"]}
1	+ {"version":3,"sources":["components/code-snippet/code-snippet.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAGtE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,cAAc,CAAC;AACtB,OAAO,kBAAkB,CAAC;AAG1B,OAAO,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBxD;;;;GAIG;AACH,cACM,cAAe,SAAQ,mBAAsB;IACjD;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAM;IAEhC;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAQ;IAEjC;;OAEG;IACH,OAAO,CAAC,gBAAgB,CAAS;IAEjC;;OAEG;IACH,OAAO,CAAC,sBAAsB,CAAS;IAEvC;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,qBAAqB;IAc7B;;OAEG;IACH,OAAO,CAAC,aAAa;IAgCrB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAK5B;;OAEG;IAGH,OAAO,CAAC,eAAe,CAwCpB;IAEH;;;OAGG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,SAAa;IAErB;;OAEG;IAEH,eAAe,SAAQ;IAEvB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,wBAAwB,SAAM;IAE9B;;OAEG;IAEH,uBAAuB,SAAK;IAE5B;;OAEG;IAEH,wBAAwB,SAAK;IAE7B;;OAEG;IAEH,uBAAuB,SAAM;IAE7B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;;OAGG;IAEH,YAAY,SAAe;IAE3B;;OAEG;IAEH,cAAc,SAAuB;IAErC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,oBAA4B;IAEhC,iBAAiB;IAQjB,oBAAoB;IAMpB,OAAO;IAQP,MAAM;IAmJN,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,cAAc,CAAC","file":"code-snippet.d.ts","sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n Basic code snippet.\n \n @element cds-code-snippet\n /\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n /\n `true` to expand multi-line variant of code snippet.\n /\n private _expandedCode = false;\n\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n Row height in pixels\n /\n private _rowHeightInPixels = 16;\n\n /\n `true` if code-snippet has right overflow\n /\n private _hasRightOverflow = true;\n\n /\n `true` if code-snippet has left overflow\n /\n private _hasLeftOverflow = false;\n\n /\n `true` if show more or show less btn is visible\n /\n private _shouldShowMoreLessBtn = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleCopyClick() {\n const { ownerDocument: doc } = this;\n const selection = doc!.defaultView!.getSelection();\n selection!.removeAllRanges();\n const code = doc!.createElement('code');\n code.className = `${prefix}--visually-hidden`;\n const pre = doc!.createElement('pre');\n const text = Array.from(this.childNodes).filter(\n (node) => node.nodeType === Node.TEXT_NODE\n );\n pre.textContent = this.copyText \|\| text[0].textContent;\n code.appendChild(pre);\n // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n doc!.body.appendChild(code);\n const range = doc!.createRange();\n range.selectNodeContents(code);\n selection!.addRange(range);\n doc!.execCommand('copy');\n doc!.body.removeChild(code);\n selection!.removeAllRanges();\n }\n\n // eslint-disable-next-line class-methods-use-this\n private _getCodeRefDimensions(ref) {\n const {\n clientWidth: codeClientWidth,\n scrollLeft: codeScrollLeft,\n scrollWidth: codeScrollWidth,\n } = ref;\n\n return {\n horizontalOverflow: codeScrollWidth > codeClientWidth,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n };\n }\n /\n Handles `scroll` event.\n /\n private _handleScroll() {\n if (this) {\n const codeContainerRef = this?.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('pre');\n if (\n this.type === CODE_SNIPPET_TYPE.INLINE \|\|\n (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) \|\|\n (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n ) {\n return;\n }\n\n const {\n horizontalOverflow,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n } =\n this.type === CODE_SNIPPET_TYPE.SINGLE\n ? this._getCodeRefDimensions(codeContainerRef)\n : this._getCodeRefDimensions(codeContentRef);\n\n this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n this._hasRightOverflow =\n horizontalOverflow &&\n codeScrollLeft + codeClientWidth !== codeScrollWidth;\n this.requestUpdate();\n }\n }\n\n /\n Handles `click` event on the show more or show less button.\n /\n private _handleClickExpanded() {\n this._expandedCode = !this._expandedCode;\n this.requestUpdate();\n }\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const codeContainerRef = this.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n const {\n type,\n maxCollapsedNumberOfRows,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n _rowHeightInPixels: rowHeightInPixels,\n _handleScroll: handleScroll,\n } = this;\n if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n const { height } = codeContentRef.getBoundingClientRect();\n if (\n maxCollapsedNumberOfRows > 0 &&\n (maxExpandedNumberOfRows <= 0 \|\|\n maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n height > maxCollapsedNumberOfRows rowHeightInPixels\n ) {\n this._shouldShowMoreLessBtn = true;\n } else {\n this._shouldShowMoreLessBtn = false;\n }\n if (\n this._expandedCode &&\n minExpandedNumberOfRows > 0 &&\n height <= minExpandedNumberOfRows * rowHeightInPixels\n ) {\n this._expandedCode = false;\n }\n }\n if (\n (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) \|\|\n (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n ) {\n handleScroll();\n }\n this.requestUpdate();\n });\n\n /*\n Optional text to copy. If not specified, the `children` node's `innerText`\n * will be used as the copy value.\n /\n @property({ attribute: 'copy-text' })\n copyText = '';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify the string displayed when the snippet is copied\n /\n @property()\n feedback = 'Copied!';\n\n /\n Specify the time it takes for the feedback message to timeout\n /\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n /\n Specify whether or not a copy button should be used/rendered.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n hideCopyButton = false;\n\n /\n Specify the maximum number of rows to be shown when in collapsed view\n /\n @property()\n maxCollapsedNumberOfRows = 15;\n\n /\n Specify the maximum number of rows to be shown when in expanded view\n /\n @property()\n maxExpandedNumberOfRows = 0;\n\n /\n Specify the minimum number of rows to be shown when in collapsed view\n /\n @property()\n minCollapsedNumberOfRows = 3;\n\n /\n Specify the minimum number of rows to be shown when in expanded view\n /\n @property()\n minExpandedNumberOfRows = 16;\n\n /\n Specify a string that is displayed when the Code Snippet has been\n * interacted with to show less lines\n /\n @property({ attribute: 'show-less-text' })\n showLessText = 'Show less';\n\n /\n Specify a string that is displayed when the Code Snippet text is more\n * than 15 lines\n /\n @property({ attribute: 'show-more-text' })\n showMoreText = 'Show more';\n\n /\n Tooltip content for the copy button.\n /\n @property({ attribute: 'tooltip-content' })\n tooltipContent = 'Copy to clipboard';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n wrapText = false;\n\n /\n The type of code snippet.\n /\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n connectedCallback() {\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n updated() {\n if (this._expandedCode) {\n this.setAttribute('expanded-code', '');\n } else {\n this.removeAttribute('expanded-code');\n }\n }\n\n render() {\n const {\n disabled,\n feedback,\n feedbackTimeout,\n hideCopyButton,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n maxCollapsedNumberOfRows,\n minCollapsedNumberOfRows,\n type,\n wrapText,\n tooltipContent,\n showMoreText,\n showLessText,\n _expandedCode: expandedCode,\n _handleCopyClick: handleCopyClick,\n _handleScroll: handleScroll,\n _hasRightOverflow: hasRightOverflow,\n _hasLeftOverflow: hasLeftOverflow,\n _rowHeightInPixels: rowHeightInPixels,\n _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n } = this;\n\n let classes = `${prefix}--snippet`;\n type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n type !== 'inline' && disabled\n ? (classes += ` ${prefix}--snippet--disabled`)\n : '';\n hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n type == 'multi' && hasRightOverflow\n ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n : '';\n\n const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n const disabledCopyButtonClasses = disabled\n ? `${prefix}--snippet--disabled`\n : '';\n\n const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n if (type === CODE_SNIPPET_TYPE.INLINE) {\n // Ensures no extra whitespace text node\n // prettier-ignore\n return html`\n <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n <code slot=\"icon\"><slot></slot></code>\n <span slot=\"tooltip-content\">${tooltipContent}</span>\n </cds-copy>\n `;\n }\n\n const styles = {};\n if (type === 'multi') {\n if (expandedCode) {\n if (maxExpandedNumberOfRows > 0) {\n styles['max-height'] =\n maxExpandedNumberOfRows rowHeightInPixels + 'px';\n }\n if (minExpandedNumberOfRows > 0) {\n styles['min-height'] =\n minExpandedNumberOfRows * rowHeightInPixels + 'px';\n }\n } else {\n if (maxCollapsedNumberOfRows > 0) {\n styles['max-height'] =\n maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n if (minCollapsedNumberOfRows > 0) {\n styles['min-height'] =\n minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n }\n }\n\n return html`\n <div\n role=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? 'textbox'\n : null}\"\n tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI) &&\n !disabled\n ? 0\n : null}\"\n class=\"${prefix}--snippet-container\"\n aria-label=\"${'code-snippet'}\"\n aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? true\n : null}\"\n aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) \|\| null}\"\n style=${styleMap(styles)}>\n <pre\n @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) \|\|\n null}\"><code><slot></slot></code></pre>\n </div>\n\n ${hasLeftOverflow\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n `\n : ``}\n ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n `\n : ``}\n ${hideCopyButton\n ? ``\n : html`\n <cds-copy-button\n ?disabled=${disabled}\n button-class-name=${disabledCopyButtonClasses}\n feedback=${feedback}\n feedback-timeout=${feedbackTimeout}\n @click=\"${handleCopyClick}\">\n ${tooltipContent}\n </cds-copy-button>\n `}\n ${shouldShowMoreLessBtn\n ? html`\n <cds-button\n kind=\"ghost\"\n size=\"sm\"\n button-class-name=${expandButtonClass}\n ?disabled=${disabled}\n @click=${() => this._handleClickExpanded()}>\n <span class=\"${prefix}--snippet-btn--text\">\n ${expandCodeBtnText}\n </span>\n ${ChevronDown16({\n class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n name: 'cheveron--down',\n role: 'img',\n slot: 'icon',\n })}\n </cds-button>\n `\n : ``}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"]}

package/es/components/code-snippet/code-snippet.js CHANGED Viewed

@@ -485,9 +485,9 @@ let CDSCodeSnippet = _decorate([customElement(`${prefix}-code-snippet`)], functi
           return html(_t || (_t = _`
         <cds-copy button-class-name="${0}" @click="${0}">
           <code slot="icon"><slot></slot></code>
-          <span slot="tooltip-content"><slot name="button-description"></slot> </span>
+          <span slot="tooltip-content">${0}</span>
         </cds-copy>
-      `), classes, handleCopyClick);
+      `), classes, handleCopyClick, tooltipContent);
         }
         const styles = {};
         if (type === 'multi') {

package/es/components/code-snippet/code-snippet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-snippet.js","names":["styleMap","LitElement","html","property","ChevronDown16","prefix","FocusMixin","CODE_SNIPPET_COLOR_SCHEME","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSCodeSnippet","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleCopyClick","ownerDocument","doc","selection","defaultView","getSelection","removeAllRanges","code","createElement","className","pre","text","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","copyText","appendChild","body","range","createRange","selectNodeContents","addRange","execCommand","removeChild","_getCodeRefDimensions","ref","clientWidth","codeClientWidth","scrollLeft","codeScrollLeft","scrollWidth","codeScrollWidth","horizontalOverflow","_handleScroll","_this$shadowRoot","codeContainerRef","shadowRoot","querySelector","codeContentRef","type","INLINE","SINGLE","MULTI","_hasLeftOverflow","_hasRightOverflow","requestUpdate","_handleClickExpanded","_expandedCode","ResizeObserver","_this$shadowRoot2","maxCollapsedNumberOfRows","maxExpandedNumberOfRows","minExpandedNumberOfRows","_rowHeightInPixels","rowHeightInPixels","handleScroll","height","getBoundingClientRect","_shouldShowMoreLessBtn","decorators","attribute","Boolean","reflect","Number","connectedCallback","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","updated","setAttribute","removeAttribute","render","disabled","feedback","feedbackTimeout","hideCopyButton","minCollapsedNumberOfRows","wrapText","tooltipContent","showMoreText","showLessText","expandedCode","handleCopyClick","hasRightOverflow","hasLeftOverflow","shouldShowMoreLessBtn","classes","expandButtonClass","disabledCopyButtonClasses","expandCodeBtnText","_t","_","_t2","_t3","_t4","_t5","_t6","class","name","role","slot","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/code-snippet/code-snippet.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n Basic code snippet.\n \n @element cds-code-snippet\n /\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n /\n `true` to expand multi-line variant of code snippet.\n /\n private _expandedCode = false;\n\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n Row height in pixels\n /\n private _rowHeightInPixels = 16;\n\n /\n `true` if code-snippet has right overflow\n /\n private _hasRightOverflow = true;\n\n /\n `true` if code-snippet has left overflow\n /\n private _hasLeftOverflow = false;\n\n /\n `true` if show more or show less btn is visible\n /\n private _shouldShowMoreLessBtn = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleCopyClick() {\n const { ownerDocument: doc } = this;\n const selection = doc!.defaultView!.getSelection();\n selection!.removeAllRanges();\n const code = doc!.createElement('code');\n code.className = `${prefix}--visually-hidden`;\n const pre = doc!.createElement('pre');\n const text = Array.from(this.childNodes).filter(\n (node) => node.nodeType === Node.TEXT_NODE\n );\n pre.textContent = this.copyText \|\| text[0].textContent;\n code.appendChild(pre);\n // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n doc!.body.appendChild(code);\n const range = doc!.createRange();\n range.selectNodeContents(code);\n selection!.addRange(range);\n doc!.execCommand('copy');\n doc!.body.removeChild(code);\n selection!.removeAllRanges();\n }\n\n // eslint-disable-next-line class-methods-use-this\n private _getCodeRefDimensions(ref) {\n const {\n clientWidth: codeClientWidth,\n scrollLeft: codeScrollLeft,\n scrollWidth: codeScrollWidth,\n } = ref;\n\n return {\n horizontalOverflow: codeScrollWidth > codeClientWidth,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n };\n }\n /\n Handles `scroll` event.\n /\n private _handleScroll() {\n if (this) {\n const codeContainerRef = this?.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('pre');\n if (\n this.type === CODE_SNIPPET_TYPE.INLINE \|\|\n (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) \|\|\n (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n ) {\n return;\n }\n\n const {\n horizontalOverflow,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n } =\n this.type === CODE_SNIPPET_TYPE.SINGLE\n ? this._getCodeRefDimensions(codeContainerRef)\n : this._getCodeRefDimensions(codeContentRef);\n\n this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n this._hasRightOverflow =\n horizontalOverflow &&\n codeScrollLeft + codeClientWidth !== codeScrollWidth;\n this.requestUpdate();\n }\n }\n\n /\n Handles `click` event on the show more or show less button.\n /\n private _handleClickExpanded() {\n this._expandedCode = !this._expandedCode;\n this.requestUpdate();\n }\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const codeContainerRef = this.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n const {\n type,\n maxCollapsedNumberOfRows,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n _rowHeightInPixels: rowHeightInPixels,\n _handleScroll: handleScroll,\n } = this;\n if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n const { height } = codeContentRef.getBoundingClientRect();\n if (\n maxCollapsedNumberOfRows > 0 &&\n (maxExpandedNumberOfRows <= 0 \|\|\n maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n height > maxCollapsedNumberOfRows rowHeightInPixels\n ) {\n this._shouldShowMoreLessBtn = true;\n } else {\n this._shouldShowMoreLessBtn = false;\n }\n if (\n this._expandedCode &&\n minExpandedNumberOfRows > 0 &&\n height <= minExpandedNumberOfRows * rowHeightInPixels\n ) {\n this._expandedCode = false;\n }\n }\n if (\n (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) \|\|\n (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n ) {\n handleScroll();\n }\n this.requestUpdate();\n });\n\n /*\n Optional text to copy. If not specified, the `children` node's `innerText`\n * will be used as the copy value.\n /\n @property({ attribute: 'copy-text' })\n copyText = '';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify the string displayed when the snippet is copied\n /\n @property()\n feedback = 'Copied!';\n\n /\n Specify the time it takes for the feedback message to timeout\n /\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n /\n Specify whether or not a copy button should be used/rendered.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n hideCopyButton = false;\n\n /\n Specify the maximum number of rows to be shown when in collapsed view\n /\n @property()\n maxCollapsedNumberOfRows = 15;\n\n /\n Specify the maximum number of rows to be shown when in expanded view\n /\n @property()\n maxExpandedNumberOfRows = 0;\n\n /\n Specify the minimum number of rows to be shown when in collapsed view\n /\n @property()\n minCollapsedNumberOfRows = 3;\n\n /\n Specify the minimum number of rows to be shown when in expanded view\n /\n @property()\n minExpandedNumberOfRows = 16;\n\n /\n Specify a string that is displayed when the Code Snippet has been\n * interacted with to show less lines\n /\n @property({ attribute: 'show-less-text' })\n showLessText = 'Show less';\n\n /\n Specify a string that is displayed when the Code Snippet text is more\n * than 15 lines\n /\n @property({ attribute: 'show-more-text' })\n showMoreText = 'Show more';\n\n /\n Tooltip content for the copy button.\n /\n @property({ attribute: 'tooltip-content' })\n tooltipContent = 'Copy to clipboard';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n wrapText = false;\n\n /\n The type of code snippet.\n /\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n connectedCallback() {\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n updated() {\n if (this._expandedCode) {\n this.setAttribute('expanded-code', '');\n } else {\n this.removeAttribute('expanded-code');\n }\n }\n\n render() {\n const {\n disabled,\n feedback,\n feedbackTimeout,\n hideCopyButton,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n maxCollapsedNumberOfRows,\n minCollapsedNumberOfRows,\n type,\n wrapText,\n tooltipContent,\n showMoreText,\n showLessText,\n _expandedCode: expandedCode,\n _handleCopyClick: handleCopyClick,\n _handleScroll: handleScroll,\n _hasRightOverflow: hasRightOverflow,\n _hasLeftOverflow: hasLeftOverflow,\n _rowHeightInPixels: rowHeightInPixels,\n _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n } = this;\n\n let classes = `${prefix}--snippet`;\n type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n type !== 'inline' && disabled\n ? (classes += ` ${prefix}--snippet--disabled`)\n : '';\n hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n type == 'multi' && hasRightOverflow\n ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n : '';\n\n const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n const disabledCopyButtonClasses = disabled\n ? `${prefix}--snippet--disabled`\n : '';\n\n const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n if (type === CODE_SNIPPET_TYPE.INLINE) {\n // Ensures no extra whitespace text node\n // prettier-ignore\n return html`\n <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n <code slot=\"icon\"><slot></slot></code>\n <span slot=\"tooltip-content\"><slot name=\"button-description\"></slot> </span>\n </cds-copy>\n `;\n }\n\n const styles = {};\n if (type === 'multi') {\n if (expandedCode) {\n if (maxExpandedNumberOfRows > 0) {\n styles['max-height'] =\n maxExpandedNumberOfRows rowHeightInPixels + 'px';\n }\n if (minExpandedNumberOfRows > 0) {\n styles['min-height'] =\n minExpandedNumberOfRows * rowHeightInPixels + 'px';\n }\n } else {\n if (maxCollapsedNumberOfRows > 0) {\n styles['max-height'] =\n maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n if (minCollapsedNumberOfRows > 0) {\n styles['min-height'] =\n minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n }\n }\n\n return html`\n <div\n role=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? 'textbox'\n : null}\"\n tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI) &&\n !disabled\n ? 0\n : null}\"\n class=\"${prefix}--snippet-container\"\n aria-label=\"${'code-snippet'}\"\n aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? true\n : null}\"\n aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) \|\| null}\"\n style=${styleMap(styles)}>\n <pre\n @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) \|\|\n null}\"><code><slot></slot></code></pre>\n </div>\n\n ${hasLeftOverflow\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n `\n : ``}\n ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n `\n : ``}\n ${hideCopyButton\n ? ``\n : html`\n <cds-copy-button\n ?disabled=${disabled}\n button-class-name=${disabledCopyButtonClasses}\n feedback=${feedback}\n feedback-timeout=${feedbackTimeout}\n @click=\"${handleCopyClick}\">\n ${tooltipContent}\n </cds-copy-button>\n `}\n ${shouldShowMoreLessBtn\n ? html`\n <cds-button\n kind=\"ghost\"\n size=\"sm\"\n button-class-name=${expandButtonClass}\n ?disabled=${disabled}\n @click=${() => this._handleClickExpanded()}>\n <span class=\"${prefix}--snippet-btn--text\">\n ${expandCodeBtnText}\n </span>\n ${ChevronDown16({\n class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n name: 'cheveron--down',\n role: 'img',\n slot: 'icon',\n })}\n </cds-button>\n `\n : ``}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":"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"}
1	+ {"version":3,"file":"code-snippet.js","names":["styleMap","LitElement","html","property","ChevronDown16","prefix","FocusMixin","CODE_SNIPPET_COLOR_SCHEME","CODE_SNIPPET_TYPE","styles","carbonElement","customElement","observeResize","observer","elem","observe","release","unobserve","CDSCodeSnippet","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","_handleCopyClick","ownerDocument","doc","selection","defaultView","getSelection","removeAllRanges","code","createElement","className","pre","text","Array","from","childNodes","filter","node","nodeType","Node","TEXT_NODE","textContent","copyText","appendChild","body","range","createRange","selectNodeContents","addRange","execCommand","removeChild","_getCodeRefDimensions","ref","clientWidth","codeClientWidth","scrollLeft","codeScrollLeft","scrollWidth","codeScrollWidth","horizontalOverflow","_handleScroll","_this$shadowRoot","codeContainerRef","shadowRoot","querySelector","codeContentRef","type","INLINE","SINGLE","MULTI","_hasLeftOverflow","_hasRightOverflow","requestUpdate","_handleClickExpanded","_expandedCode","ResizeObserver","_this$shadowRoot2","maxCollapsedNumberOfRows","maxExpandedNumberOfRows","minExpandedNumberOfRows","_rowHeightInPixels","rowHeightInPixels","handleScroll","height","getBoundingClientRect","_shouldShowMoreLessBtn","decorators","attribute","Boolean","reflect","Number","connectedCallback","_get","_getPrototypeOf","prototype","call","_hObserveResize","_resizeObserver","disconnectedCallback","updated","setAttribute","removeAttribute","render","disabled","feedback","feedbackTimeout","hideCopyButton","minCollapsedNumberOfRows","wrapText","tooltipContent","showMoreText","showLessText","expandedCode","handleCopyClick","hasRightOverflow","hasLeftOverflow","shouldShowMoreLessBtn","classes","expandButtonClass","disabledCopyButtonClasses","expandCodeBtnText","_t","_","_t2","_t3","_t4","_t5","_t6","class","name","role","slot","static","_objectSpread","shadowRootOptions","delegatesFocus"],"sources":["components/code-snippet/code-snippet.ts"],"sourcesContent":["/*\n @license\n \n Copyright IBM Corp. 2019, 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\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE } from './defs';\nimport styles from './code-snippet.scss';\nimport Handle from '../../globals/internal/handle';\nimport '../copy-button/index';\nimport '../copy/copy';\nimport '../button/button';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { CODE_SNIPPET_COLOR_SCHEME, CODE_SNIPPET_TYPE };\n\n/\n Observes resize of the given element with the given resize observer.\n \n @param observer The resize observer.\n * @param elem The element to observe the resize.\n /\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n if (!elem) {\n return null;\n }\n observer.observe(elem);\n return {\n release() {\n observer.unobserve(elem);\n return null;\n },\n } as Handle;\n};\n\n/\n Basic code snippet.\n \n @element cds-code-snippet\n /\n@customElement(`${prefix}-code-snippet`)\nclass CDSCodeSnippet extends FocusMixin(LitElement) {\n /\n `true` to expand multi-line variant of code snippet.\n /\n private _expandedCode = false;\n\n /\n The handle for observing resize of the parent element of this element.\n /\n private _hObserveResize: Handle \| null = null;\n\n /\n Row height in pixels\n /\n private _rowHeightInPixels = 16;\n\n /\n `true` if code-snippet has right overflow\n /\n private _hasRightOverflow = true;\n\n /\n `true` if code-snippet has left overflow\n /\n private _hasLeftOverflow = false;\n\n /\n `true` if show more or show less btn is visible\n /\n private _shouldShowMoreLessBtn = false;\n\n /\n Handles `click` event on the copy button.\n /\n private _handleCopyClick() {\n const { ownerDocument: doc } = this;\n const selection = doc!.defaultView!.getSelection();\n selection!.removeAllRanges();\n const code = doc!.createElement('code');\n code.className = `${prefix}--visually-hidden`;\n const pre = doc!.createElement('pre');\n const text = Array.from(this.childNodes).filter(\n (node) => node.nodeType === Node.TEXT_NODE\n );\n pre.textContent = this.copyText \|\| text[0].textContent;\n code.appendChild(pre);\n // Using `<code>` in shadow DOM seems to lose the LFs in some browsers\n doc!.body.appendChild(code);\n const range = doc!.createRange();\n range.selectNodeContents(code);\n selection!.addRange(range);\n doc!.execCommand('copy');\n doc!.body.removeChild(code);\n selection!.removeAllRanges();\n }\n\n // eslint-disable-next-line class-methods-use-this\n private _getCodeRefDimensions(ref) {\n const {\n clientWidth: codeClientWidth,\n scrollLeft: codeScrollLeft,\n scrollWidth: codeScrollWidth,\n } = ref;\n\n return {\n horizontalOverflow: codeScrollWidth > codeClientWidth,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n };\n }\n /\n Handles `scroll` event.\n /\n private _handleScroll() {\n if (this) {\n const codeContainerRef = this?.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('pre');\n if (\n this.type === CODE_SNIPPET_TYPE.INLINE \|\|\n (this.type === CODE_SNIPPET_TYPE.SINGLE && !codeContainerRef) \|\|\n (this.type === CODE_SNIPPET_TYPE.MULTI && !codeContentRef)\n ) {\n return;\n }\n\n const {\n horizontalOverflow,\n codeClientWidth,\n codeScrollWidth,\n codeScrollLeft,\n } =\n this.type === CODE_SNIPPET_TYPE.SINGLE\n ? this._getCodeRefDimensions(codeContainerRef)\n : this._getCodeRefDimensions(codeContentRef);\n\n this._hasLeftOverflow = horizontalOverflow && !!codeScrollLeft;\n this._hasRightOverflow =\n horizontalOverflow &&\n codeScrollLeft + codeClientWidth !== codeScrollWidth;\n this.requestUpdate();\n }\n }\n\n /\n Handles `click` event on the show more or show less button.\n /\n private _handleClickExpanded() {\n this._expandedCode = !this._expandedCode;\n this.requestUpdate();\n }\n\n /\n The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n /\n // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n // @ts-ignore\n private _resizeObserver = new ResizeObserver(() => {\n const codeContainerRef = this.shadowRoot?.querySelector(\n `.${prefix}--snippet-container`\n );\n const codeContentRef = codeContainerRef?.querySelector('code'); // PRE?\n const {\n type,\n maxCollapsedNumberOfRows,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n _rowHeightInPixels: rowHeightInPixels,\n _handleScroll: handleScroll,\n } = this;\n if (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) {\n const { height } = codeContentRef.getBoundingClientRect();\n if (\n maxCollapsedNumberOfRows > 0 &&\n (maxExpandedNumberOfRows <= 0 \|\|\n maxExpandedNumberOfRows > maxCollapsedNumberOfRows) &&\n height > maxCollapsedNumberOfRows rowHeightInPixels\n ) {\n this._shouldShowMoreLessBtn = true;\n } else {\n this._shouldShowMoreLessBtn = false;\n }\n if (\n this._expandedCode &&\n minExpandedNumberOfRows > 0 &&\n height <= minExpandedNumberOfRows * rowHeightInPixels\n ) {\n this._expandedCode = false;\n }\n }\n if (\n (codeContentRef && type === CODE_SNIPPET_TYPE.MULTI) \|\|\n (codeContainerRef && type === CODE_SNIPPET_TYPE.SINGLE)\n ) {\n handleScroll();\n }\n this.requestUpdate();\n });\n\n /*\n Optional text to copy. If not specified, the `children` node's `innerText`\n * will be used as the copy value.\n /\n @property({ attribute: 'copy-text' })\n copyText = '';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify the string displayed when the snippet is copied\n /\n @property()\n feedback = 'Copied!';\n\n /\n Specify the time it takes for the feedback message to timeout\n /\n @property({ type: Number, attribute: 'feedback-timeout' })\n feedbackTimeout = 2000;\n\n /\n Specify whether or not a copy button should be used/rendered.\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-copy-button' })\n hideCopyButton = false;\n\n /\n Specify the maximum number of rows to be shown when in collapsed view\n /\n @property()\n maxCollapsedNumberOfRows = 15;\n\n /\n Specify the maximum number of rows to be shown when in expanded view\n /\n @property()\n maxExpandedNumberOfRows = 0;\n\n /\n Specify the minimum number of rows to be shown when in collapsed view\n /\n @property()\n minCollapsedNumberOfRows = 3;\n\n /\n Specify the minimum number of rows to be shown when in expanded view\n /\n @property()\n minExpandedNumberOfRows = 16;\n\n /\n Specify a string that is displayed when the Code Snippet has been\n * interacted with to show less lines\n /\n @property({ attribute: 'show-less-text' })\n showLessText = 'Show less';\n\n /\n Specify a string that is displayed when the Code Snippet text is more\n * than 15 lines\n /\n @property({ attribute: 'show-more-text' })\n showMoreText = 'Show more';\n\n /\n Tooltip content for the copy button.\n /\n @property({ attribute: 'tooltip-content' })\n tooltipContent = 'Copy to clipboard';\n\n /\n `true` if the button should be disabled.\n /\n @property({ type: Boolean, reflect: true, attribute: 'wrap-text' })\n wrapText = false;\n\n /\n The type of code snippet.\n /\n @property({ reflect: true })\n type = CODE_SNIPPET_TYPE.SINGLE;\n\n connectedCallback() {\n super.connectedCallback();\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n this._hObserveResize = observeResize(this._resizeObserver, this);\n }\n\n disconnectedCallback() {\n if (this._hObserveResize) {\n this._hObserveResize = this._hObserveResize.release();\n }\n }\n\n updated() {\n if (this._expandedCode) {\n this.setAttribute('expanded-code', '');\n } else {\n this.removeAttribute('expanded-code');\n }\n }\n\n render() {\n const {\n disabled,\n feedback,\n feedbackTimeout,\n hideCopyButton,\n maxExpandedNumberOfRows,\n minExpandedNumberOfRows,\n maxCollapsedNumberOfRows,\n minCollapsedNumberOfRows,\n type,\n wrapText,\n tooltipContent,\n showMoreText,\n showLessText,\n _expandedCode: expandedCode,\n _handleCopyClick: handleCopyClick,\n _handleScroll: handleScroll,\n _hasRightOverflow: hasRightOverflow,\n _hasLeftOverflow: hasLeftOverflow,\n _rowHeightInPixels: rowHeightInPixels,\n _shouldShowMoreLessBtn: shouldShowMoreLessBtn,\n } = this;\n\n let classes = `${prefix}--snippet`;\n type ? (classes += ` ${prefix}--snippet--${type}`) : '';\n type !== 'inline' && disabled\n ? (classes += ` ${prefix}--snippet--disabled`)\n : '';\n hideCopyButton ? (classes += ` ${prefix}--snippet--no-copy`) : '';\n wrapText ? (classes += ` ${prefix}--snippet--wraptext`) : '';\n type == 'multi' && hasRightOverflow\n ? (classes += ` ${prefix}--snippet--has-right-overflow`)\n : '';\n\n const expandButtonClass = `${prefix}--snippet-btn--expand`;\n\n const disabledCopyButtonClasses = disabled\n ? `${prefix}--snippet--disabled`\n : '';\n\n const expandCodeBtnText = expandedCode ? showLessText : showMoreText;\n\n if (type === CODE_SNIPPET_TYPE.INLINE) {\n // Ensures no extra whitespace text node\n // prettier-ignore\n return html`\n <cds-copy button-class-name=\"${classes}\" @click=\"${handleCopyClick}\">\n <code slot=\"icon\"><slot></slot></code>\n <span slot=\"tooltip-content\">${tooltipContent}</span>\n </cds-copy>\n `;\n }\n\n const styles = {};\n if (type === 'multi') {\n if (expandedCode) {\n if (maxExpandedNumberOfRows > 0) {\n styles['max-height'] =\n maxExpandedNumberOfRows rowHeightInPixels + 'px';\n }\n if (minExpandedNumberOfRows > 0) {\n styles['min-height'] =\n minExpandedNumberOfRows * rowHeightInPixels + 'px';\n }\n } else {\n if (maxCollapsedNumberOfRows > 0) {\n styles['max-height'] =\n maxCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n if (minCollapsedNumberOfRows > 0) {\n styles['min-height'] =\n minCollapsedNumberOfRows * rowHeightInPixels + 'px';\n }\n }\n }\n\n return html`\n <div\n role=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? 'textbox'\n : null}\"\n tabindex=\"${(type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI) &&\n !disabled\n ? 0\n : null}\"\n class=\"${prefix}--snippet-container\"\n aria-label=\"${'code-snippet'}\"\n aria-readonly=\"${type === CODE_SNIPPET_TYPE.SINGLE \|\|\n type === CODE_SNIPPET_TYPE.MULTI\n ? true\n : null}\"\n aria-multiline=\"${type === CODE_SNIPPET_TYPE.MULTI ? true : null}\"\n @scroll=\"${(type === CODE_SNIPPET_TYPE.SINGLE && handleScroll) \|\| null}\"\n style=${styleMap(styles)}>\n <pre\n @scroll=\"${(type === CODE_SNIPPET_TYPE.MULTI && handleScroll) \|\|\n null}\"><code><slot></slot></code></pre>\n </div>\n\n ${hasLeftOverflow\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--left\"></div>\n `\n : ``}\n ${hasRightOverflow && type !== CODE_SNIPPET_TYPE.MULTI\n ? html`\n <div class=\"${prefix}--snippet__overflow-indicator--right\"></div>\n `\n : ``}\n ${hideCopyButton\n ? ``\n : html`\n <cds-copy-button\n ?disabled=${disabled}\n button-class-name=${disabledCopyButtonClasses}\n feedback=${feedback}\n feedback-timeout=${feedbackTimeout}\n @click=\"${handleCopyClick}\">\n ${tooltipContent}\n </cds-copy-button>\n `}\n ${shouldShowMoreLessBtn\n ? html`\n <cds-button\n kind=\"ghost\"\n size=\"sm\"\n button-class-name=${expandButtonClass}\n ?disabled=${disabled}\n @click=${() => this._handleClickExpanded()}>\n <span class=\"${prefix}--snippet-btn--text\">\n ${expandCodeBtnText}\n </span>\n ${ChevronDown16({\n class: `${prefix}--icon-chevron--down ${prefix}--snippet__icon`,\n name: 'cheveron--down',\n role: 'img',\n slot: 'icon',\n })}\n </cds-button>\n `\n : ``}\n `;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCodeSnippet;\n"],"mappings":"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"}

package/es/globals/scss/grid.css.js ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  '.cds--grid{margin-right:auto;margin-left:auto;max-width:99rem;padding-right:1rem;padding-left:1rem}@media (min-width:42rem){.cds--grid{padding-right:2rem;padding-left:2rem}}@media (min-width:99rem){.cds--grid{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width:99rem){.cds--grid--full-width{max-width:100%}}.cds--row{display:flex;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.cds--col-padding,.cds--row-padding [class*=cds--col]{padding-top:1rem;padding-bottom:1rem}.cds--grid--condensed [class*=cds--col]{padding-top:.03125rem;padding-bottom:.03125rem}.cds--col{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col,.cds--row--condensed .cds--col{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col,.cds--row--narrow .cds--col{padding-right:1rem;padding-left:0}.cds--col-sm-0{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm-0,.cds--row--condensed .cds--col-sm-0{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm-0,.cds--row--narrow .cds--col-sm-0{padding-right:1rem;padding-left:0}.cds--col-sm-1{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm-1,.cds--row--condensed .cds--col-sm-1{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm-1,.cds--row--narrow .cds--col-sm-1{padding-right:1rem;padding-left:0}.cds--col-sm-2{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm-2,.cds--row--condensed .cds--col-sm-2{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm-2,.cds--row--narrow .cds--col-sm-2{padding-right:1rem;padding-left:0}.cds--col-sm-3{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm-3,.cds--row--condensed .cds--col-sm-3{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm-3,.cds--row--narrow .cds--col-sm-3{padding-right:1rem;padding-left:0}.cds--col-sm-4{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm-4,.cds--row--condensed .cds--col-sm-4{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm-4,.cds--row--narrow .cds--col-sm-4{padding-right:1rem;padding-left:0}.cds--col-sm,.cds--col-sm--auto{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-sm,.cds--grid--condensed .cds--col-sm--auto,.cds--row--condensed .cds--col-sm,.cds--row--condensed .cds--col-sm--auto{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-sm,.cds--grid--narrow .cds--col-sm--auto,.cds--row--narrow .cds--col-sm,.cds--row--narrow .cds--col-sm--auto{padding-right:1rem;padding-left:0}.cds--col,.cds--col-sm{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-sm--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-sm-0{display:none}.cds--col-sm-1{display:block;max-width:25%;flex:0 0 25%}.cds--col-sm-2{display:block;max-width:50%;flex:0 0 50%}.cds--col-sm-3{display:block;max-width:75%;flex:0 0 75%}.cds--col-sm-4{display:block;max-width:100%;flex:0 0 100%}.cds--offset-sm-0{margin-left:0}.cds--offset-sm-1{margin-left:25%}.cds--offset-sm-2{margin-left:50%}.cds--offset-sm-3{margin-left:75%}.cds--col-md-0{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-0,.cds--row--condensed .cds--col-md-0{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-0,.cds--row--narrow .cds--col-md-0{padding-right:1rem;padding-left:0}.cds--col-md-1{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-1,.cds--row--condensed .cds--col-md-1{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-1,.cds--row--narrow .cds--col-md-1{padding-right:1rem;padding-left:0}.cds--col-md-2{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-2,.cds--row--condensed .cds--col-md-2{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-2,.cds--row--narrow .cds--col-md-2{padding-right:1rem;padding-left:0}.cds--col-md-3{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-3,.cds--row--condensed .cds--col-md-3{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-3,.cds--row--narrow .cds--col-md-3{padding-right:1rem;padding-left:0}.cds--col-md-4{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-4,.cds--row--condensed .cds--col-md-4{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-4,.cds--row--narrow .cds--col-md-4{padding-right:1rem;padding-left:0}.cds--col-md-5{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-5,.cds--row--condensed .cds--col-md-5{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-5,.cds--row--narrow .cds--col-md-5{padding-right:1rem;padding-left:0}.cds--col-md-6{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-6,.cds--row--condensed .cds--col-md-6{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-6,.cds--row--narrow .cds--col-md-6{padding-right:1rem;padding-left:0}.cds--col-md-7{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-7,.cds--row--condensed .cds--col-md-7{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-7,.cds--row--narrow .cds--col-md-7{padding-right:1rem;padding-left:0}.cds--col-md-8{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md-8,.cds--row--condensed .cds--col-md-8{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md-8,.cds--row--narrow .cds--col-md-8{padding-right:1rem;padding-left:0}.cds--col-md,.cds--col-md--auto{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-md,.cds--grid--condensed .cds--col-md--auto,.cds--row--condensed .cds--col-md,.cds--row--condensed .cds--col-md--auto{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-md,.cds--grid--narrow .cds--col-md--auto,.cds--row--narrow .cds--col-md,.cds--row--narrow .cds--col-md--auto{padding-right:1rem;padding-left:0}@media (min-width:42rem){.cds--col,.cds--col-md{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-md--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-md-0{display:none}.cds--col-md-1{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-md-2{display:block;max-width:25%;flex:0 0 25%}.cds--col-md-3{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-md-4{display:block;max-width:50%;flex:0 0 50%}.cds--col-md-5{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-md-6{display:block;max-width:75%;flex:0 0 75%}.cds--col-md-7{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-md-8{display:block;max-width:100%;flex:0 0 100%}.cds--offset-md-0{margin-left:0}.cds--offset-md-1{margin-left:12.5%}.cds--offset-md-2{margin-left:25%}.cds--offset-md-3{margin-left:37.5%}.cds--offset-md-4{margin-left:50%}.cds--offset-md-5{margin-left:62.5%}.cds--offset-md-6{margin-left:75%}.cds--offset-md-7{margin-left:87.5%}}.cds--col-lg-0{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-0,.cds--row--condensed .cds--col-lg-0{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-0,.cds--row--narrow .cds--col-lg-0{padding-right:1rem;padding-left:0}.cds--col-lg-1{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-1,.cds--row--condensed .cds--col-lg-1{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-1,.cds--row--narrow .cds--col-lg-1{padding-right:1rem;padding-left:0}.cds--col-lg-2{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-2,.cds--row--condensed .cds--col-lg-2{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-2,.cds--row--narrow .cds--col-lg-2{padding-right:1rem;padding-left:0}.cds--col-lg-3{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-3,.cds--row--condensed .cds--col-lg-3{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-3,.cds--row--narrow .cds--col-lg-3{padding-right:1rem;padding-left:0}.cds--col-lg-4{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-4,.cds--row--condensed .cds--col-lg-4{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-4,.cds--row--narrow .cds--col-lg-4{padding-right:1rem;padding-left:0}.cds--col-lg-5{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-5,.cds--row--condensed .cds--col-lg-5{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-5,.cds--row--narrow .cds--col-lg-5{padding-right:1rem;padding-left:0}.cds--col-lg-6{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-6,.cds--row--condensed .cds--col-lg-6{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-6,.cds--row--narrow .cds--col-lg-6{padding-right:1rem;padding-left:0}.cds--col-lg-7{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-7,.cds--row--condensed .cds--col-lg-7{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-7,.cds--row--narrow .cds--col-lg-7{padding-right:1rem;padding-left:0}.cds--col-lg-8{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-8,.cds--row--condensed .cds--col-lg-8{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-8,.cds--row--narrow .cds--col-lg-8{padding-right:1rem;padding-left:0}.cds--col-lg-9{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-9,.cds--row--condensed .cds--col-lg-9{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-9,.cds--row--narrow .cds--col-lg-9{padding-right:1rem;padding-left:0}.cds--col-lg-10{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-10,.cds--row--condensed .cds--col-lg-10{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-10,.cds--row--narrow .cds--col-lg-10{padding-right:1rem;padding-left:0}.cds--col-lg-11{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-11,.cds--row--condensed .cds--col-lg-11{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-11,.cds--row--narrow .cds--col-lg-11{padding-right:1rem;padding-left:0}.cds--col-lg-12{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-12,.cds--row--condensed .cds--col-lg-12{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-12,.cds--row--narrow .cds--col-lg-12{padding-right:1rem;padding-left:0}.cds--col-lg-13{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-13,.cds--row--condensed .cds--col-lg-13{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-13,.cds--row--narrow .cds--col-lg-13{padding-right:1rem;padding-left:0}.cds--col-lg-14{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-14,.cds--row--condensed .cds--col-lg-14{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-14,.cds--row--narrow .cds--col-lg-14{padding-right:1rem;padding-left:0}.cds--col-lg-15{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-15,.cds--row--condensed .cds--col-lg-15{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-15,.cds--row--narrow .cds--col-lg-15{padding-right:1rem;padding-left:0}.cds--col-lg-16{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg-16,.cds--row--condensed .cds--col-lg-16{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg-16,.cds--row--narrow .cds--col-lg-16{padding-right:1rem;padding-left:0}.cds--col-lg,.cds--col-lg--auto{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-lg,.cds--grid--condensed .cds--col-lg--auto,.cds--row--condensed .cds--col-lg,.cds--row--condensed .cds--col-lg--auto{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-lg,.cds--grid--narrow .cds--col-lg--auto,.cds--row--narrow .cds--col-lg,.cds--row--narrow .cds--col-lg--auto{padding-right:1rem;padding-left:0}@media (min-width:66rem){.cds--col,.cds--col-lg{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-lg--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-lg-0{display:none}.cds--col-lg-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-lg-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-lg-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-lg-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-lg-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-lg-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-lg-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-lg-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-lg-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-lg-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-lg-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-lg-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-lg-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-lg-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-lg-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-lg-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-lg-0{margin-left:0}.cds--offset-lg-1{margin-left:6.25%}.cds--offset-lg-2{margin-left:12.5%}.cds--offset-lg-3{margin-left:18.75%}.cds--offset-lg-4{margin-left:25%}.cds--offset-lg-5{margin-left:31.25%}.cds--offset-lg-6{margin-left:37.5%}.cds--offset-lg-7{margin-left:43.75%}.cds--offset-lg-8{margin-left:50%}.cds--offset-lg-9{margin-left:56.25%}.cds--offset-lg-10{margin-left:62.5%}.cds--offset-lg-11{margin-left:68.75%}.cds--offset-lg-12{margin-left:75%}.cds--offset-lg-13{margin-left:81.25%}.cds--offset-lg-14{margin-left:87.5%}.cds--offset-lg-15{margin-left:93.75%}}.cds--col-xlg-0{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-0,.cds--row--condensed .cds--col-xlg-0{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-0,.cds--row--narrow .cds--col-xlg-0{padding-right:1rem;padding-left:0}.cds--col-xlg-1{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-1,.cds--row--condensed .cds--col-xlg-1{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-1,.cds--row--narrow .cds--col-xlg-1{padding-right:1rem;padding-left:0}.cds--col-xlg-2{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-2,.cds--row--condensed .cds--col-xlg-2{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-2,.cds--row--narrow .cds--col-xlg-2{padding-right:1rem;padding-left:0}.cds--col-xlg-3{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-3,.cds--row--condensed .cds--col-xlg-3{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-3,.cds--row--narrow .cds--col-xlg-3{padding-right:1rem;padding-left:0}.cds--col-xlg-4{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-4,.cds--row--condensed .cds--col-xlg-4{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-4,.cds--row--narrow .cds--col-xlg-4{padding-right:1rem;padding-left:0}.cds--col-xlg-5{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-5,.cds--row--condensed .cds--col-xlg-5{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-5,.cds--row--narrow .cds--col-xlg-5{padding-right:1rem;padding-left:0}.cds--col-xlg-6{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-6,.cds--row--condensed .cds--col-xlg-6{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-6,.cds--row--narrow .cds--col-xlg-6{padding-right:1rem;padding-left:0}.cds--col-xlg-7{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-7,.cds--row--condensed .cds--col-xlg-7{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-7,.cds--row--narrow .cds--col-xlg-7{padding-right:1rem;padding-left:0}.cds--col-xlg-8{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-8,.cds--row--condensed .cds--col-xlg-8{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-8,.cds--row--narrow .cds--col-xlg-8{padding-right:1rem;padding-left:0}.cds--col-xlg-9{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-9,.cds--row--condensed .cds--col-xlg-9{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-9,.cds--row--narrow .cds--col-xlg-9{padding-right:1rem;padding-left:0}.cds--col-xlg-10{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-10,.cds--row--condensed .cds--col-xlg-10{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-10,.cds--row--narrow .cds--col-xlg-10{padding-right:1rem;padding-left:0}.cds--col-xlg-11{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-11,.cds--row--condensed .cds--col-xlg-11{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-11,.cds--row--narrow .cds--col-xlg-11{padding-right:1rem;padding-left:0}.cds--col-xlg-12{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-12,.cds--row--condensed .cds--col-xlg-12{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-12,.cds--row--narrow .cds--col-xlg-12{padding-right:1rem;padding-left:0}.cds--col-xlg-13{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-13,.cds--row--condensed .cds--col-xlg-13{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-13,.cds--row--narrow .cds--col-xlg-13{padding-right:1rem;padding-left:0}.cds--col-xlg-14{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-14,.cds--row--condensed .cds--col-xlg-14{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-14,.cds--row--narrow .cds--col-xlg-14{padding-right:1rem;padding-left:0}.cds--col-xlg-15{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-15,.cds--row--condensed .cds--col-xlg-15{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-15,.cds--row--narrow .cds--col-xlg-15{padding-right:1rem;padding-left:0}.cds--col-xlg-16{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg-16,.cds--row--condensed .cds--col-xlg-16{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg-16,.cds--row--narrow .cds--col-xlg-16{padding-right:1rem;padding-left:0}.cds--col-xlg,.cds--col-xlg--auto{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-xlg,.cds--grid--condensed .cds--col-xlg--auto,.cds--row--condensed .cds--col-xlg,.cds--row--condensed .cds--col-xlg--auto{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-xlg,.cds--grid--narrow .cds--col-xlg--auto,.cds--row--narrow .cds--col-xlg,.cds--row--narrow .cds--col-xlg--auto{padding-right:1rem;padding-left:0}@media (min-width:82rem){.cds--col,.cds--col-xlg{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-xlg--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-xlg-0{display:none}.cds--col-xlg-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-xlg-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-xlg-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-xlg-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-xlg-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-xlg-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-xlg-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-xlg-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-xlg-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-xlg-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-xlg-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-xlg-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-xlg-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-xlg-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-xlg-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-xlg-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-xlg-0{margin-left:0}.cds--offset-xlg-1{margin-left:6.25%}.cds--offset-xlg-2{margin-left:12.5%}.cds--offset-xlg-3{margin-left:18.75%}.cds--offset-xlg-4{margin-left:25%}.cds--offset-xlg-5{margin-left:31.25%}.cds--offset-xlg-6{margin-left:37.5%}.cds--offset-xlg-7{margin-left:43.75%}.cds--offset-xlg-8{margin-left:50%}.cds--offset-xlg-9{margin-left:56.25%}.cds--offset-xlg-10{margin-left:62.5%}.cds--offset-xlg-11{margin-left:68.75%}.cds--offset-xlg-12{margin-left:75%}.cds--offset-xlg-13{margin-left:81.25%}.cds--offset-xlg-14{margin-left:87.5%}.cds--offset-xlg-15{margin-left:93.75%}}.cds--col-max-0{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-0,.cds--row--condensed .cds--col-max-0{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-0,.cds--row--narrow .cds--col-max-0{padding-right:1rem;padding-left:0}.cds--col-max-1{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-1,.cds--row--condensed .cds--col-max-1{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-1,.cds--row--narrow .cds--col-max-1{padding-right:1rem;padding-left:0}.cds--col-max-2{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-2,.cds--row--condensed .cds--col-max-2{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-2,.cds--row--narrow .cds--col-max-2{padding-right:1rem;padding-left:0}.cds--col-max-3{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-3,.cds--row--condensed .cds--col-max-3{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-3,.cds--row--narrow .cds--col-max-3{padding-right:1rem;padding-left:0}.cds--col-max-4{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-4,.cds--row--condensed .cds--col-max-4{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-4,.cds--row--narrow .cds--col-max-4{padding-right:1rem;padding-left:0}.cds--col-max-5{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-5,.cds--row--condensed .cds--col-max-5{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-5,.cds--row--narrow .cds--col-max-5{padding-right:1rem;padding-left:0}.cds--col-max-6{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-6,.cds--row--condensed .cds--col-max-6{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-6,.cds--row--narrow .cds--col-max-6{padding-right:1rem;padding-left:0}.cds--col-max-7{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-7,.cds--row--condensed .cds--col-max-7{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-7,.cds--row--narrow .cds--col-max-7{padding-right:1rem;padding-left:0}.cds--col-max-8{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-8,.cds--row--condensed .cds--col-max-8{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-8,.cds--row--narrow .cds--col-max-8{padding-right:1rem;padding-left:0}.cds--col-max-9{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-9,.cds--row--condensed .cds--col-max-9{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-9,.cds--row--narrow .cds--col-max-9{padding-right:1rem;padding-left:0}.cds--col-max-10{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-10,.cds--row--condensed .cds--col-max-10{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-10,.cds--row--narrow .cds--col-max-10{padding-right:1rem;padding-left:0}.cds--col-max-11{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-11,.cds--row--condensed .cds--col-max-11{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-11,.cds--row--narrow .cds--col-max-11{padding-right:1rem;padding-left:0}.cds--col-max-12{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-12,.cds--row--condensed .cds--col-max-12{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-12,.cds--row--narrow .cds--col-max-12{padding-right:1rem;padding-left:0}.cds--col-max-13{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-13,.cds--row--condensed .cds--col-max-13{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-13,.cds--row--narrow .cds--col-max-13{padding-right:1rem;padding-left:0}.cds--col-max-14{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-14,.cds--row--condensed .cds--col-max-14{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-14,.cds--row--narrow .cds--col-max-14{padding-right:1rem;padding-left:0}.cds--col-max-15{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-15,.cds--row--condensed .cds--col-max-15{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-15,.cds--row--narrow .cds--col-max-15{padding-right:1rem;padding-left:0}.cds--col-max-16{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max-16,.cds--row--condensed .cds--col-max-16{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max-16,.cds--row--narrow .cds--col-max-16{padding-right:1rem;padding-left:0}.cds--col-max,.cds--col-max--auto{width:100%;padding-right:1rem;padding-left:1rem}.cds--grid--condensed .cds--col-max,.cds--grid--condensed .cds--col-max--auto,.cds--row--condensed .cds--col-max,.cds--row--condensed .cds--col-max--auto{padding-right:.03125rem;padding-left:.03125rem}.cds--grid--narrow .cds--col-max,.cds--grid--narrow .cds--col-max--auto,.cds--row--narrow .cds--col-max,.cds--row--narrow .cds--col-max--auto{padding-right:1rem;padding-left:0}@media (min-width:99rem){.cds--col,.cds--col-max{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-max--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-max-0{display:none}.cds--col-max-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-max-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-max-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-max-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-max-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-max-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-max-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-max-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-max-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-max-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-max-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-max-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-max-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-max-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-max-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-max-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-max-0{margin-left:0}.cds--offset-max-1{margin-left:6.25%}.cds--offset-max-2{margin-left:12.5%}.cds--offset-max-3{margin-left:18.75%}.cds--offset-max-4{margin-left:25%}.cds--offset-max-5{margin-left:31.25%}.cds--offset-max-6{margin-left:37.5%}.cds--offset-max-7{margin-left:43.75%}.cds--offset-max-8{margin-left:50%}.cds--offset-max-9{margin-left:56.25%}.cds--offset-max-10{margin-left:62.5%}.cds--offset-max-11{margin-left:68.75%}.cds--offset-max-12{margin-left:75%}.cds--offset-max-13{margin-left:81.25%}.cds--offset-max-14{margin-left:87.5%}.cds--offset-max-15{margin-left:93.75%}}.cds--no-gutter,.cds--row.cds--no-gutter [class*=cds--col]{padding-right:0;padding-left:0}.cds--no-gutter--start,.cds--row.cds--no-gutter--start [class*=cds--col]{padding-left:0}.cds--no-gutter--end,.cds--row.cds--no-gutter--end [class*=cds--col]{padding-right:0}.cds--hang--start{padding-left:1rem}.cds--hang--end{padding-right:1rem}',
+]);

package/es/globals/scss/grid.rtl.css.js ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  '.cds--grid{margin-left:auto;margin-right:auto;max-width:99rem;padding-left:1rem;padding-right:1rem}@media (min-width:42rem){.cds--grid{padding-left:2rem;padding-right:2rem}}@media (min-width:99rem){.cds--grid{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:99rem){.cds--grid--full-width{max-width:100%}}.cds--row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.cds--col-padding,.cds--row-padding [class*=cds--col]{padding-top:1rem;padding-bottom:1rem}.cds--grid--condensed [class*=cds--col]{padding-top:.03125rem;padding-bottom:.03125rem}.cds--col{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col,.cds--row--condensed .cds--col{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col,.cds--row--narrow .cds--col{padding-left:1rem;padding-right:0}.cds--col-sm-0{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm-0,.cds--row--condensed .cds--col-sm-0{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm-0,.cds--row--narrow .cds--col-sm-0{padding-left:1rem;padding-right:0}.cds--col-sm-1{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm-1,.cds--row--condensed .cds--col-sm-1{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm-1,.cds--row--narrow .cds--col-sm-1{padding-left:1rem;padding-right:0}.cds--col-sm-2{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm-2,.cds--row--condensed .cds--col-sm-2{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm-2,.cds--row--narrow .cds--col-sm-2{padding-left:1rem;padding-right:0}.cds--col-sm-3{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm-3,.cds--row--condensed .cds--col-sm-3{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm-3,.cds--row--narrow .cds--col-sm-3{padding-left:1rem;padding-right:0}.cds--col-sm-4{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm-4,.cds--row--condensed .cds--col-sm-4{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm-4,.cds--row--narrow .cds--col-sm-4{padding-left:1rem;padding-right:0}.cds--col-sm,.cds--col-sm--auto{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-sm,.cds--grid--condensed .cds--col-sm--auto,.cds--row--condensed .cds--col-sm,.cds--row--condensed .cds--col-sm--auto{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-sm,.cds--grid--narrow .cds--col-sm--auto,.cds--row--narrow .cds--col-sm,.cds--row--narrow .cds--col-sm--auto{padding-left:1rem;padding-right:0}.cds--col,.cds--col-sm{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-sm--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-sm-0{display:none}.cds--col-sm-1{display:block;max-width:25%;flex:0 0 25%}.cds--col-sm-2{display:block;max-width:50%;flex:0 0 50%}.cds--col-sm-3{display:block;max-width:75%;flex:0 0 75%}.cds--col-sm-4{display:block;max-width:100%;flex:0 0 100%}.cds--offset-sm-0{margin-right:0}.cds--offset-sm-1{margin-right:25%}.cds--offset-sm-2{margin-right:50%}.cds--offset-sm-3{margin-right:75%}.cds--col-md-0{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-0,.cds--row--condensed .cds--col-md-0{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-0,.cds--row--narrow .cds--col-md-0{padding-left:1rem;padding-right:0}.cds--col-md-1{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-1,.cds--row--condensed .cds--col-md-1{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-1,.cds--row--narrow .cds--col-md-1{padding-left:1rem;padding-right:0}.cds--col-md-2{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-2,.cds--row--condensed .cds--col-md-2{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-2,.cds--row--narrow .cds--col-md-2{padding-left:1rem;padding-right:0}.cds--col-md-3{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-3,.cds--row--condensed .cds--col-md-3{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-3,.cds--row--narrow .cds--col-md-3{padding-left:1rem;padding-right:0}.cds--col-md-4{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-4,.cds--row--condensed .cds--col-md-4{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-4,.cds--row--narrow .cds--col-md-4{padding-left:1rem;padding-right:0}.cds--col-md-5{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-5,.cds--row--condensed .cds--col-md-5{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-5,.cds--row--narrow .cds--col-md-5{padding-left:1rem;padding-right:0}.cds--col-md-6{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-6,.cds--row--condensed .cds--col-md-6{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-6,.cds--row--narrow .cds--col-md-6{padding-left:1rem;padding-right:0}.cds--col-md-7{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-7,.cds--row--condensed .cds--col-md-7{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-7,.cds--row--narrow .cds--col-md-7{padding-left:1rem;padding-right:0}.cds--col-md-8{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md-8,.cds--row--condensed .cds--col-md-8{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md-8,.cds--row--narrow .cds--col-md-8{padding-left:1rem;padding-right:0}.cds--col-md,.cds--col-md--auto{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-md,.cds--grid--condensed .cds--col-md--auto,.cds--row--condensed .cds--col-md,.cds--row--condensed .cds--col-md--auto{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-md,.cds--grid--narrow .cds--col-md--auto,.cds--row--narrow .cds--col-md,.cds--row--narrow .cds--col-md--auto{padding-left:1rem;padding-right:0}@media (min-width:42rem){.cds--col,.cds--col-md{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-md--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-md-0{display:none}.cds--col-md-1{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-md-2{display:block;max-width:25%;flex:0 0 25%}.cds--col-md-3{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-md-4{display:block;max-width:50%;flex:0 0 50%}.cds--col-md-5{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-md-6{display:block;max-width:75%;flex:0 0 75%}.cds--col-md-7{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-md-8{display:block;max-width:100%;flex:0 0 100%}.cds--offset-md-0{margin-right:0}.cds--offset-md-1{margin-right:12.5%}.cds--offset-md-2{margin-right:25%}.cds--offset-md-3{margin-right:37.5%}.cds--offset-md-4{margin-right:50%}.cds--offset-md-5{margin-right:62.5%}.cds--offset-md-6{margin-right:75%}.cds--offset-md-7{margin-right:87.5%}}.cds--col-lg-0{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-0,.cds--row--condensed .cds--col-lg-0{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-0,.cds--row--narrow .cds--col-lg-0{padding-left:1rem;padding-right:0}.cds--col-lg-1{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-1,.cds--row--condensed .cds--col-lg-1{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-1,.cds--row--narrow .cds--col-lg-1{padding-left:1rem;padding-right:0}.cds--col-lg-2{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-2,.cds--row--condensed .cds--col-lg-2{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-2,.cds--row--narrow .cds--col-lg-2{padding-left:1rem;padding-right:0}.cds--col-lg-3{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-3,.cds--row--condensed .cds--col-lg-3{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-3,.cds--row--narrow .cds--col-lg-3{padding-left:1rem;padding-right:0}.cds--col-lg-4{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-4,.cds--row--condensed .cds--col-lg-4{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-4,.cds--row--narrow .cds--col-lg-4{padding-left:1rem;padding-right:0}.cds--col-lg-5{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-5,.cds--row--condensed .cds--col-lg-5{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-5,.cds--row--narrow .cds--col-lg-5{padding-left:1rem;padding-right:0}.cds--col-lg-6{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-6,.cds--row--condensed .cds--col-lg-6{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-6,.cds--row--narrow .cds--col-lg-6{padding-left:1rem;padding-right:0}.cds--col-lg-7{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-7,.cds--row--condensed .cds--col-lg-7{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-7,.cds--row--narrow .cds--col-lg-7{padding-left:1rem;padding-right:0}.cds--col-lg-8{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-8,.cds--row--condensed .cds--col-lg-8{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-8,.cds--row--narrow .cds--col-lg-8{padding-left:1rem;padding-right:0}.cds--col-lg-9{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-9,.cds--row--condensed .cds--col-lg-9{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-9,.cds--row--narrow .cds--col-lg-9{padding-left:1rem;padding-right:0}.cds--col-lg-10{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-10,.cds--row--condensed .cds--col-lg-10{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-10,.cds--row--narrow .cds--col-lg-10{padding-left:1rem;padding-right:0}.cds--col-lg-11{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-11,.cds--row--condensed .cds--col-lg-11{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-11,.cds--row--narrow .cds--col-lg-11{padding-left:1rem;padding-right:0}.cds--col-lg-12{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-12,.cds--row--condensed .cds--col-lg-12{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-12,.cds--row--narrow .cds--col-lg-12{padding-left:1rem;padding-right:0}.cds--col-lg-13{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-13,.cds--row--condensed .cds--col-lg-13{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-13,.cds--row--narrow .cds--col-lg-13{padding-left:1rem;padding-right:0}.cds--col-lg-14{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-14,.cds--row--condensed .cds--col-lg-14{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-14,.cds--row--narrow .cds--col-lg-14{padding-left:1rem;padding-right:0}.cds--col-lg-15{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-15,.cds--row--condensed .cds--col-lg-15{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-15,.cds--row--narrow .cds--col-lg-15{padding-left:1rem;padding-right:0}.cds--col-lg-16{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg-16,.cds--row--condensed .cds--col-lg-16{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg-16,.cds--row--narrow .cds--col-lg-16{padding-left:1rem;padding-right:0}.cds--col-lg,.cds--col-lg--auto{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-lg,.cds--grid--condensed .cds--col-lg--auto,.cds--row--condensed .cds--col-lg,.cds--row--condensed .cds--col-lg--auto{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-lg,.cds--grid--narrow .cds--col-lg--auto,.cds--row--narrow .cds--col-lg,.cds--row--narrow .cds--col-lg--auto{padding-left:1rem;padding-right:0}@media (min-width:66rem){.cds--col,.cds--col-lg{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-lg--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-lg-0{display:none}.cds--col-lg-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-lg-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-lg-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-lg-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-lg-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-lg-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-lg-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-lg-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-lg-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-lg-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-lg-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-lg-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-lg-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-lg-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-lg-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-lg-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-lg-0{margin-right:0}.cds--offset-lg-1{margin-right:6.25%}.cds--offset-lg-2{margin-right:12.5%}.cds--offset-lg-3{margin-right:18.75%}.cds--offset-lg-4{margin-right:25%}.cds--offset-lg-5{margin-right:31.25%}.cds--offset-lg-6{margin-right:37.5%}.cds--offset-lg-7{margin-right:43.75%}.cds--offset-lg-8{margin-right:50%}.cds--offset-lg-9{margin-right:56.25%}.cds--offset-lg-10{margin-right:62.5%}.cds--offset-lg-11{margin-right:68.75%}.cds--offset-lg-12{margin-right:75%}.cds--offset-lg-13{margin-right:81.25%}.cds--offset-lg-14{margin-right:87.5%}.cds--offset-lg-15{margin-right:93.75%}}.cds--col-xlg-0{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-0,.cds--row--condensed .cds--col-xlg-0{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-0,.cds--row--narrow .cds--col-xlg-0{padding-left:1rem;padding-right:0}.cds--col-xlg-1{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-1,.cds--row--condensed .cds--col-xlg-1{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-1,.cds--row--narrow .cds--col-xlg-1{padding-left:1rem;padding-right:0}.cds--col-xlg-2{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-2,.cds--row--condensed .cds--col-xlg-2{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-2,.cds--row--narrow .cds--col-xlg-2{padding-left:1rem;padding-right:0}.cds--col-xlg-3{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-3,.cds--row--condensed .cds--col-xlg-3{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-3,.cds--row--narrow .cds--col-xlg-3{padding-left:1rem;padding-right:0}.cds--col-xlg-4{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-4,.cds--row--condensed .cds--col-xlg-4{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-4,.cds--row--narrow .cds--col-xlg-4{padding-left:1rem;padding-right:0}.cds--col-xlg-5{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-5,.cds--row--condensed .cds--col-xlg-5{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-5,.cds--row--narrow .cds--col-xlg-5{padding-left:1rem;padding-right:0}.cds--col-xlg-6{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-6,.cds--row--condensed .cds--col-xlg-6{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-6,.cds--row--narrow .cds--col-xlg-6{padding-left:1rem;padding-right:0}.cds--col-xlg-7{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-7,.cds--row--condensed .cds--col-xlg-7{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-7,.cds--row--narrow .cds--col-xlg-7{padding-left:1rem;padding-right:0}.cds--col-xlg-8{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-8,.cds--row--condensed .cds--col-xlg-8{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-8,.cds--row--narrow .cds--col-xlg-8{padding-left:1rem;padding-right:0}.cds--col-xlg-9{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-9,.cds--row--condensed .cds--col-xlg-9{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-9,.cds--row--narrow .cds--col-xlg-9{padding-left:1rem;padding-right:0}.cds--col-xlg-10{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-10,.cds--row--condensed .cds--col-xlg-10{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-10,.cds--row--narrow .cds--col-xlg-10{padding-left:1rem;padding-right:0}.cds--col-xlg-11{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-11,.cds--row--condensed .cds--col-xlg-11{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-11,.cds--row--narrow .cds--col-xlg-11{padding-left:1rem;padding-right:0}.cds--col-xlg-12{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-12,.cds--row--condensed .cds--col-xlg-12{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-12,.cds--row--narrow .cds--col-xlg-12{padding-left:1rem;padding-right:0}.cds--col-xlg-13{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-13,.cds--row--condensed .cds--col-xlg-13{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-13,.cds--row--narrow .cds--col-xlg-13{padding-left:1rem;padding-right:0}.cds--col-xlg-14{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-14,.cds--row--condensed .cds--col-xlg-14{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-14,.cds--row--narrow .cds--col-xlg-14{padding-left:1rem;padding-right:0}.cds--col-xlg-15{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-15,.cds--row--condensed .cds--col-xlg-15{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-15,.cds--row--narrow .cds--col-xlg-15{padding-left:1rem;padding-right:0}.cds--col-xlg-16{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg-16,.cds--row--condensed .cds--col-xlg-16{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg-16,.cds--row--narrow .cds--col-xlg-16{padding-left:1rem;padding-right:0}.cds--col-xlg,.cds--col-xlg--auto{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-xlg,.cds--grid--condensed .cds--col-xlg--auto,.cds--row--condensed .cds--col-xlg,.cds--row--condensed .cds--col-xlg--auto{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-xlg,.cds--grid--narrow .cds--col-xlg--auto,.cds--row--narrow .cds--col-xlg,.cds--row--narrow .cds--col-xlg--auto{padding-left:1rem;padding-right:0}@media (min-width:82rem){.cds--col,.cds--col-xlg{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-xlg--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-xlg-0{display:none}.cds--col-xlg-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-xlg-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-xlg-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-xlg-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-xlg-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-xlg-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-xlg-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-xlg-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-xlg-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-xlg-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-xlg-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-xlg-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-xlg-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-xlg-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-xlg-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-xlg-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-xlg-0{margin-right:0}.cds--offset-xlg-1{margin-right:6.25%}.cds--offset-xlg-2{margin-right:12.5%}.cds--offset-xlg-3{margin-right:18.75%}.cds--offset-xlg-4{margin-right:25%}.cds--offset-xlg-5{margin-right:31.25%}.cds--offset-xlg-6{margin-right:37.5%}.cds--offset-xlg-7{margin-right:43.75%}.cds--offset-xlg-8{margin-right:50%}.cds--offset-xlg-9{margin-right:56.25%}.cds--offset-xlg-10{margin-right:62.5%}.cds--offset-xlg-11{margin-right:68.75%}.cds--offset-xlg-12{margin-right:75%}.cds--offset-xlg-13{margin-right:81.25%}.cds--offset-xlg-14{margin-right:87.5%}.cds--offset-xlg-15{margin-right:93.75%}}.cds--col-max-0{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-0,.cds--row--condensed .cds--col-max-0{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-0,.cds--row--narrow .cds--col-max-0{padding-left:1rem;padding-right:0}.cds--col-max-1{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-1,.cds--row--condensed .cds--col-max-1{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-1,.cds--row--narrow .cds--col-max-1{padding-left:1rem;padding-right:0}.cds--col-max-2{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-2,.cds--row--condensed .cds--col-max-2{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-2,.cds--row--narrow .cds--col-max-2{padding-left:1rem;padding-right:0}.cds--col-max-3{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-3,.cds--row--condensed .cds--col-max-3{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-3,.cds--row--narrow .cds--col-max-3{padding-left:1rem;padding-right:0}.cds--col-max-4{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-4,.cds--row--condensed .cds--col-max-4{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-4,.cds--row--narrow .cds--col-max-4{padding-left:1rem;padding-right:0}.cds--col-max-5{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-5,.cds--row--condensed .cds--col-max-5{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-5,.cds--row--narrow .cds--col-max-5{padding-left:1rem;padding-right:0}.cds--col-max-6{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-6,.cds--row--condensed .cds--col-max-6{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-6,.cds--row--narrow .cds--col-max-6{padding-left:1rem;padding-right:0}.cds--col-max-7{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-7,.cds--row--condensed .cds--col-max-7{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-7,.cds--row--narrow .cds--col-max-7{padding-left:1rem;padding-right:0}.cds--col-max-8{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-8,.cds--row--condensed .cds--col-max-8{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-8,.cds--row--narrow .cds--col-max-8{padding-left:1rem;padding-right:0}.cds--col-max-9{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-9,.cds--row--condensed .cds--col-max-9{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-9,.cds--row--narrow .cds--col-max-9{padding-left:1rem;padding-right:0}.cds--col-max-10{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-10,.cds--row--condensed .cds--col-max-10{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-10,.cds--row--narrow .cds--col-max-10{padding-left:1rem;padding-right:0}.cds--col-max-11{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-11,.cds--row--condensed .cds--col-max-11{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-11,.cds--row--narrow .cds--col-max-11{padding-left:1rem;padding-right:0}.cds--col-max-12{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-12,.cds--row--condensed .cds--col-max-12{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-12,.cds--row--narrow .cds--col-max-12{padding-left:1rem;padding-right:0}.cds--col-max-13{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-13,.cds--row--condensed .cds--col-max-13{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-13,.cds--row--narrow .cds--col-max-13{padding-left:1rem;padding-right:0}.cds--col-max-14{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-14,.cds--row--condensed .cds--col-max-14{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-14,.cds--row--narrow .cds--col-max-14{padding-left:1rem;padding-right:0}.cds--col-max-15{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-15,.cds--row--condensed .cds--col-max-15{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-15,.cds--row--narrow .cds--col-max-15{padding-left:1rem;padding-right:0}.cds--col-max-16{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max-16,.cds--row--condensed .cds--col-max-16{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max-16,.cds--row--narrow .cds--col-max-16{padding-left:1rem;padding-right:0}.cds--col-max,.cds--col-max--auto{width:100%;padding-left:1rem;padding-right:1rem}.cds--grid--condensed .cds--col-max,.cds--grid--condensed .cds--col-max--auto,.cds--row--condensed .cds--col-max,.cds--row--condensed .cds--col-max--auto{padding-left:.03125rem;padding-right:.03125rem}.cds--grid--narrow .cds--col-max,.cds--grid--narrow .cds--col-max--auto,.cds--row--narrow .cds--col-max,.cds--row--narrow .cds--col-max--auto{padding-left:1rem;padding-right:0}@media (min-width:99rem){.cds--col,.cds--col-max{max-width:100%;flex-basis:0;flex-grow:1}.cds--col--auto,.cds--col-max--auto{width:auto;max-width:100%;flex:1 0 0%}.cds--col-max-0{display:none}.cds--col-max-1{display:block;max-width:6.25%;flex:0 0 6.25%}.cds--col-max-2{display:block;max-width:12.5%;flex:0 0 12.5%}.cds--col-max-3{display:block;max-width:18.75%;flex:0 0 18.75%}.cds--col-max-4{display:block;max-width:25%;flex:0 0 25%}.cds--col-max-5{display:block;max-width:31.25%;flex:0 0 31.25%}.cds--col-max-6{display:block;max-width:37.5%;flex:0 0 37.5%}.cds--col-max-7{display:block;max-width:43.75%;flex:0 0 43.75%}.cds--col-max-8{display:block;max-width:50%;flex:0 0 50%}.cds--col-max-9{display:block;max-width:56.25%;flex:0 0 56.25%}.cds--col-max-10{display:block;max-width:62.5%;flex:0 0 62.5%}.cds--col-max-11{display:block;max-width:68.75%;flex:0 0 68.75%}.cds--col-max-12{display:block;max-width:75%;flex:0 0 75%}.cds--col-max-13{display:block;max-width:81.25%;flex:0 0 81.25%}.cds--col-max-14{display:block;max-width:87.5%;flex:0 0 87.5%}.cds--col-max-15{display:block;max-width:93.75%;flex:0 0 93.75%}.cds--col-max-16{display:block;max-width:100%;flex:0 0 100%}.cds--offset-max-0{margin-right:0}.cds--offset-max-1{margin-right:6.25%}.cds--offset-max-2{margin-right:12.5%}.cds--offset-max-3{margin-right:18.75%}.cds--offset-max-4{margin-right:25%}.cds--offset-max-5{margin-right:31.25%}.cds--offset-max-6{margin-right:37.5%}.cds--offset-max-7{margin-right:43.75%}.cds--offset-max-8{margin-right:50%}.cds--offset-max-9{margin-right:56.25%}.cds--offset-max-10{margin-right:62.5%}.cds--offset-max-11{margin-right:68.75%}.cds--offset-max-12{margin-right:75%}.cds--offset-max-13{margin-right:81.25%}.cds--offset-max-14{margin-right:87.5%}.cds--offset-max-15{margin-right:93.75%}}.cds--no-gutter,.cds--row.cds--no-gutter [class*=cds--col]{padding-left:0;padding-right:0}.cds--no-gutter--start,.cds--row.cds--no-gutter--start [class*=cds--col]{padding-right:0}.cds--no-gutter--end,.cds--row.cds--no-gutter--end [class*=cds--col]{padding-left:0}.cds--hang--start{padding-right:1rem}.cds--hang--end{padding-left:1rem}',
+]);

package/es/globals/scss/themes.css.js ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  ".cds-theme-zone-white,:host(.cds-theme-zone-white){--cds-background:#ffffff;--cds-background-active:rgba(141, 141, 141, 0.5);--cds-background-brand:#0f62fe;--cds-background-hover:rgba(141, 141, 141, 0.12);--cds-background-inverse:#393939;--cds-background-inverse-hover:#474747;--cds-background-selected:rgba(141, 141, 141, 0.2);--cds-background-selected-hover:rgba(141, 141, 141, 0.32);--cds-border-disabled:#c6c6c6;--cds-border-interactive:#0f62fe;--cds-border-inverse:#161616;--cds-border-strong-01:#8d8d8d;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#8d8d8d;--cds-border-subtle-00:#e0e0e0;--cds-border-subtle-01:#c6c6c6;--cds-border-subtle-02:#e0e0e0;--cds-border-subtle-03:#c6c6c6;--cds-border-subtle-selected-01:#c6c6c6;--cds-border-subtle-selected-02:#c6c6c6;--cds-border-subtle-selected-03:#c6c6c6;--cds-border-tile-01:#c6c6c6;--cds-border-tile-02:#a8a8a8;--cds-border-tile-03:#c6c6c6;--cds-field-01:#f4f4f4;--cds-field-02:#ffffff;--cds-field-03:#f4f4f4;--cds-field-hover-01:#e8e8e8;--cds-field-hover-02:#e8e8e8;--cds-field-hover-03:#e8e8e8;--cds-focus:#0f62fe;--cds-focus-inset:#ffffff;--cds-focus-inverse:#ffffff;--cds-highlight:#d0e2ff;--cds-icon-disabled:rgba(22, 22, 22, 0.25);--cds-icon-interactive:#0f62fe;--cds-icon-inverse:#ffffff;--cds-icon-on-color:#ffffff;--cds-icon-on-color-disabled:#8d8d8d;--cds-icon-primary:#161616;--cds-icon-secondary:#525252;--cds-interactive:#0f62fe;--cds-layer-01:#f4f4f4;--cds-layer-02:#ffffff;--cds-layer-03:#f4f4f4;--cds-layer-accent-01:#e0e0e0;--cds-layer-accent-02:#e0e0e0;--cds-layer-accent-03:#e0e0e0;--cds-layer-accent-active-01:#a8a8a8;--cds-layer-accent-active-02:#a8a8a8;--cds-layer-accent-active-03:#a8a8a8;--cds-layer-accent-hover-01:#d1d1d1;--cds-layer-accent-hover-02:#d1d1d1;--cds-layer-accent-hover-03:#d1d1d1;--cds-layer-active-01:#c6c6c6;--cds-layer-active-02:#c6c6c6;--cds-layer-active-03:#c6c6c6;--cds-layer-hover-01:#e8e8e8;--cds-layer-hover-02:#e8e8e8;--cds-layer-hover-03:#e8e8e8;--cds-layer-selected-01:#e0e0e0;--cds-layer-selected-02:#e0e0e0;--cds-layer-selected-03:#e0e0e0;--cds-layer-selected-disabled:#8d8d8d;--cds-layer-selected-hover-01:#d1d1d1;--cds-layer-selected-hover-02:#d1d1d1;--cds-layer-selected-hover-03:#d1d1d1;--cds-layer-selected-inverse:#161616;--cds-link-inverse:#78a9ff;--cds-link-inverse-active:#f4f4f4;--cds-link-inverse-hover:#a6c8ff;--cds-link-primary:#0f62fe;--cds-link-primary-hover:#0043ce;--cds-link-secondary:#0043ce;--cds-link-visited:#8a3ffc;--cds-overlay:rgba(22, 22, 22, 0.5);--cds-shadow:rgba(0, 0, 0, 0.3);--cds-skeleton-background:#e8e8e8;--cds-skeleton-element:#c6c6c6;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#8a3ffc;--cds-support-error:#da1e28;--cds-support-error-inverse:#fa4d56;--cds-support-info:#0043ce;--cds-support-info-inverse:#4589ff;--cds-support-success:#24a148;--cds-support-success-inverse:#42be65;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-text-disabled:rgba(22, 22, 22, 0.25);--cds-text-error:#da1e28;--cds-text-helper:#6f6f6f;--cds-text-inverse:#ffffff;--cds-text-on-color:#ffffff;--cds-text-on-color-disabled:#8d8d8d;--cds-text-placeholder:rgba(22, 22, 22, 0.4);--cds-text-primary:#161616;--cds-text-secondary:#525252;--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:#e0e0e0;--cds-button-primary:#0f62fe;--cds-button-secondary:#393939;--cds-button-tertiary:#0f62fe;--cds-button-danger-primary:#da1e28;--cds-button-danger-secondary:#da1e28;--cds-button-danger-active:#750e13;--cds-button-primary-active:#002d9c;--cds-button-secondary-active:#6f6f6f;--cds-button-tertiary-active:#002d9c;--cds-button-danger-hover:#b81921;--cds-button-primary-hover:#0050e6;--cds-button-secondary-hover:#474747;--cds-button-tertiary-hover:#0050e6;--cds-button-disabled:#c6c6c6;--cds-tag-background-red:#ffd7d9;--cds-tag-color-red:#750e13;--cds-tag-hover-red:#ffb3b8;--cds-tag-background-magenta:#ffd6e8;--cds-tag-color-magenta:#740937;--cds-tag-hover-magenta:#ffafd2;--cds-tag-background-purple:#e8daff;--cds-tag-color-purple:#491d8b;--cds-tag-hover-purple:#d4bbff;--cds-tag-background-blue:#d0e2ff;--cds-tag-color-blue:#002d9c;--cds-tag-hover-blue:#a6c8ff;--cds-tag-background-cyan:#bae6ff;--cds-tag-color-cyan:#003a6d;--cds-tag-hover-cyan:#82cfff;--cds-tag-background-teal:#9ef0f0;--cds-tag-color-teal:#004144;--cds-tag-hover-teal:#3ddbd9;--cds-tag-background-green:#a7f0ba;--cds-tag-color-green:#044317;--cds-tag-hover-green:#6fdc8c;--cds-tag-background-gray:#e0e0e0;--cds-tag-color-gray:#393939;--cds-tag-hover-gray:#c6c6c6;--cds-tag-background-cool-gray:#dde1e6;--cds-tag-color-cool-gray:#343a3f;--cds-tag-hover-cool-gray:#c1c7cd;--cds-tag-background-warm-gray:#e5e0df;--cds-tag-color-warm-gray:#3c3838;--cds-tag-hover-warm-gray:#cac5c4;--cds-notification-background-error:#fff1f1;--cds-notification-background-success:#defbe6;--cds-notification-background-info:#edf5ff;--cds-notification-background-warning:#fdf6dd;--cds-notification-action-hover:#edf5ff;--cds-notification-action-tertiary-inverse:#ffffff;--cds-notification-action-tertiary-inverse-active:#c6c6c6;--cds-notification-action-tertiary-inverse-hover:#f4f4f4;--cds-notification-action-tertiary-inverse-text:#161616;--cds-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);--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)}.cds-theme-zone-g10,:host(.cds-theme-zone-g10){--cds-background:#f4f4f4;--cds-background-active:rgba(141, 141, 141, 0.5);--cds-background-brand:#0f62fe;--cds-background-hover:rgba(141, 141, 141, 0.12);--cds-background-inverse:#393939;--cds-background-inverse-hover:#474747;--cds-background-selected:rgba(141, 141, 141, 0.2);--cds-background-selected-hover:rgba(141, 141, 141, 0.32);--cds-border-disabled:#c6c6c6;--cds-border-interactive:#0f62fe;--cds-border-inverse:#161616;--cds-border-strong-01:#8d8d8d;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#8d8d8d;--cds-border-subtle-00:#c6c6c6;--cds-border-subtle-01:#e0e0e0;--cds-border-subtle-02:#c6c6c6;--cds-border-subtle-03:#e0e0e0;--cds-border-subtle-selected-01:#c6c6c6;--cds-border-subtle-selected-02:#c6c6c6;--cds-border-subtle-selected-03:#c6c6c6;--cds-border-tile-01:#a8a8a8;--cds-border-tile-02:#c6c6c6;--cds-border-tile-03:#a8a8a8;--cds-field-01:#ffffff;--cds-field-02:#f4f4f4;--cds-field-03:#ffffff;--cds-field-hover-01:#e8e8e8;--cds-field-hover-02:#e8e8e8;--cds-field-hover-03:#e8e8e8;--cds-focus:#0f62fe;--cds-focus-inset:#ffffff;--cds-focus-inverse:#ffffff;--cds-highlight:#d0e2ff;--cds-icon-disabled:rgba(22, 22, 22, 0.25);--cds-icon-interactive:#0f62fe;--cds-icon-inverse:#ffffff;--cds-icon-on-color:#ffffff;--cds-icon-on-color-disabled:#8d8d8d;--cds-icon-primary:#161616;--cds-icon-secondary:#525252;--cds-interactive:#0f62fe;--cds-layer-01:#ffffff;--cds-layer-02:#f4f4f4;--cds-layer-03:#ffffff;--cds-layer-accent-01:#e0e0e0;--cds-layer-accent-02:#e0e0e0;--cds-layer-accent-03:#e0e0e0;--cds-layer-accent-active-01:#a8a8a8;--cds-layer-accent-active-02:#a8a8a8;--cds-layer-accent-active-03:#a8a8a8;--cds-layer-accent-hover-01:#d1d1d1;--cds-layer-accent-hover-02:#d1d1d1;--cds-layer-accent-hover-03:#d1d1d1;--cds-layer-active-01:#c6c6c6;--cds-layer-active-02:#c6c6c6;--cds-layer-active-03:#c6c6c6;--cds-layer-hover-01:#e8e8e8;--cds-layer-hover-02:#e8e8e8;--cds-layer-hover-03:#e8e8e8;--cds-layer-selected-01:#e0e0e0;--cds-layer-selected-02:#e0e0e0;--cds-layer-selected-03:#e0e0e0;--cds-layer-selected-disabled:#8d8d8d;--cds-layer-selected-hover-01:#d1d1d1;--cds-layer-selected-hover-02:#d1d1d1;--cds-layer-selected-hover-03:#d1d1d1;--cds-layer-selected-inverse:#161616;--cds-link-inverse:#78a9ff;--cds-link-inverse-active:#f4f4f4;--cds-link-inverse-hover:#a6c8ff;--cds-link-primary:#0f62fe;--cds-link-primary-hover:#0043ce;--cds-link-secondary:#0043ce;--cds-link-visited:#8a3ffc;--cds-overlay:rgba(22, 22, 22, 0.5);--cds-shadow:rgba(0, 0, 0, 0.3);--cds-skeleton-background:#e8e8e8;--cds-skeleton-element:#c6c6c6;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#8a3ffc;--cds-support-error:#da1e28;--cds-support-error-inverse:#fa4d56;--cds-support-info:#0043ce;--cds-support-info-inverse:#4589ff;--cds-support-success:#24a148;--cds-support-success-inverse:#42be65;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-text-disabled:rgba(22, 22, 22, 0.25);--cds-text-error:#da1e28;--cds-text-helper:#6f6f6f;--cds-text-inverse:#ffffff;--cds-text-on-color:#ffffff;--cds-text-on-color-disabled:#8d8d8d;--cds-text-placeholder:rgba(22, 22, 22, 0.4);--cds-text-primary:#161616;--cds-text-secondary:#525252;--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:#e0e0e0;--cds-button-primary:#0f62fe;--cds-button-secondary:#393939;--cds-button-tertiary:#0f62fe;--cds-button-danger-primary:#da1e28;--cds-button-danger-secondary:#da1e28;--cds-button-danger-active:#750e13;--cds-button-primary-active:#002d9c;--cds-button-secondary-active:#6f6f6f;--cds-button-tertiary-active:#002d9c;--cds-button-danger-hover:#b81921;--cds-button-primary-hover:#0050e6;--cds-button-secondary-hover:#474747;--cds-button-tertiary-hover:#0050e6;--cds-button-disabled:#c6c6c6;--cds-tag-background-red:#ffd7d9;--cds-tag-color-red:#750e13;--cds-tag-hover-red:#ffb3b8;--cds-tag-background-magenta:#ffd6e8;--cds-tag-color-magenta:#740937;--cds-tag-hover-magenta:#ffafd2;--cds-tag-background-purple:#e8daff;--cds-tag-color-purple:#491d8b;--cds-tag-hover-purple:#d4bbff;--cds-tag-background-blue:#d0e2ff;--cds-tag-color-blue:#002d9c;--cds-tag-hover-blue:#a6c8ff;--cds-tag-background-cyan:#bae6ff;--cds-tag-color-cyan:#003a6d;--cds-tag-hover-cyan:#82cfff;--cds-tag-background-teal:#9ef0f0;--cds-tag-color-teal:#004144;--cds-tag-hover-teal:#3ddbd9;--cds-tag-background-green:#a7f0ba;--cds-tag-color-green:#044317;--cds-tag-hover-green:#6fdc8c;--cds-tag-background-gray:#e0e0e0;--cds-tag-color-gray:#393939;--cds-tag-hover-gray:#c6c6c6;--cds-tag-background-cool-gray:#dde1e6;--cds-tag-color-cool-gray:#343a3f;--cds-tag-hover-cool-gray:#c1c7cd;--cds-tag-background-warm-gray:#e5e0df;--cds-tag-color-warm-gray:#3c3838;--cds-tag-hover-warm-gray:#cac5c4;--cds-notification-background-error:#fff1f1;--cds-notification-background-success:#defbe6;--cds-notification-background-info:#edf5ff;--cds-notification-background-warning:#fdf6dd;--cds-notification-action-hover:#edf5ff;--cds-notification-action-tertiary-inverse:#ffffff;--cds-notification-action-tertiary-inverse-active:#c6c6c6;--cds-notification-action-tertiary-inverse-hover:#f4f4f4;--cds-notification-action-tertiary-inverse-text:#161616;--cds-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);--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)}.cds-theme-zone-g90,:host(.cds-theme-zone-g90){--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-tag-background-red:#a2191f;--cds-tag-color-red:#ffd7d9;--cds-tag-hover-red:#c21e25;--cds-tag-background-magenta:#9f1853;--cds-tag-color-magenta:#ffd6e8;--cds-tag-hover-magenta:#bf1d63;--cds-tag-background-purple:#6929c4;--cds-tag-color-purple:#e8daff;--cds-tag-hover-purple:#7c3dd6;--cds-tag-background-blue:#0043ce;--cds-tag-color-blue:#d0e2ff;--cds-tag-hover-blue:#0053ff;--cds-tag-background-cyan:#00539a;--cds-tag-color-cyan:#bae6ff;--cds-tag-hover-cyan:#0066bd;--cds-tag-background-teal:#005d5d;--cds-tag-color-teal:#9ef0f0;--cds-tag-hover-teal:#007070;--cds-tag-background-green:#0e6027;--cds-tag-color-green:#a7f0ba;--cds-tag-hover-green:#11742f;--cds-tag-background-gray:#525252;--cds-tag-color-gray:#e0e0e0;--cds-tag-hover-gray:#636363;--cds-tag-background-cool-gray:#4d5358;--cds-tag-color-cool-gray:#dde1e6;--cds-tag-hover-cool-gray:#5d646a;--cds-tag-background-warm-gray:#565151;--cds-tag-color-warm-gray:#e5e0df;--cds-tag-hover-warm-gray:#696363;--cds-notification-background-error:#393939;--cds-notification-background-success:#393939;--cds-notification-background-info:#393939;--cds-notification-background-warning:#393939;--cds-notification-action-hover:var(--cds-layer-hover);--cds-notification-action-tertiary-inverse:#0f62fe;--cds-notification-action-tertiary-inverse-active:#002d9c;--cds-notification-action-tertiary-inverse-hover:#0050e6;--cds-notification-action-tertiary-inverse-text:#ffffff;--cds-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--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)}.cds-theme-zone-g100,:host(.cds-theme-zone-g100){--cds-background:#161616;--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:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#393939;--cds-border-subtle-02:#525252;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#525252;--cds-border-subtle-selected-02:#6f6f6f;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#ffffff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#002d9c;--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:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-hover-01:#333333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--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:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--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:#ff8389;--cds-text-helper:#a8a8a8;--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:#6f6f6f;--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:#fa4d56;--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-tag-background-red:#a2191f;--cds-tag-color-red:#ffd7d9;--cds-tag-hover-red:#c21e25;--cds-tag-background-magenta:#9f1853;--cds-tag-color-magenta:#ffd6e8;--cds-tag-hover-magenta:#bf1d63;--cds-tag-background-purple:#6929c4;--cds-tag-color-purple:#e8daff;--cds-tag-hover-purple:#7c3dd6;--cds-tag-background-blue:#0043ce;--cds-tag-color-blue:#d0e2ff;--cds-tag-hover-blue:#0053ff;--cds-tag-background-cyan:#00539a;--cds-tag-color-cyan:#bae6ff;--cds-tag-hover-cyan:#0066bd;--cds-tag-background-teal:#005d5d;--cds-tag-color-teal:#9ef0f0;--cds-tag-hover-teal:#007070;--cds-tag-background-green:#0e6027;--cds-tag-color-green:#a7f0ba;--cds-tag-hover-green:#11742f;--cds-tag-background-gray:#525252;--cds-tag-color-gray:#e0e0e0;--cds-tag-hover-gray:#636363;--cds-tag-background-cool-gray:#4d5358;--cds-tag-color-cool-gray:#dde1e6;--cds-tag-hover-cool-gray:#5d646a;--cds-tag-background-warm-gray:#565151;--cds-tag-color-warm-gray:#e5e0df;--cds-tag-hover-warm-gray:#696363;--cds-notification-background-error:#262626;--cds-notification-background-success:#262626;--cds-notification-background-info:#262626;--cds-notification-background-warning:#262626;--cds-notification-action-hover:var(--cds-layer-hover);--cds-notification-action-tertiary-inverse:#0f62fe;--cds-notification-action-tertiary-inverse-active:#002d9c;--cds-notification-action-tertiary-inverse-hover:#0050e6;--cds-notification-action-tertiary-inverse-text:#ffffff;--cds-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--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)}",
+]);

package/es/globals/scss/themes.rtl.css.js ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+export default css([
+  ".cds-theme-zone-white,:host(.cds-theme-zone-white){--cds-background:#ffffff;--cds-background-active:rgba(141, 141, 141, 0.5);--cds-background-brand:#0f62fe;--cds-background-hover:rgba(141, 141, 141, 0.12);--cds-background-inverse:#393939;--cds-background-inverse-hover:#474747;--cds-background-selected:rgba(141, 141, 141, 0.2);--cds-background-selected-hover:rgba(141, 141, 141, 0.32);--cds-border-disabled:#c6c6c6;--cds-border-interactive:#0f62fe;--cds-border-inverse:#161616;--cds-border-strong-01:#8d8d8d;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#8d8d8d;--cds-border-subtle-00:#e0e0e0;--cds-border-subtle-01:#c6c6c6;--cds-border-subtle-02:#e0e0e0;--cds-border-subtle-03:#c6c6c6;--cds-border-subtle-selected-01:#c6c6c6;--cds-border-subtle-selected-02:#c6c6c6;--cds-border-subtle-selected-03:#c6c6c6;--cds-border-tile-01:#c6c6c6;--cds-border-tile-02:#a8a8a8;--cds-border-tile-03:#c6c6c6;--cds-field-01:#f4f4f4;--cds-field-02:#ffffff;--cds-field-03:#f4f4f4;--cds-field-hover-01:#e8e8e8;--cds-field-hover-02:#e8e8e8;--cds-field-hover-03:#e8e8e8;--cds-focus:#0f62fe;--cds-focus-inset:#ffffff;--cds-focus-inverse:#ffffff;--cds-highlight:#d0e2ff;--cds-icon-disabled:rgba(22, 22, 22, 0.25);--cds-icon-interactive:#0f62fe;--cds-icon-inverse:#ffffff;--cds-icon-on-color:#ffffff;--cds-icon-on-color-disabled:#8d8d8d;--cds-icon-primary:#161616;--cds-icon-secondary:#525252;--cds-interactive:#0f62fe;--cds-layer-01:#f4f4f4;--cds-layer-02:#ffffff;--cds-layer-03:#f4f4f4;--cds-layer-accent-01:#e0e0e0;--cds-layer-accent-02:#e0e0e0;--cds-layer-accent-03:#e0e0e0;--cds-layer-accent-active-01:#a8a8a8;--cds-layer-accent-active-02:#a8a8a8;--cds-layer-accent-active-03:#a8a8a8;--cds-layer-accent-hover-01:#d1d1d1;--cds-layer-accent-hover-02:#d1d1d1;--cds-layer-accent-hover-03:#d1d1d1;--cds-layer-active-01:#c6c6c6;--cds-layer-active-02:#c6c6c6;--cds-layer-active-03:#c6c6c6;--cds-layer-hover-01:#e8e8e8;--cds-layer-hover-02:#e8e8e8;--cds-layer-hover-03:#e8e8e8;--cds-layer-selected-01:#e0e0e0;--cds-layer-selected-02:#e0e0e0;--cds-layer-selected-03:#e0e0e0;--cds-layer-selected-disabled:#8d8d8d;--cds-layer-selected-hover-01:#d1d1d1;--cds-layer-selected-hover-02:#d1d1d1;--cds-layer-selected-hover-03:#d1d1d1;--cds-layer-selected-inverse:#161616;--cds-link-inverse:#78a9ff;--cds-link-inverse-active:#f4f4f4;--cds-link-inverse-hover:#a6c8ff;--cds-link-primary:#0f62fe;--cds-link-primary-hover:#0043ce;--cds-link-secondary:#0043ce;--cds-link-visited:#8a3ffc;--cds-overlay:rgba(22, 22, 22, 0.5);--cds-shadow:rgba(0, 0, 0, 0.3);--cds-skeleton-background:#e8e8e8;--cds-skeleton-element:#c6c6c6;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#8a3ffc;--cds-support-error:#da1e28;--cds-support-error-inverse:#fa4d56;--cds-support-info:#0043ce;--cds-support-info-inverse:#4589ff;--cds-support-success:#24a148;--cds-support-success-inverse:#42be65;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-text-disabled:rgba(22, 22, 22, 0.25);--cds-text-error:#da1e28;--cds-text-helper:#6f6f6f;--cds-text-inverse:#ffffff;--cds-text-on-color:#ffffff;--cds-text-on-color-disabled:#8d8d8d;--cds-text-placeholder:rgba(22, 22, 22, 0.4);--cds-text-primary:#161616;--cds-text-secondary:#525252;--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:#e0e0e0;--cds-button-primary:#0f62fe;--cds-button-secondary:#393939;--cds-button-tertiary:#0f62fe;--cds-button-danger-primary:#da1e28;--cds-button-danger-secondary:#da1e28;--cds-button-danger-active:#750e13;--cds-button-primary-active:#002d9c;--cds-button-secondary-active:#6f6f6f;--cds-button-tertiary-active:#002d9c;--cds-button-danger-hover:#b81921;--cds-button-primary-hover:#0050e6;--cds-button-secondary-hover:#474747;--cds-button-tertiary-hover:#0050e6;--cds-button-disabled:#c6c6c6;--cds-tag-background-red:#ffd7d9;--cds-tag-color-red:#750e13;--cds-tag-hover-red:#ffb3b8;--cds-tag-background-magenta:#ffd6e8;--cds-tag-color-magenta:#740937;--cds-tag-hover-magenta:#ffafd2;--cds-tag-background-purple:#e8daff;--cds-tag-color-purple:#491d8b;--cds-tag-hover-purple:#d4bbff;--cds-tag-background-blue:#d0e2ff;--cds-tag-color-blue:#002d9c;--cds-tag-hover-blue:#a6c8ff;--cds-tag-background-cyan:#bae6ff;--cds-tag-color-cyan:#003a6d;--cds-tag-hover-cyan:#82cfff;--cds-tag-background-teal:#9ef0f0;--cds-tag-color-teal:#004144;--cds-tag-hover-teal:#3ddbd9;--cds-tag-background-green:#a7f0ba;--cds-tag-color-green:#044317;--cds-tag-hover-green:#6fdc8c;--cds-tag-background-gray:#e0e0e0;--cds-tag-color-gray:#393939;--cds-tag-hover-gray:#c6c6c6;--cds-tag-background-cool-gray:#dde1e6;--cds-tag-color-cool-gray:#343a3f;--cds-tag-hover-cool-gray:#c1c7cd;--cds-tag-background-warm-gray:#e5e0df;--cds-tag-color-warm-gray:#3c3838;--cds-tag-hover-warm-gray:#cac5c4;--cds-notification-background-error:#fff1f1;--cds-notification-background-success:#defbe6;--cds-notification-background-info:#edf5ff;--cds-notification-background-warning:#fdf6dd;--cds-notification-action-hover:#edf5ff;--cds-notification-action-tertiary-inverse:#ffffff;--cds-notification-action-tertiary-inverse-active:#c6c6c6;--cds-notification-action-tertiary-inverse-hover:#f4f4f4;--cds-notification-action-tertiary-inverse-text:#161616;--cds-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);--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)}.cds-theme-zone-g10,:host(.cds-theme-zone-g10){--cds-background:#f4f4f4;--cds-background-active:rgba(141, 141, 141, 0.5);--cds-background-brand:#0f62fe;--cds-background-hover:rgba(141, 141, 141, 0.12);--cds-background-inverse:#393939;--cds-background-inverse-hover:#474747;--cds-background-selected:rgba(141, 141, 141, 0.2);--cds-background-selected-hover:rgba(141, 141, 141, 0.32);--cds-border-disabled:#c6c6c6;--cds-border-interactive:#0f62fe;--cds-border-inverse:#161616;--cds-border-strong-01:#8d8d8d;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#8d8d8d;--cds-border-subtle-00:#c6c6c6;--cds-border-subtle-01:#e0e0e0;--cds-border-subtle-02:#c6c6c6;--cds-border-subtle-03:#e0e0e0;--cds-border-subtle-selected-01:#c6c6c6;--cds-border-subtle-selected-02:#c6c6c6;--cds-border-subtle-selected-03:#c6c6c6;--cds-border-tile-01:#a8a8a8;--cds-border-tile-02:#c6c6c6;--cds-border-tile-03:#a8a8a8;--cds-field-01:#ffffff;--cds-field-02:#f4f4f4;--cds-field-03:#ffffff;--cds-field-hover-01:#e8e8e8;--cds-field-hover-02:#e8e8e8;--cds-field-hover-03:#e8e8e8;--cds-focus:#0f62fe;--cds-focus-inset:#ffffff;--cds-focus-inverse:#ffffff;--cds-highlight:#d0e2ff;--cds-icon-disabled:rgba(22, 22, 22, 0.25);--cds-icon-interactive:#0f62fe;--cds-icon-inverse:#ffffff;--cds-icon-on-color:#ffffff;--cds-icon-on-color-disabled:#8d8d8d;--cds-icon-primary:#161616;--cds-icon-secondary:#525252;--cds-interactive:#0f62fe;--cds-layer-01:#ffffff;--cds-layer-02:#f4f4f4;--cds-layer-03:#ffffff;--cds-layer-accent-01:#e0e0e0;--cds-layer-accent-02:#e0e0e0;--cds-layer-accent-03:#e0e0e0;--cds-layer-accent-active-01:#a8a8a8;--cds-layer-accent-active-02:#a8a8a8;--cds-layer-accent-active-03:#a8a8a8;--cds-layer-accent-hover-01:#d1d1d1;--cds-layer-accent-hover-02:#d1d1d1;--cds-layer-accent-hover-03:#d1d1d1;--cds-layer-active-01:#c6c6c6;--cds-layer-active-02:#c6c6c6;--cds-layer-active-03:#c6c6c6;--cds-layer-hover-01:#e8e8e8;--cds-layer-hover-02:#e8e8e8;--cds-layer-hover-03:#e8e8e8;--cds-layer-selected-01:#e0e0e0;--cds-layer-selected-02:#e0e0e0;--cds-layer-selected-03:#e0e0e0;--cds-layer-selected-disabled:#8d8d8d;--cds-layer-selected-hover-01:#d1d1d1;--cds-layer-selected-hover-02:#d1d1d1;--cds-layer-selected-hover-03:#d1d1d1;--cds-layer-selected-inverse:#161616;--cds-link-inverse:#78a9ff;--cds-link-inverse-active:#f4f4f4;--cds-link-inverse-hover:#a6c8ff;--cds-link-primary:#0f62fe;--cds-link-primary-hover:#0043ce;--cds-link-secondary:#0043ce;--cds-link-visited:#8a3ffc;--cds-overlay:rgba(22, 22, 22, 0.5);--cds-shadow:rgba(0, 0, 0, 0.3);--cds-skeleton-background:#e8e8e8;--cds-skeleton-element:#c6c6c6;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#8a3ffc;--cds-support-error:#da1e28;--cds-support-error-inverse:#fa4d56;--cds-support-info:#0043ce;--cds-support-info-inverse:#4589ff;--cds-support-success:#24a148;--cds-support-success-inverse:#42be65;--cds-support-warning:#f1c21b;--cds-support-warning-inverse:#f1c21b;--cds-text-disabled:rgba(22, 22, 22, 0.25);--cds-text-error:#da1e28;--cds-text-helper:#6f6f6f;--cds-text-inverse:#ffffff;--cds-text-on-color:#ffffff;--cds-text-on-color-disabled:#8d8d8d;--cds-text-placeholder:rgba(22, 22, 22, 0.4);--cds-text-primary:#161616;--cds-text-secondary:#525252;--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:#e0e0e0;--cds-button-primary:#0f62fe;--cds-button-secondary:#393939;--cds-button-tertiary:#0f62fe;--cds-button-danger-primary:#da1e28;--cds-button-danger-secondary:#da1e28;--cds-button-danger-active:#750e13;--cds-button-primary-active:#002d9c;--cds-button-secondary-active:#6f6f6f;--cds-button-tertiary-active:#002d9c;--cds-button-danger-hover:#b81921;--cds-button-primary-hover:#0050e6;--cds-button-secondary-hover:#474747;--cds-button-tertiary-hover:#0050e6;--cds-button-disabled:#c6c6c6;--cds-tag-background-red:#ffd7d9;--cds-tag-color-red:#750e13;--cds-tag-hover-red:#ffb3b8;--cds-tag-background-magenta:#ffd6e8;--cds-tag-color-magenta:#740937;--cds-tag-hover-magenta:#ffafd2;--cds-tag-background-purple:#e8daff;--cds-tag-color-purple:#491d8b;--cds-tag-hover-purple:#d4bbff;--cds-tag-background-blue:#d0e2ff;--cds-tag-color-blue:#002d9c;--cds-tag-hover-blue:#a6c8ff;--cds-tag-background-cyan:#bae6ff;--cds-tag-color-cyan:#003a6d;--cds-tag-hover-cyan:#82cfff;--cds-tag-background-teal:#9ef0f0;--cds-tag-color-teal:#004144;--cds-tag-hover-teal:#3ddbd9;--cds-tag-background-green:#a7f0ba;--cds-tag-color-green:#044317;--cds-tag-hover-green:#6fdc8c;--cds-tag-background-gray:#e0e0e0;--cds-tag-color-gray:#393939;--cds-tag-hover-gray:#c6c6c6;--cds-tag-background-cool-gray:#dde1e6;--cds-tag-color-cool-gray:#343a3f;--cds-tag-hover-cool-gray:#c1c7cd;--cds-tag-background-warm-gray:#e5e0df;--cds-tag-color-warm-gray:#3c3838;--cds-tag-hover-warm-gray:#cac5c4;--cds-notification-background-error:#fff1f1;--cds-notification-background-success:#defbe6;--cds-notification-background-info:#edf5ff;--cds-notification-background-warning:#fdf6dd;--cds-notification-action-hover:#edf5ff;--cds-notification-action-tertiary-inverse:#ffffff;--cds-notification-action-tertiary-inverse-active:#c6c6c6;--cds-notification-action-tertiary-inverse-hover:#f4f4f4;--cds-notification-action-tertiary-inverse-text:#161616;--cds-notification-action-tertiary-inverse-text-on-color-disabled:rgba(255, 255, 255, 0.25);--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)}.cds-theme-zone-g90,:host(.cds-theme-zone-g90){--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-tag-background-red:#a2191f;--cds-tag-color-red:#ffd7d9;--cds-tag-hover-red:#c21e25;--cds-tag-background-magenta:#9f1853;--cds-tag-color-magenta:#ffd6e8;--cds-tag-hover-magenta:#bf1d63;--cds-tag-background-purple:#6929c4;--cds-tag-color-purple:#e8daff;--cds-tag-hover-purple:#7c3dd6;--cds-tag-background-blue:#0043ce;--cds-tag-color-blue:#d0e2ff;--cds-tag-hover-blue:#0053ff;--cds-tag-background-cyan:#00539a;--cds-tag-color-cyan:#bae6ff;--cds-tag-hover-cyan:#0066bd;--cds-tag-background-teal:#005d5d;--cds-tag-color-teal:#9ef0f0;--cds-tag-hover-teal:#007070;--cds-tag-background-green:#0e6027;--cds-tag-color-green:#a7f0ba;--cds-tag-hover-green:#11742f;--cds-tag-background-gray:#525252;--cds-tag-color-gray:#e0e0e0;--cds-tag-hover-gray:#636363;--cds-tag-background-cool-gray:#4d5358;--cds-tag-color-cool-gray:#dde1e6;--cds-tag-hover-cool-gray:#5d646a;--cds-tag-background-warm-gray:#565151;--cds-tag-color-warm-gray:#e5e0df;--cds-tag-hover-warm-gray:#696363;--cds-notification-background-error:#393939;--cds-notification-background-success:#393939;--cds-notification-background-info:#393939;--cds-notification-background-warning:#393939;--cds-notification-action-hover:var(--cds-layer-hover);--cds-notification-action-tertiary-inverse:#0f62fe;--cds-notification-action-tertiary-inverse-active:#002d9c;--cds-notification-action-tertiary-inverse-hover:#0050e6;--cds-notification-action-tertiary-inverse-text:#ffffff;--cds-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--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)}.cds-theme-zone-g100,:host(.cds-theme-zone-g100){--cds-background:#161616;--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:#6f6f6f;--cds-border-strong-02:#8d8d8d;--cds-border-strong-03:#a8a8a8;--cds-border-subtle-00:#393939;--cds-border-subtle-01:#393939;--cds-border-subtle-02:#525252;--cds-border-subtle-03:#6f6f6f;--cds-border-subtle-selected-01:#525252;--cds-border-subtle-selected-02:#6f6f6f;--cds-border-subtle-selected-03:#8d8d8d;--cds-border-tile-01:#525252;--cds-border-tile-02:#6f6f6f;--cds-border-tile-03:#8d8d8d;--cds-field-01:#262626;--cds-field-02:#393939;--cds-field-03:#525252;--cds-field-hover-01:#333333;--cds-field-hover-02:#474747;--cds-field-hover-03:#636363;--cds-focus:#ffffff;--cds-focus-inset:#161616;--cds-focus-inverse:#0f62fe;--cds-highlight:#002d9c;--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:#262626;--cds-layer-02:#393939;--cds-layer-03:#525252;--cds-layer-accent-01:#393939;--cds-layer-accent-02:#525252;--cds-layer-accent-03:#6f6f6f;--cds-layer-accent-active-01:#6f6f6f;--cds-layer-accent-active-02:#8d8d8d;--cds-layer-accent-active-03:#393939;--cds-layer-accent-hover-01:#474747;--cds-layer-accent-hover-02:#636363;--cds-layer-accent-hover-03:#5e5e5e;--cds-layer-active-01:#525252;--cds-layer-active-02:#6f6f6f;--cds-layer-active-03:#8d8d8d;--cds-layer-hover-01:#333333;--cds-layer-hover-02:#474747;--cds-layer-hover-03:#636363;--cds-layer-selected-01:#393939;--cds-layer-selected-02:#525252;--cds-layer-selected-03:#6f6f6f;--cds-layer-selected-disabled:#a8a8a8;--cds-layer-selected-hover-01:#474747;--cds-layer-selected-hover-02:#636363;--cds-layer-selected-hover-03:#5e5e5e;--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:#292929;--cds-skeleton-element:#393939;--cds-support-caution-major:#ff832b;--cds-support-caution-minor:#f1c21b;--cds-support-caution-undefined:#a56eff;--cds-support-error:#fa4d56;--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:#ff8389;--cds-text-helper:#a8a8a8;--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:#6f6f6f;--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:#fa4d56;--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-tag-background-red:#a2191f;--cds-tag-color-red:#ffd7d9;--cds-tag-hover-red:#c21e25;--cds-tag-background-magenta:#9f1853;--cds-tag-color-magenta:#ffd6e8;--cds-tag-hover-magenta:#bf1d63;--cds-tag-background-purple:#6929c4;--cds-tag-color-purple:#e8daff;--cds-tag-hover-purple:#7c3dd6;--cds-tag-background-blue:#0043ce;--cds-tag-color-blue:#d0e2ff;--cds-tag-hover-blue:#0053ff;--cds-tag-background-cyan:#00539a;--cds-tag-color-cyan:#bae6ff;--cds-tag-hover-cyan:#0066bd;--cds-tag-background-teal:#005d5d;--cds-tag-color-teal:#9ef0f0;--cds-tag-hover-teal:#007070;--cds-tag-background-green:#0e6027;--cds-tag-color-green:#a7f0ba;--cds-tag-hover-green:#11742f;--cds-tag-background-gray:#525252;--cds-tag-color-gray:#e0e0e0;--cds-tag-hover-gray:#636363;--cds-tag-background-cool-gray:#4d5358;--cds-tag-color-cool-gray:#dde1e6;--cds-tag-hover-cool-gray:#5d646a;--cds-tag-background-warm-gray:#565151;--cds-tag-color-warm-gray:#e5e0df;--cds-tag-hover-warm-gray:#696363;--cds-notification-background-error:#262626;--cds-notification-background-success:#262626;--cds-notification-background-info:#262626;--cds-notification-background-warning:#262626;--cds-notification-action-hover:var(--cds-layer-hover);--cds-notification-action-tertiary-inverse:#0f62fe;--cds-notification-action-tertiary-inverse-active:#002d9c;--cds-notification-action-tertiary-inverse-hover:#0050e6;--cds-notification-action-tertiary-inverse-text:#ffffff;--cds-notification-action-tertiary-inverse-text-on-color-disabled:#8d8d8d;--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)}",
+]);

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "2.0.0",
+  "version": "2.0.1-rc.0",
   "publishConfig": {
     "access": "public"
   },

package/scss/globals/scss/grid.scss ADDED Viewed

@@ -0,0 +1,16 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+$feature-flags: (
+  enable-css-custom-properties: true,
+  grid-columns-16: true,
+);
+@use '@carbon/grid';
+// Emit the flex-grid styles
+@include grid.flex-grid();

package/scss/globals/scss/themes.scss ADDED Viewed

@@ -0,0 +1,37 @@
+//
+// Copyright IBM Corp. 2021
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/themes/scss/themes';
+@use '@carbon/styles/scss/theme';
+@use '@carbon/styles/scss/components/button/tokens' as button-tokens;
+@use '@carbon/styles/scss/components/tag/tokens' as tag-tokens;
+@use '@carbon/styles/scss/components/notification/tokens' as notification-tokens;
+@include theme.add-component-tokens(button-tokens.$button-tokens);
+@include theme.add-component-tokens(tag-tokens.$tag-tokens);
+@include theme.add-component-tokens(notification-tokens.$notification-tokens);
+:host(.#{$prefix}-theme-zone-white),
+.#{$prefix}-theme-zone-white {
+  @include theme.theme(themes.$white);
+}
+:host(.#{$prefix}-theme-zone-g10),
+.#{$prefix}-theme-zone-g10 {
+  @include theme.theme(themes.$g10);
+}
+:host(.#{$prefix}-theme-zone-g90),
+.#{$prefix}-theme-zone-g90 {
+  @include theme.theme(themes.$g90);
+}
+:host(.#{$prefix}-theme-zone-g100),
+.#{$prefix}-theme-zone-g100 {
+  @include theme.theme(themes.$g100);
+}