npm - @carbon/web-components - Versions diffs - 2.0.0-rc.1 → 2.0.0-rc.3 - Mend

@carbon/web-components 2.0.0-rc.1 → 2.0.0-rc.3

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

Files changed (723) hide show

package/es/components/tabs/tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","names":["html","property","customElement","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_get","_getPrototypeOf","prototype","call","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","render","isIntersectionLeftTrackerInContent","isIntersectionRightTrackerInContent","assistiveStatusText","handleSlotchange","previousButtonClasses","nextButtonClasses","_t","_2","Left","Right","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","NONE","default"],"sources":["components/tabs/tabs.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 { html } from 'lit';\nimport { property, customElement, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/\n Tabs.\n \n @element cds-tabs\n * @fires cds-tabs-beingselected\n * The custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n /\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n /\n The latest status of this dropdown, for screen reader to accounce.\n /\n private _assistiveStatusText?: string;\n\n /\n The currently selected index\n /\n // @ts-ignore: TS thinks this method is not referred to\n private _currentIndex: number = 0;\n\n /\n Total number of tabs in the component\n /\n private _totalTabs: number = 0;\n\n /\n `true` if the tablist is scrollable\n /\n // @ts-ignore: TS thinks this method is not referred to\n private _isScrollable: boolean = false;\n\n /\n The DOM element for the tablist.\n /\n private tablist: Element \| null = null;\n\n /\n The width of the overflow scroll buttons.\n /\n private BUTTON_WIDTH = 44;\n\n /\n Navigates through tabs.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n * @param [options] The options.\n * @param [options.immediate]\n * Defaults to `true`\n * `true` to make it \"immediate selection change\" mode, which does:\n \n Starts with the selected item\n * Going prev/next item immediately changes the selection\n /\n protected _navigate(\n direction: number,\n { immediate = true }: { immediate?: boolean } = {}\n ) {\n const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n .constructor as typeof CDSTabs;\n const nextItem = this._getNextItem(\n this.querySelector(\n immediate ? selectorItemSelected : selectorItemHighlighted\n ) as CDSTab,\n direction\n );\n if (!nextItem) {\n return;\n }\n\n if (immediate) {\n this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n } else {\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n nextItem === item;\n });\n }\n\n // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n // IE falls back to the old behavior.\n nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n const nextItemText = nextItem.textContent;\n if (nextItemText) {\n this._assistiveStatusText = nextItemText;\n }\n this._currentIndex += direction;\n this.requestUpdate();\n }\n\n @HostListener('click')\n protected _handleClick(event: MouseEvent) {\n super._handleClick(event);\n }\n\n @HostListener('keydown')\n protected _handleKeydown(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof CDSTabs).getAction(key);\n const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n switch (action) {\n case TABS_KEYBOARD_ACTION.HOME:\n {\n const [firstEnabledTab] = enabledTabs;\n firstEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.END:\n {\n const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n lastEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.NAVIGATING:\n {\n const direction = NAVIGATION_DIRECTION[key];\n if (direction) {\n this._navigate(direction);\n }\n }\n break;\n default:\n break;\n }\n }\n\n /\n Handles click on overflow scroll buttons.\n \n @param _ Event object\n * @param [options] The options.\n * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n /\n protected _handleScrollButtonClick(_, { direction }) {\n if (!this.tablist) {\n return;\n }\n const { scrollLeft, clientWidth, scrollWidth } =\n this._contentContainerNode!;\n switch (direction) {\n case -1:\n this._contentContainerNode!.scrollLeft = Math.max(\n scrollLeft - (scrollWidth / this._totalTabs) 1.5,\n 0\n );\n break;\n case 1:\n this._contentContainerNode!.scrollLeft =\n Math.min(\n scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n scrollWidth - clientWidth\n ) + 1;\n break;\n default:\n break;\n }\n }\n\n _handleSlotchange() {\n const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n const selectedItem = this.querySelector(selectorItemSelected);\n const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (nextItem as CDSTab).hideDivider = true;\n }\n\n protected _selectionDidChange(itemToSelect: CDSTab) {\n super._selectionDidChange(itemToSelect);\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n\n /*\n The scrolling container.\n /\n @query(`.${prefix}--tabs-nav-content-container`)\n private _contentContainerNode?: HTMLElement;\n\n /\n The scrolling content.\n /\n @query(`.${prefix}--tabs-nav-content`)\n private _contentNode?: HTMLElement;\n\n /\n The current scroll position.\n /\n @state()\n private _currentScrollPosition = 0;\n\n /\n The left-hand sentinel to track intersection with the host element.\n * If they intersect, the left-hand paginator button should be hidden.\n /\n @query(`.${prefix}--sub-content-left`)\n private _intersectionLeftSentinelNode?: HTMLElement;\n\n /\n The right-hand sentinel to track intersection with the host element.\n * If they intersect, the right-hand paginator button should be hidden.\n /\n @query(`.${prefix}--sub-content-right`)\n private _intersectionRightSentinelNode?: HTMLElement;\n\n /\n An assistive text for screen reader to announce, telling the open state.\n /\n @property({ attribute: 'selecting-items-assistive-text' })\n selectingItemsAssistiveText =\n 'Selecting items. Use up and down arrow keys to navigate.';\n\n /\n An assistive text for screen reader to announce, telling that an item is selected.\n /\n @property({ attribute: 'selected-item-assistive-text' })\n selectedItemAssistiveText = 'Selected an item.';\n\n /\n The content of the trigger button for narrow mode.\n /\n @property({ attribute: 'trigger-content' })\n triggerContent = '';\n\n /\n Tabs type.\n /\n @property({ reflect: true })\n type = TABS_TYPE.REGULAR;\n\n /\n `true` if left-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the left-hand paginator button should be hidden.\n /\n @state()\n private _isIntersectionLeftTrackerInContent = true;\n\n /\n `true` if right-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the right-hand paginator button should be hidden.\n /\n @state()\n private _isIntersectionRightTrackerInContent = true;\n\n /\n The observer for the intersection of left-side content edge.\n /\n private _observerIntersection: IntersectionObserver \| null = null;\n\n /\n The intersection observer callback for the scrolling container.\n \n @param records The intersection observer records.\n /\n private _observeIntersectionContainer = (records) => {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n records.forEach(({ isIntersecting, target }) => {\n if (target === intersectionLeftSentinelNode) {\n this._isIntersectionLeftTrackerInContent = isIntersecting;\n }\n if (target === intersectionRightSentinelNode) {\n this._isIntersectionRightTrackerInContent = isIntersecting;\n }\n });\n };\n\n /\n Cleans-up and creats the intersection observer for the scrolling container.\n \n @param [options] The options.\n * @param [options.create] `true` to create the new intersection observer.\n /\n private _cleanAndCreateIntersectionObserverContainer({\n create,\n }: { create?: boolean } = {}) {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n if (this._observerIntersection) {\n this._observerIntersection.disconnect();\n this._observerIntersection = null;\n }\n\n if (create) {\n this._observerIntersection = new IntersectionObserver(\n this._observeIntersectionContainer,\n {\n root: this,\n threshold: 0,\n }\n );\n\n if (intersectionLeftSentinelNode) {\n this._observerIntersection.observe(intersectionLeftSentinelNode);\n }\n if (intersectionRightSentinelNode) {\n this._observerIntersection.observe(intersectionRightSentinelNode);\n }\n }\n }\n\n disconnectedCallback() {\n this._cleanAndCreateIntersectionObserverContainer();\n super.disconnectedCallback();\n }\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n if (this.tablist) {\n const { clientWidth, scrollWidth } = this.tablist;\n this._isScrollable = scrollWidth > clientWidth;\n }\n const { selectorItem } = this.constructor as typeof CDSTabs;\n if (changedProperties.has('type')) {\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n this._totalTabs++;\n (elem as CDSTab).type = this.type;\n });\n }\n return true;\n }\n\n firstUpdated() {\n const { selectorTablist } = this.constructor as typeof CDSTabs;\n const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n this.tablist = tablist;\n this._cleanAndCreateIntersectionObserverContainer({ create: true });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const tab = this.querySelector(\n `${prefix}-tab[value=\"${this.value}\"]`\n ) as HTMLElement;\n if (tab) {\n const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n const start = tab.offsetLeft ?? 0;\n const end = tab.offsetLeft + tabWidth;\n\n // The start and end of the visible area of the tablist\n const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n const visibleEnd =\n this.tablist!.scrollLeft +\n this.tablist!.clientWidth -\n this.BUTTON_WIDTH;\n\n // The beginning of the tab is clipped and not visible\n if (start < visibleStart) {\n this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n }\n\n // The end of the tab is clipped and not visible\n if (end > visibleEnd) {\n this.tablist!.scrollLeft =\n end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n }\n }\n }\n\n if (changedProperties.has('_currentScrollPosition')) {\n if (this._contentNode) {\n this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n }\n }\n }\n\n render() {\n const {\n _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n _assistiveStatusText: assistiveStatusText,\n _handleSlotchange: handleSlotchange,\n } = this;\n\n const previousButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-left`]: true,\n [`${prefix}--tab--overflow-nav-button--previous`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionLeftTrackerInContent,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-right`]: true,\n [`${prefix}--tab--overflow-nav-button--next`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionRightTrackerInContent,\n });\n\n return html`\n <button\n part=\"prev-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${previousButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Left,\n })}>\n ${ChevronLeft16()}\n </button>\n\n <div class=\"${prefix}--tabs-nav-content-container\">\n <div class=\"${prefix}--tabs-nav-content\">\n <div class=\"${prefix}--tabs-nav\">\n <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n <div class=\"${prefix}--sub-content-left\"></div>\n <slot @slotchange=${handleSlotchange}></slot>\n <div class=\"${prefix}--sub-content-right\"></div>\n </div>\n </div>\n </div>\n </div>\n\n <button\n part=\"next-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${nextButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Right,\n })}>\n ${ChevronRight16()}\n </button>\n <div\n class=\"${prefix}--assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\">\n ${assistiveStatusText}\n </div>\n `;\n }\n\n /\n Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n /\n static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n /\n A selector that will return tabs.\n /\n static get selectorItem() {\n return `${prefix}-tab`;\n }\n\n /\n A selector that will return enabled tabs.\n /\n static get selectorItemEnabled() {\n return `${prefix}-tab:not([disabled])`;\n }\n\n /\n A selector that will return highlighted tabs.\n /\n static get selectorItemHighlighted() {\n return `${prefix}-tab[highlighted]`;\n }\n\n /\n A selector that will return selected tabs.\n /\n static get selectorItemSelected() {\n return `${prefix}-tab[selected]`;\n }\n\n /\n A selector that returns the tablist\n /\n static get selectorTablist() {\n return `.${prefix}--tab--list`;\n }\n\n /\n The name of the custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-tabs-beingselected`;\n }\n\n /\n The name of the custom event fired after a a tab is selected upon a user gesture.\n /\n static get eventSelect() {\n return `${prefix}-tabs-selected`;\n }\n\n static styles = styles;\n\n /\n @param key The key symbol.\n * @returns A action for dropdown for the given key symbol.\n */\n static getAction(key: string) {\n if (key === 'Home') {\n return TABS_KEYBOARD_ACTION.HOME;\n }\n if (key === 'End') {\n return TABS_KEYBOARD_ACTION.END;\n }\n if (key in NAVIGATION_DIRECTION) {\n return TABS_KEYBOARD_ACTION.NAVIGATING;\n }\n return TABS_KEYBOARD_ACTION.NONE;\n }\n}\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,KAAK,QAAQ,mBAAmB;AACzE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,YAAY,MAAM,wCAAwC;AACjE,SAASC,OAAO,QAAQ,2CAA2C;AACnE,OAAOC,cAAc,MAAM,+BAAqC;AAChE,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,OAAOC,kBAAkB,IACvBC,oBAAoB,QACf,sCAAsC;AAC7C,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,QAAQ;AAExD,OAAOC,MAAM,MAAM,iBAAa;AAEhC,SAASH,oBAAoB,EAAEC,oBAAoB,EAAEC,SAAS;;AAE9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,IAUqBE,OAAO,GAAAC,SAAA,EAD3BhB,aAAa,CAAE,GAAEI,MAAO,OAAM,CAAC,aAAAa,WAAA,EAAAC,kBAAA;EAAhC,MACqBH,OAAO,SAAAG,kBAAA,CAA+C;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAqgB3E;EAAC;IAAAI,CAAA,EArgBoBN,OAAO;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAUM,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKJ,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAMG,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKJ,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKf,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA9BzB;AACF;AACA;;MAGE;AACF;AACA;MACE;;MAGA;AACF;AACA;;MAGE;AACF;AACA;MACE;;MAGA;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACE,SAAAC,UACEC,SAAiB,EACjB;QAAEC,SAAS,GAAG;MAA8B,CAAC,GAAG,CAAC,CAAC,EAClD;QACA,MAAM;UAAEC,YAAY;UAAEC,uBAAuB;UAAEC;QAAqB,CAAC,GAAG,IAAI,CACzEZ,WAA6B;QAChC,MAAMa,QAAQ,GAAG,IAAI,CAACC,YAAY,CAChC,IAAI,CAACC,aAAa,CAChBN,SAAS,GAAGG,oBAAoB,GAAGD,uBAAuB,CAC3D,EACDH,SAAS,CACV;QACD,IAAI,CAACK,QAAQ,EAAE;UACb;QACF;QAEA,IAAIJ,SAAS,EAAE;UACb,IAAI,CAACO,8BAA8B,CAACH,QAAQ,CAAW;QACzD,CAAC,MAAM;UACLzB,OAAO,CAAC,IAAI,CAAC6B,gBAAgB,CAACP,YAAY,CAAC,EAAGQ,IAAI,IAAK;YACpDA,IAAI,CAAYT,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC,GACtDI,QAAQ,KAAKK,IAAI;UACrB,CAAC,CAAC;QACJ;;QAEA;QACA;QACA;QACAL,QAAQ,CAACM,cAAc,CAAC;UAAEC,KAAK,EAAE,SAAS;UAAEC,MAAM,EAAE;QAAU,CAAC,CAAC;QAEhE,MAAMC,YAAY,GAAGT,QAAQ,CAACU,WAAW;QACzC,IAAID,YAAY,EAAE;UAChB,IAAI,CAACE,oBAAoB,GAAGF,YAAY;QAC1C;QACA,IAAI,CAACG,aAAa,IAAIjB,SAAS;QAC/B,IAAI,CAACkB,aAAa,EAAE;MACtB;IAAC;MAAAtB,IAAA;MAAAuB,UAAA,GAEAxC,YAAY,CAAC,OAAO,CAAC;MAAAkB,GAAA;MAAAC,KAAA,EAAtB,SAAAsB,aACuBC,KAAiB,EAAE;QACxCC,IAAA,CAAAC,eAAA,CArFiBnC,OAAO,CAAAoC,SAAA,yBAAAC,IAAA,OAqFLJ,KAAK;MAC1B;IAAC;MAAAzB,IAAA;MAAAuB,UAAA,GAEAxC,YAAY,CAAC,SAAS,CAAC;MAAAkB,GAAA;MAAAC,KAAA,EAAxB,SAAA4B,eACyBL,KAAoB,EAAE;QAC7C,MAAM;UAAExB;QAAI,CAAC,GAAGwB,KAAK;QACrB,MAAMM,MAAM,GAAI,IAAI,CAACnC,WAAW,CAAoBoC,SAAS,CAAC/B,GAAG,CAAC;QAClE,MAAMgC,WAAW,GAAG,IAAI,CAACpB,gBAAgB,CAAE,GAAEhC,MAAO,sBAAqB,CAAC;QAC1E,QAAQkD,MAAM;UACZ,KAAK1C,oBAAoB,CAAC6C,IAAI;YAC5B;cACE,MAAM,CAACC,eAAe,CAAC,GAAGF,WAAW;cACrCE,eAAe,CAACpB,cAAc,CAAC;gBAC7BC,KAAK,EAAE,SAAS;gBAChBC,MAAM,EAAE;cACV,CAAC,CAAC;cACF,IAAI,CAACL,8BAA8B,CAACuB,eAAe,CAAW;cAC9D,IAAI,CAACb,aAAa,EAAE;YACtB;YACA;UACF,KAAKjC,oBAAoB,CAAC+C,GAAG;YAC3B;cACE,MAAMC,cAAc,GAAGJ,WAAW,CAACA,WAAW,CAACK,MAAM,GAAG,CAAC,CAAC;cAC1DD,cAAc,CAACtB,cAAc,CAAC;gBAC5BC,KAAK,EAAE,SAAS;gBAChBC,MAAM,EAAE;cACV,CAAC,CAAC;cACF,IAAI,CAACL,8BAA8B,CAACyB,cAAc,CAAW;cAC7D,IAAI,CAACf,aAAa,EAAE;YACtB;YACA;UACF,KAAKjC,oBAAoB,CAACkD,UAAU;YAClC;cACE,MAAMnC,SAAS,GAAGhB,oBAAoB,CAACa,GAAG,CAAC;cAC3C,IAAIG,SAAS,EAAE;gBACb,IAAI,CAACD,SAAS,CAACC,SAAS,CAAC;cAC3B;YACF;YACA;UACF;YACE;QAAM;MAEZ;;MAEA;AACF;AACA;AACA;AACA;AACA;AACA;IANE;MAAAJ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAOA,SAAAsC,yBAAmCC,CAAC,EAAE;QAAErC;MAAU,CAAC,EAAE;QACnD,IAAI,CAAC,IAAI,CAACsC,OAAO,EAAE;UACjB;QACF;QACA,MAAM;UAAEC,UAAU;UAAEC,WAAW;UAAEC;QAAY,CAAC,GAC5C,IAAI,CAACC,qBAAsB;QAC7B,QAAQ1C,SAAS;UACf,KAAK,CAAC,CAAC;YACL,IAAI,CAAC0C,qBAAqB,CAAEH,UAAU,GAAGI,IAAI,CAACC,GAAG,CAC/CL,UAAU,GAAIE,WAAW,GAAG,IAAI,CAACI,UAAU,GAAI,GAAG,EAClD,CAAC,CACF;YACD;UACF,KAAK,CAAC;YACJ,IAAI,CAACH,qBAAqB,CAAEH,UAAU,GACpCI,IAAI,CAACG,GAAG,CACNP,UAAU,GAAIE,WAAW,GAAG,IAAI,CAACI,UAAU,GAAI,GAAG,EAClDJ,WAAW,GAAGD,WAAW,CAC1B,GAAG,CAAC;YACP;UACF;YACE;QAAM;MAEZ;IAAC;MAAA5C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAiD,kBAAA,EAAoB;QAClB,MAAM;UAAE3C;QAAqB,CAAC,GAAG,IAAI,CAACZ,WAA6B;QACnE,MAAMwD,YAAY,GAAG,IAAI,CAACzC,aAAa,CAACH,oBAAoB,CAAC;QAC7D,MAAMC,QAAQ,GAAG,IAAI,CAACC,YAAY,CAAC0C,YAAY,EAAY,CAAC,CAAC;;QAE7D;QACA;QACC3C,QAAQ,CAAY4C,WAAW,GAAG,IAAI;MACzC;IAAC;MAAArD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAoD,oBAA8BC,YAAoB,EAAE;QAClD7B,IAAA,CAAAC,eAAA,CA5KiBnC,OAAO,CAAAoC,SAAA,gCAAAC,IAAA,OA4KE0B,YAAY;QACtC,IAAI,CAACnC,oBAAoB,GAAG,IAAI,CAACoC,yBAAyB;MAC5D;;MAEA;AACF;AACA;IAFE;MAAAxD,IAAA;MAAAuB,UAAA,GAGC5C,KAAK,CAAE,IAAGE,MAAO,8BAA6B,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAM/C5C,KAAK,CAAE,IAAGE,MAAO,oBAAmB,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAMrC7C,KAAK,EAAE;MAAAuB,GAAA;MAAAC,MAAA;QAAA,OACyB,CAAC;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAMjC5C,KAAK,CAAE,IAAGE,MAAO,oBAAmB,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAOrC5C,KAAK,CAAE,IAAGE,MAAO,qBAAoB,CAAC;MAAAoB,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAMtC/C,QAAQ,CAAC;QAAEiF,SAAS,EAAE;MAAiC,CAAC,CAAC;MAAAxD,GAAA;MAAAC,MAAA;QAAA,OAExD,0DAA0D;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAK3D/C,QAAQ,CAAC;QAAEiF,SAAS,EAAE;MAA+B,CAAC,CAAC;MAAAxD,GAAA;MAAAC,MAAA;QAAA,OAC5B,mBAAmB;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAK9C/C,QAAQ,CAAC;QAAEiF,SAAS,EAAE;MAAkB,CAAC,CAAC;MAAAxD,GAAA;MAAAC,MAAA;QAAA,OAC1B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAKlB/C,QAAQ,CAAC;QAAEkF,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAzD,GAAA;MAAAC,MAAA;QAAA,OACrBZ,SAAS,CAACqE,OAAO;MAAA;IAAA;MAAA3D,IAAA;MAAAuB,UAAA,GAMvB7C,KAAK,EAAE;MAAAuB,GAAA;MAAAC,MAAA;QAAA,OACsC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAuB,UAAA,GAMjD7C,KAAK,EAAE;MAAAuB,GAAA;MAAAC,MAAA;QAAA,OACuC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKU,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAOxB0D,OAAO,IAAK;UACnD,MAAM;YACJC,6BAA6B,EAAEC,4BAA4B;YAC3DC,8BAA8B,EAAEC;UAClC,CAAC,GAAG,IAAI;UAERJ,OAAO,CAAC5E,OAAO,CAAC,CAAC;YAAEiF,cAAc;YAAEC;UAAO,CAAC,KAAK;YAC9C,IAAIA,MAAM,KAAKJ,4BAA4B,EAAE;cAC3C,IAAI,CAACK,mCAAmC,GAAGF,cAAc;YAC3D;YACA,IAAIC,MAAM,KAAKF,6BAA6B,EAAE;cAC5C,IAAI,CAACI,oCAAoC,GAAGH,cAAc;YAC5D;UACF,CAAC,CAAC;QACJ,CAAC;MAAA;IAAA;MAAAjE,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAzFD;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAKE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;AACA;MAIE;AACF;AACA;MAGE;AACF;AACA;AACA;AACA;MAiBE;AACF;AACA;AACA;AACA;AACA;MACE,SAAAmE,6CAAqD;QACnDC;MACoB,CAAC,GAAG,CAAC,CAAC,EAAE;QAC5B,MAAM;UACJT,6BAA6B,EAAEC,4BAA4B;UAC3DC,8BAA8B,EAAEC;QAClC,CAAC,GAAG,IAAI;QAER,IAAI,IAAI,CAACO,qBAAqB,EAAE;UAC9B,IAAI,CAACA,qBAAqB,CAACC,UAAU,EAAE;UACvC,IAAI,CAACD,qBAAqB,GAAG,IAAI;QACnC;QAEA,IAAID,MAAM,EAAE;UACV,IAAI,CAACC,qBAAqB,GAAG,IAAIE,oBAAoB,CACnD,IAAI,CAACC,6BAA6B,EAClC;YACEC,IAAI,EAAE,IAAI;YACVC,SAAS,EAAE;UACb,CAAC,CACF;UAED,IAAId,4BAA4B,EAAE;YAChC,IAAI,CAACS,qBAAqB,CAACM,OAAO,CAACf,4BAA4B,CAAC;UAClE;UACA,IAAIE,6BAA6B,EAAE;YACjC,IAAI,CAACO,qBAAqB,CAACM,OAAO,CAACb,6BAA6B,CAAC;UACnE;QACF;MACF;IAAC;MAAAhE,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA4E,qBAAA,EAAuB;QACrB,IAAI,CAACT,4CAA4C,EAAE;QACnD3C,IAAA,CAAAC,eAAA,CAxTiBnC,OAAO,CAAAoC,SAAA,iCAAAC,IAAA;MAyT1B;IAAC;MAAA7B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA6E,aAAaC,iBAAiB,EAAE;QAC9BtD,IAAA,CAAAC,eAAA,CA5TiBnC,OAAO,CAAAoC,SAAA,yBAAAC,IAAA,OA4TLmD,iBAAiB;QACpC,IAAI,IAAI,CAACtC,OAAO,EAAE;UAChB,MAAM;YAAEE,WAAW;YAAEC;UAAY,CAAC,GAAG,IAAI,CAACH,OAAO;UACjD,IAAI,CAACuC,aAAa,GAAGpC,WAAW,GAAGD,WAAW;QAChD;QACA,MAAM;UAAEtC;QAAa,CAAC,GAAG,IAAI,CAACV,WAA6B;QAC3D,IAAIoF,iBAAiB,CAACE,GAAG,CAAC,MAAM,CAAC,EAAE;UACjClG,OAAO,CAAC,IAAI,CAAC6B,gBAAgB,CAACP,YAAY,CAAC,EAAG6E,IAAI,IAAK;YACrD,IAAI,CAAClC,UAAU,EAAE;YAChBkC,IAAI,CAAYC,IAAI,GAAG,IAAI,CAACA,IAAI;UACnC,CAAC,CAAC;QACJ;QACA,OAAO,IAAI;MACb;IAAC;MAAApF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAmF,aAAA,EAAe;QACb,MAAM;UAAEC;QAAgB,CAAC,GAAG,IAAI,CAAC1F,WAA6B;QAC9D,MAAM8C,OAAO,GAAG,IAAI,CAAC6C,UAAU,CAAE5E,aAAa,CAAC2E,eAAe,CAAE;QAChE,IAAI,CAAC5C,OAAO,GAAGA,OAAO;QACtB,IAAI,CAAC2B,4CAA4C,CAAC;UAAEC,MAAM,EAAE;QAAK,CAAC,CAAC;MACrE;IAAC;MAAAtE,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAsF,QAAQR,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACE,GAAG,CAAC,OAAO,CAAC,EAAE;UAClC,MAAMO,GAAG,GAAG,IAAI,CAAC9E,aAAa,CAC3B,GAAE9B,MAAO,eAAc,IAAI,CAACqB,KAAM,IAAG,CACxB;UAChB,IAAIuF,GAAG,EAAE;YAAA,IAAAC,qBAAA,EAAAC,eAAA;YACP,MAAM;cAAEC,KAAK,EAAEC;YAAS,CAAC,IAAAH,qBAAA,GAAGD,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEK,qBAAqB,EAAE,cAAAJ,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC;YAC9D,MAAMK,KAAK,IAAAJ,eAAA,GAAGF,GAAG,CAACO,UAAU,cAAAL,eAAA,cAAAA,eAAA,GAAI,CAAC;YACjC,MAAMM,GAAG,GAAGR,GAAG,CAACO,UAAU,GAAGH,QAAQ;;YAErC;YACA,MAAMK,YAAY,GAAG,IAAI,CAACxD,OAAO,CAAEC,UAAU,GAAG,IAAI,CAACwD,YAAY;YACjE,MAAMC,UAAU,GACd,IAAI,CAAC1D,OAAO,CAAEC,UAAU,GACxB,IAAI,CAACD,OAAO,CAAEE,WAAW,GACzB,IAAI,CAACuD,YAAY;;YAEnB;YACA,IAAIJ,KAAK,GAAGG,YAAY,EAAE;cACxB,IAAI,CAACxD,OAAO,CAAEC,UAAU,GAAGoD,KAAK,GAAG,IAAI,CAACI,YAAY;YACtD;;YAEA;YACA,IAAIF,GAAG,GAAGG,UAAU,EAAE;cACpB,IAAI,CAAC1D,OAAO,CAAEC,UAAU,GACtBsD,GAAG,GAAG,IAAI,CAACE,YAAY,GAAG,IAAI,CAACzD,OAAO,CAAEE,WAAW;YACvD;UACF;QACF;QAEA,IAAIoC,iBAAiB,CAACE,GAAG,CAAC,wBAAwB,CAAC,EAAE;UACnD,IAAI,IAAI,CAACmB,YAAY,EAAE;YACrB,IAAI,CAACA,YAAY,CAACC,KAAK,CAACC,gBAAgB,GAAI,IAAG,IAAI,CAACC,sBAAuB,IAAG;UAChF;QACF;MACF;IAAC;MAAAxG,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAuG,OAAA,EAAS;QACP,MAAM;UACJtC,mCAAmC,EAAEuC,kCAAkC;UACvEtC,oCAAoC,EAAEuC,mCAAmC;UACzEvF,oBAAoB,EAAEwF,mBAAmB;UACzCzD,iBAAiB,EAAE0D;QACrB,CAAC,GAAG,IAAI;QAER,MAAMC,qBAAqB,GAAGlI,QAAQ,CAAC;UACrC,CAAE,GAAEC,MAAO,4BAA2B,GAAG,IAAI;UAC7C,CAAE,GAAEA,MAAO,wBAAuB,GAAG,IAAI;UACzC,CAAE,GAAEA,MAAO,sCAAqC,GAAG,IAAI;UACvD,CAAE,GAAEA,MAAO,oCAAmC,GAC5C6H;QACJ,CAAC,CAAC;QACF,MAAMK,iBAAiB,GAAGnI,QAAQ,CAAC;UACjC,CAAE,GAAEC,MAAO,4BAA2B,GAAG,IAAI;UAC7C,CAAE,GAAEA,MAAO,yBAAwB,GAAG,IAAI;UAC1C,CAAE,GAAEA,MAAO,kCAAiC,GAAG,IAAI;UACnD,CAAE,GAAEA,MAAO,oCAAmC,GAC5C8H;QACJ,CAAC,CAAC;QAEF,OAAOpI,IAAI,CAAAyI,EAAA,KAAAA,EAAA,GAAAC,EAAC;AAChB;AACA;AACA;AACA;AACA,iBAAe,CAAwB;AACvC,iBAAe,CAGF;AACb,UAAQ,CAAkB;AAC1B;AACA;AACA,oBAAkB,CAAS;AAC3B,sBAAoB,CAAS;AAC7B,wBAAsB,CAAS;AAC/B,sDAAoD,CAAS;AAC7D,4BAA0B,CAAS;AACnC,kCAAgC,CAAmB;AACnD,4BAA0B,CAAS;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAe,CAAoB;AACnC,iBAAe,CAGF;AACb,UAAQ,CAAmB;AAC3B;AACA;AACA,iBAAe,CAAS;AACxB;AACA;AACA;AACA,UAAQ,CAAsB;AAC9B;AACA,KAAI,GAtCaH,qBAAqB,EACpBrE,CAAC,IACT,IAAI,CAACD,wBAAwB,CAACC,CAAC,EAAE;UAC/BrC,SAAS,EAAEhB,oBAAoB,CAAC8H;QAClC,CAAC,CAAC,EACFhI,aAAa,EAAE,EAGLL,MAAM,EACJA,MAAM,EACJA,MAAM,EACwBA,MAAM,EAChCA,MAAM,EACAgI,gBAAgB,EACtBhI,MAAM,EAUjBkI,iBAAiB,EAChBtE,CAAC,IACT,IAAI,CAACD,wBAAwB,CAACC,CAAC,EAAE;UAC/BrC,SAAS,EAAEhB,oBAAoB,CAAC+H;QAClC,CAAC,CAAC,EACFlI,cAAc,EAAE,EAGTJ,MAAM,EAIb+H,mBAAmB;MAG3B;;MAEA;AACF;AACA;IAFE;MAAA5G,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,MAAA;QAAA,OAGsB,IAAImH,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;MAAA;IAAA;MAAArH,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA;MAE7C;AACF;AACA;MACE,SAAAI,aAAA,EAA0B;QACxB,OAAQ,GAAEzB,MAAO,MAAK;MACxB;;MAEA;AACF;AACA;IAFE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAGA,SAAAoH,oBAAA,EAAiC;QAC/B,OAAQ,GAAEzI,MAAO,sBAAqB;MACxC;;MAEA;AACF;AACA;IAFE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAGA,SAAAK,wBAAA,EAAqC;QACnC,OAAQ,GAAE1B,MAAO,mBAAkB;MACrC;;MAEA;AACF;AACA;IAFE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAGA,SAAAM,qBAAA,EAAkC;QAChC,OAAQ,GAAE3B,MAAO,gBAAe;MAClC;;MAEA;AACF;AACA;IAFE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAGA,SAAAoF,gBAAA,EAA6B;QAC3B,OAAQ,IAAGzG,MAAO,aAAY;MAChC;;MAEA;AACF;AACA;AACA;IAHE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAIA,SAAAqH,kBAAA,EAA+B;QAC7B,OAAQ,GAAE1I,MAAO,qBAAoB;MACvC;;MAEA;AACF;AACA;IAFE;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA,EAGA,SAAAsH,YAAA,EAAyB;QACvB,OAAQ,GAAE3I,MAAO,gBAAe;MAClC;IAAC;MAAAmB,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;MAAAS,IAAA;MAAAoH,MAAA;MAAAnH,GAAA;MAAAC,KAAA;MAEtB;AACF;AACA;AACA;MACE,SAAA8B,UAAiB/B,GAAW,EAAE;QAC5B,IAAIA,GAAG,KAAK,MAAM,EAAE;UAClB,OAAOZ,oBAAoB,CAAC6C,IAAI;QAClC;QACA,IAAIjC,GAAG,KAAK,KAAK,EAAE;UACjB,OAAOZ,oBAAoB,CAAC+C,GAAG;QACjC;QACA,IAAInC,GAAG,IAAIb,oBAAoB,EAAE;UAC/B,OAAOC,oBAAoB,CAACkD,UAAU;QACxC;QACA,OAAOlD,oBAAoB,CAACoI,IAAI;MAClC;IAAC;EAAA;AAAA,GApgBkC3I,iBAAiB,CAACK,kBAAkB,CAAC;AAAA,SAArDK,OAAO,IAAAkI,OAAA"}
1	+ {"version":3,"file":"tabs.js","names":["html","property","state","query","classMap","prefix","HostListenerMixin","HostListener","forEach","ChevronRight16","ChevronLeft16","CDSContentSwitcher","NAVIGATION_DIRECTION","TABS_KEYBOARD_ACTION","TABS_TYPE","styles","carbonElement","customElement","CDSTabs","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","_navigate","direction","immediate","selectorItem","selectorItemHighlighted","selectorItemSelected","nextItem","_getNextItem","querySelector","_handleUserInitiatedSelectItem","querySelectorAll","item","scrollIntoView","block","inline","nextItemText","textContent","_assistiveStatusText","_currentIndex","requestUpdate","decorators","_handleClick","event","_get","_getPrototypeOf","prototype","call","_handleKeydown","action","getAction","enabledTabs","HOME","firstEnabledTab","END","lastEnabledTab","length","NAVIGATING","_handleScrollButtonClick","_","tablist","scrollLeft","clientWidth","scrollWidth","_contentContainerNode","Math","max","_totalTabs","min","_handleSlotchange","selectedItem","hideDivider","_selectionDidChange","itemToSelect","selectedItemAssistiveText","attribute","reflect","REGULAR","records","_intersectionLeftSentinelNode","intersectionLeftSentinelNode","_intersectionRightSentinelNode","intersectionRightSentinelNode","isIntersecting","target","_isIntersectionLeftTrackerInContent","_isIntersectionRightTrackerInContent","_cleanAndCreateIntersectionObserverContainer","create","_observerIntersection","disconnect","IntersectionObserver","_observeIntersectionContainer","root","threshold","observe","disconnectedCallback","shouldUpdate","changedProperties","_isScrollable","has","elem","type","firstUpdated","selectorTablist","shadowRoot","updated","tab","_tab$getBoundingClien","_tab$offsetLeft","width","tabWidth","getBoundingClientRect","start","offsetLeft","end","visibleStart","BUTTON_WIDTH","visibleEnd","_contentNode","style","insetInlineStart","_currentScrollPosition","render","isIntersectionLeftTrackerInContent","isIntersectionRightTrackerInContent","assistiveStatusText","handleSlotchange","previousButtonClasses","nextButtonClasses","_t","_2","Left","Right","static","Set","selectorItemEnabled","eventBeforeSelect","eventSelect","NONE","default"],"sources":["components/tabs/tabs.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 { html } from 'lit';\nimport { property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/lib/chevron--right/16';\nimport ChevronLeft16 from '@carbon/icons/lib/chevron--left/16';\nimport CDSContentSwitcher, {\n NAVIGATION_DIRECTION,\n} from '../content-switcher/content-switcher';\nimport { TABS_KEYBOARD_ACTION, TABS_TYPE } from './defs';\nimport CDSTab from './tab';\nimport styles from './tabs.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { NAVIGATION_DIRECTION, TABS_KEYBOARD_ACTION, TABS_TYPE };\n\n/\n Tabs.\n \n @element cds-tabs\n * @fires cds-tabs-beingselected\n * The custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-tabs-selected - The custom event fired after a a tab is selected upon a user gesture.\n /\n@customElement(`${prefix}-tabs`)\nexport default class CDSTabs extends HostListenerMixin(CDSContentSwitcher) {\n /\n The latest status of this dropdown, for screen reader to accounce.\n /\n private _assistiveStatusText?: string;\n\n /\n The currently selected index\n /\n // @ts-ignore: TS thinks this method is not referred to\n private _currentIndex: number = 0;\n\n /\n Total number of tabs in the component\n /\n private _totalTabs: number = 0;\n\n /\n `true` if the tablist is scrollable\n /\n // @ts-ignore: TS thinks this method is not referred to\n private _isScrollable: boolean = false;\n\n /\n The DOM element for the tablist.\n /\n private tablist: Element \| null = null;\n\n /\n The width of the overflow scroll buttons.\n /\n private BUTTON_WIDTH = 44;\n\n /\n Navigates through tabs.\n \n @param direction `-1` to navigate backward, `1` to navigate forward.\n * @param [options] The options.\n * @param [options.immediate]\n * Defaults to `true`\n * `true` to make it \"immediate selection change\" mode, which does:\n \n Starts with the selected item\n * Going prev/next item immediately changes the selection\n /\n protected _navigate(\n direction: number,\n { immediate = true }: { immediate?: boolean } = {}\n ) {\n const { selectorItem, selectorItemHighlighted, selectorItemSelected } = this\n .constructor as typeof CDSTabs;\n const nextItem = this._getNextItem(\n this.querySelector(\n immediate ? selectorItemSelected : selectorItemHighlighted\n ) as CDSTab,\n direction\n );\n if (!nextItem) {\n return;\n }\n\n if (immediate) {\n this._handleUserInitiatedSelectItem(nextItem as CDSTab);\n } else {\n forEach(this.querySelectorAll(selectorItem), (item) => {\n (item as CDSTab)[immediate ? 'selected' : 'highlighted'] =\n nextItem === item;\n });\n }\n\n // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n // IE falls back to the old behavior.\n nextItem.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n const nextItemText = nextItem.textContent;\n if (nextItemText) {\n this._assistiveStatusText = nextItemText;\n }\n this._currentIndex += direction;\n this.requestUpdate();\n }\n\n @HostListener('click')\n protected _handleClick(event: MouseEvent) {\n super._handleClick(event);\n }\n\n @HostListener('keydown')\n protected _handleKeydown(event: KeyboardEvent) {\n const { key } = event;\n const action = (this.constructor as typeof CDSTabs).getAction(key);\n const enabledTabs = this.querySelectorAll(`${prefix}-tab:not([disabled])`);\n switch (action) {\n case TABS_KEYBOARD_ACTION.HOME:\n {\n const [firstEnabledTab] = enabledTabs;\n firstEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(firstEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.END:\n {\n const lastEnabledTab = enabledTabs[enabledTabs.length - 1];\n lastEnabledTab.scrollIntoView({\n block: 'nearest',\n inline: 'nearest',\n });\n this._handleUserInitiatedSelectItem(lastEnabledTab as CDSTab);\n this.requestUpdate();\n }\n break;\n case TABS_KEYBOARD_ACTION.NAVIGATING:\n {\n const direction = NAVIGATION_DIRECTION[key];\n if (direction) {\n this._navigate(direction);\n }\n }\n break;\n default:\n break;\n }\n }\n\n /\n Handles click on overflow scroll buttons.\n \n @param _ Event object\n * @param [options] The options.\n * @param [options.direction] `-1` to scroll forward, `1` to scroll backward.\n /\n protected _handleScrollButtonClick(_, { direction }) {\n if (!this.tablist) {\n return;\n }\n const { scrollLeft, clientWidth, scrollWidth } =\n this._contentContainerNode!;\n switch (direction) {\n case -1:\n this._contentContainerNode!.scrollLeft = Math.max(\n scrollLeft - (scrollWidth / this._totalTabs) 1.5,\n 0\n );\n break;\n case 1:\n this._contentContainerNode!.scrollLeft =\n Math.min(\n scrollLeft + (scrollWidth / this._totalTabs) * 1.5,\n scrollWidth - clientWidth\n ) + 1;\n break;\n default:\n break;\n }\n }\n\n _handleSlotchange() {\n const { selectorItemSelected } = this.constructor as typeof CDSTabs;\n const selectedItem = this.querySelector(selectorItemSelected);\n const nextItem = this._getNextItem(selectedItem as CDSTab, 1);\n\n // Specifies child `<cds-tab>` to hide its divider instead of using CSS,\n // until `:host-context()` gets supported in all major browsers\n (nextItem as CDSTab).hideDivider = true;\n }\n\n protected _selectionDidChange(itemToSelect: CDSTab) {\n super._selectionDidChange(itemToSelect);\n this._assistiveStatusText = this.selectedItemAssistiveText;\n }\n\n /*\n The scrolling container.\n /\n @query(`.${prefix}--tabs-nav-content-container`)\n private _contentContainerNode?: HTMLElement;\n\n /\n The scrolling content.\n /\n @query(`.${prefix}--tabs-nav-content`)\n private _contentNode?: HTMLElement;\n\n /\n The current scroll position.\n /\n @state()\n private _currentScrollPosition = 0;\n\n /\n The left-hand sentinel to track intersection with the host element.\n * If they intersect, the left-hand paginator button should be hidden.\n /\n @query(`.${prefix}--sub-content-left`)\n private _intersectionLeftSentinelNode?: HTMLElement;\n\n /\n The right-hand sentinel to track intersection with the host element.\n * If they intersect, the right-hand paginator button should be hidden.\n /\n @query(`.${prefix}--sub-content-right`)\n private _intersectionRightSentinelNode?: HTMLElement;\n\n /\n An assistive text for screen reader to announce, telling the open state.\n /\n @property({ attribute: 'selecting-items-assistive-text' })\n selectingItemsAssistiveText =\n 'Selecting items. Use up and down arrow keys to navigate.';\n\n /\n An assistive text for screen reader to announce, telling that an item is selected.\n /\n @property({ attribute: 'selected-item-assistive-text' })\n selectedItemAssistiveText = 'Selected an item.';\n\n /\n The content of the trigger button for narrow mode.\n /\n @property({ attribute: 'trigger-content' })\n triggerContent = '';\n\n /\n Tabs type.\n /\n @property({ reflect: true })\n type = TABS_TYPE.REGULAR;\n\n /\n `true` if left-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the left-hand paginator button should be hidden.\n /\n @state()\n private _isIntersectionLeftTrackerInContent = true;\n\n /\n `true` if right-hand scroll intersection sentinel intersects with the host element.\n * In this condition, the right-hand paginator button should be hidden.\n /\n @state()\n private _isIntersectionRightTrackerInContent = true;\n\n /\n The observer for the intersection of left-side content edge.\n /\n private _observerIntersection: IntersectionObserver \| null = null;\n\n /\n The intersection observer callback for the scrolling container.\n \n @param records The intersection observer records.\n /\n private _observeIntersectionContainer = (records) => {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n records.forEach(({ isIntersecting, target }) => {\n if (target === intersectionLeftSentinelNode) {\n this._isIntersectionLeftTrackerInContent = isIntersecting;\n }\n if (target === intersectionRightSentinelNode) {\n this._isIntersectionRightTrackerInContent = isIntersecting;\n }\n });\n };\n\n /\n Cleans-up and creats the intersection observer for the scrolling container.\n \n @param [options] The options.\n * @param [options.create] `true` to create the new intersection observer.\n /\n private _cleanAndCreateIntersectionObserverContainer({\n create,\n }: { create?: boolean } = {}) {\n const {\n _intersectionLeftSentinelNode: intersectionLeftSentinelNode,\n _intersectionRightSentinelNode: intersectionRightSentinelNode,\n } = this;\n\n if (this._observerIntersection) {\n this._observerIntersection.disconnect();\n this._observerIntersection = null;\n }\n\n if (create) {\n this._observerIntersection = new IntersectionObserver(\n this._observeIntersectionContainer,\n {\n root: this,\n threshold: 0,\n }\n );\n\n if (intersectionLeftSentinelNode) {\n this._observerIntersection.observe(intersectionLeftSentinelNode);\n }\n if (intersectionRightSentinelNode) {\n this._observerIntersection.observe(intersectionRightSentinelNode);\n }\n }\n }\n\n disconnectedCallback() {\n this._cleanAndCreateIntersectionObserverContainer();\n super.disconnectedCallback();\n }\n\n shouldUpdate(changedProperties) {\n super.shouldUpdate(changedProperties);\n if (this.tablist) {\n const { clientWidth, scrollWidth } = this.tablist;\n this._isScrollable = scrollWidth > clientWidth;\n }\n const { selectorItem } = this.constructor as typeof CDSTabs;\n if (changedProperties.has('type')) {\n forEach(this.querySelectorAll(selectorItem), (elem) => {\n this._totalTabs++;\n (elem as CDSTab).type = this.type;\n });\n }\n return true;\n }\n\n firstUpdated() {\n const { selectorTablist } = this.constructor as typeof CDSTabs;\n const tablist = this.shadowRoot!.querySelector(selectorTablist)!;\n this.tablist = tablist;\n this._cleanAndCreateIntersectionObserverContainer({ create: true });\n }\n\n updated(changedProperties) {\n if (changedProperties.has('value')) {\n const tab = this.querySelector(\n `${prefix}-tab[value=\"${this.value}\"]`\n ) as HTMLElement;\n if (tab) {\n const { width: tabWidth } = tab?.getBoundingClientRect() ?? {};\n const start = tab.offsetLeft ?? 0;\n const end = tab.offsetLeft + tabWidth;\n\n // The start and end of the visible area of the tablist\n const visibleStart = this.tablist!.scrollLeft + this.BUTTON_WIDTH;\n const visibleEnd =\n this.tablist!.scrollLeft +\n this.tablist!.clientWidth -\n this.BUTTON_WIDTH;\n\n // The beginning of the tab is clipped and not visible\n if (start < visibleStart) {\n this.tablist!.scrollLeft = start - this.BUTTON_WIDTH;\n }\n\n // The end of the tab is clipped and not visible\n if (end > visibleEnd) {\n this.tablist!.scrollLeft =\n end + this.BUTTON_WIDTH - this.tablist!.clientWidth;\n }\n }\n }\n\n if (changedProperties.has('_currentScrollPosition')) {\n if (this._contentNode) {\n this._contentNode.style.insetInlineStart = `-${this._currentScrollPosition}px`;\n }\n }\n }\n\n render() {\n const {\n _isIntersectionLeftTrackerInContent: isIntersectionLeftTrackerInContent,\n _isIntersectionRightTrackerInContent: isIntersectionRightTrackerInContent,\n _assistiveStatusText: assistiveStatusText,\n _handleSlotchange: handleSlotchange,\n } = this;\n\n const previousButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-left`]: true,\n [`${prefix}--tab--overflow-nav-button--previous`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionLeftTrackerInContent,\n });\n const nextButtonClasses = classMap({\n [`${prefix}--tab--overflow-nav-button`]: true,\n [`${prefix}--tabs__nav-caret-right`]: true,\n [`${prefix}--tab--overflow-nav-button--next`]: true,\n [`${prefix}--tab--overflow-nav-button--hidden`]:\n isIntersectionRightTrackerInContent,\n });\n\n return html`\n <button\n part=\"prev-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${previousButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Left,\n })}>\n ${ChevronLeft16()}\n </button>\n\n <div class=\"${prefix}--tabs-nav-content-container\">\n <div class=\"${prefix}--tabs-nav-content\">\n <div class=\"${prefix}--tabs-nav\">\n <div id=\"tablist\" role=\"tablist\" class=\"${prefix}--tab--list\">\n <div class=\"${prefix}--sub-content-left\"></div>\n <slot @slotchange=${handleSlotchange}></slot>\n <div class=\"${prefix}--sub-content-right\"></div>\n </div>\n </div>\n </div>\n </div>\n\n <button\n part=\"next-button\"\n tabindex=\"-1\"\n aria-hidden=\"true\"\n class=\"${nextButtonClasses}\"\n @click=${(_) =>\n this._handleScrollButtonClick(_, {\n direction: NAVIGATION_DIRECTION.Right,\n })}>\n ${ChevronRight16()}\n </button>\n <div\n class=\"${prefix}--assistive-text\"\n role=\"status\"\n aria-live=\"assertive\"\n aria-relevant=\"additions text\">\n ${assistiveStatusText}\n </div>\n `;\n }\n\n /\n Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n /\n static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n /\n A selector that will return tabs.\n /\n static get selectorItem() {\n return `${prefix}-tab`;\n }\n\n /\n A selector that will return enabled tabs.\n /\n static get selectorItemEnabled() {\n return `${prefix}-tab:not([disabled])`;\n }\n\n /\n A selector that will return highlighted tabs.\n /\n static get selectorItemHighlighted() {\n return `${prefix}-tab[highlighted]`;\n }\n\n /\n A selector that will return selected tabs.\n /\n static get selectorItemSelected() {\n return `${prefix}-tab[selected]`;\n }\n\n /\n A selector that returns the tablist\n /\n static get selectorTablist() {\n return `.${prefix}--tab--list`;\n }\n\n /\n The name of the custom event fired before a tab is selected upon a user gesture.\n * Cancellation of this event stops changing the user-initiated selection.\n /\n static get eventBeforeSelect() {\n return `${prefix}-tabs-beingselected`;\n }\n\n /\n The name of the custom event fired after a a tab is selected upon a user gesture.\n /\n static get eventSelect() {\n return `${prefix}-tabs-selected`;\n }\n\n static styles = styles;\n\n /\n @param key The key symbol.\n * @returns A action for dropdown for the given key symbol.\n */\n static getAction(key: string) {\n if (key === 'Home') {\n return TABS_KEYBOARD_ACTION.HOME;\n }\n if (key === 'End') {\n return TABS_KEYBOARD_ACTION.END;\n }\n if (key in NAVIGATION_DIRECTION) {\n return TABS_KEYBOARD_ACTION.NAVIGATING;\n }\n return TABS_KEYBOARD_ACTION.NONE;\n }\n}\n"],"mappings":"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"}

package/es/components/tabs/tabs.rtl.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  "@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--btn{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) calc(1rem - 1px) calc(.875rem - 3px) calc(4rem - 1px);margin:0;border-radius:0;cursor:pointer;outline:0;text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;left:1rem;width:1rem;height:1rem;flex-shrink:0}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);padding:calc(.875rem - 3px) 1rem}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--ghost.cds--btn--field,.cds--btn--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{padding-left:.9375rem;padding-right:.9375rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--btn--field.cds--btn--icon-only,.cds--btn--md.cds--btn--icon-only{padding-left:.6875rem;padding-right:.6875rem}.cds--btn--sm.cds--btn--icon-only{padding-left:.4375rem;padding-right:.4375rem}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);padding:calc(.875rem - 3px) 1rem}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--danger--ghost.cds--btn--sm{padding:calc(.375rem - 3px) 1rem}.cds--btn--danger--ghost.cds--btn--field,.cds--btn--danger--ghost.cds--btn--md{padding:calc(.675rem - 3px) 1rem}.cds--btn--sm{min-height:2rem;padding:calc(.375rem - 3px) calc(1rem - 4px) calc(.375rem - 3px) calc(4rem - 4px)}.cds--btn--2xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:5rem}.cds--btn--xl:not(.cds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-left:4rem;padding-right:1rem;min-height:4rem}.cds--btn--field,.cds--btn--md{min-height:2.5rem;padding:calc(.675rem - 3px) calc(1rem - 4px) calc(.675rem - 3px) calc(4rem - 4px)}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);min-height:3rem}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--tabs,:host(cds-tabs),:host(cds-tabs-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:flex;width:100%;height:auto;min-height:2.5rem;max-height:4rem;color:var(--cds-text-primary,#161616)}.cds--tabs html,:host(cds-tabs) html,:host(cds-tabs-skeleton) html{font-size:100%}.cds--tabs body,:host(cds-tabs) body,:host(cds-tabs-skeleton) body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tabs code,:host(cds-tabs) code,:host(cds-tabs-skeleton) code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tabs strong,:host(cds-tabs) strong,:host(cds-tabs-skeleton) strong{font-weight:600}.cds--tabs.cds--tabs--contained,:host(cds-tabs-skeleton.cds--tabs--contained),:host(cds-tabs.cds--tabs--contained){min-height:3rem}.cds--tabs .cds--tab--list,:host(cds-tabs) .cds--tab--list,:host(cds-tabs-skeleton) .cds--tab--list{display:flex;width:auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;will-change:scroll-position}.cds--tabs .cds--tab--list::-webkit-scrollbar,:host(cds-tabs) .cds--tab--list::-webkit-scrollbar,:host(cds-tabs-skeleton) .cds--tab--list::-webkit-scrollbar{display:none}.cds--tabs .cds--tabs__nav,:host(cds-tabs) .cds--tabs__nav,:host(cds-tabs-skeleton) .cds--tabs__nav{display:flex}.cds--tabs .cds--tab--overflow-nav-button,:host(cds-tabs) .cds--tab--overflow-nav-button,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--cds-background,#fff)}.cds--tabs .cds--tab--overflow-nav-button *,.cds--tabs .cds--tab--overflow-nav-button ::after,.cds--tabs .cds--tab--overflow-nav-button ::before,:host(cds-tabs) .cds--tab--overflow-nav-button *,:host(cds-tabs) .cds--tab--overflow-nav-button ::after,:host(cds-tabs) .cds--tab--overflow-nav-button ::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button *,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button ::after,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button ::before{box-sizing:inherit}.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner,:host(cds-tabs) .cds--tab--overflow-nav-button::-moz-focus-inner,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button::-moz-focus-inner{border:0}.cds--tabs .cds--tab--overflow-nav-button:focus,:host(cds-tabs) .cds--tab--overflow-nav-button:focus,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tabs .cds--tab--overflow-nav-button:focus,:host(cds-tabs) .cds--tab--overflow-nav-button:focus,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button:focus{outline-style:dotted}}.cds--tabs .cds--tab--overflow-nav-button--hidden,:host(cds-tabs) .cds--tab--overflow-nav-button--hidden,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--hidden{display:none}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tab--overflow-nav-button,:host(cds-tabs.cds--tabs--contained) .cds--tab--overflow-nav-button{width:3rem;margin:0;background-color:var(--cds-layer-accent)}.cds--tabs .cds--tab--overflow-nav-button svg,:host(cds-tabs) .cds--tab--overflow-nav-button svg,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button svg{fill:var(--cds-icon-primary,#161616)}.cds--tabs .cds--tab--overflow-nav-button--next,:host(cds-tabs) .cds--tab--overflow-nav-button--next,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--next{position:absolute;top:0;left:0;bottom:0}.cds--tabs .cds--tab--overflow-nav-button--next::before,:host(cds-tabs) .cds--tab--overflow-nav-button--next::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--next::before{position:absolute;z-index:1;right:-.5rem;width:.5rem;height:100%;background:linear-gradient(to left,rgba(255,255,255,0),var(--cds-background,#fff));content:\"\"}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before,:host(cds-tabs.cds--tabs--contained) .cds--tab--overflow-nav-button--next::before{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs .cds--tab--overflow-nav-button--previous,:host(cds-tabs) .cds--tab--overflow-nav-button--previous,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--previous{position:absolute;top:0;bottom:0;right:0}.cds--tabs .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs) .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--previous::before{position:absolute;z-index:1;left:-.5rem;width:.5rem;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),var(--cds-background,#fff));content:\"\"}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs.cds--tabs--contained) .cds--tab--overflow-nav-button--previous::before{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left,:host(cds-tabs) .cds--tabs--light .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer))}.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right,:host(cds-tabs) .cds--tabs--light .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__overflow-indicator--left,:host(cds-tabs.cds--tabs--contained) .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__overflow-indicator--right,:host(cds-tabs.cds--tabs--contained) .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer-accent))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tabs .cds--tabs__overflow-indicator--left,:host(cds-tabs) .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton) .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-background,#fff),0),var(--cds-background,#fff))}.cds--tabs .cds--tabs__overflow-indicator--right,:host(cds-tabs) .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton) .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-background,#fff),0),var(--cds-background,#fff))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__overflow-indicator--left,:host(cds-tabs.cds--tabs--contained) .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-layer-accent),0),var(--cds-layer-accent))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__overflow-indicator--right,:host(cds-tabs.cds--tabs--contained) .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-layer-accent),0),var(--cds-layer-accent))}}}.cds--tabs .cds--tabs__nav-item-label-wrapper,:host(cds-tabs) .cds--tabs__nav-item-label-wrapper,:host(cds-tabs-skeleton) .cds--tabs__nav-item-label-wrapper{display:flex}.cds--tabs .cds--tabs__nav-item,:host(cds-tabs) .cds--tabs__nav-item,:host(cds-tabs-skeleton) .cds--tabs__nav-item{display:flex;flex:1 0 auto;padding:0;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs .cds--tabs__nav-item html,:host(cds-tabs) .cds--tabs__nav-item html,:host(cds-tabs-skeleton) .cds--tabs__nav-item html{font-size:100%}.cds--tabs .cds--tabs__nav-item body,:host(cds-tabs) .cds--tabs__nav-item body,:host(cds-tabs-skeleton) .cds--tabs__nav-item body{font-weight:400;font-family:'IBM Plex Sans',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tabs .cds--tabs__nav-item code,:host(cds-tabs) .cds--tabs__nav-item code,:host(cds-tabs-skeleton) .cds--tabs__nav-item code{font-family:'IBM Plex Mono',system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',monospace}.cds--tabs .cds--tabs__nav-item strong,:host(cds-tabs) .cds--tabs__nav-item strong,:host(cds-tabs-skeleton) .cds--tabs__nav-item strong{font-weight:600}.cds--tabs .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs) .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs-skeleton) .cds--tabs__nav-item+.cds--tabs__nav-item{margin-right:.0625rem}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item{background-color:var(--cds-layer-accent)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item+.cds--tabs__nav-item{margin-right:0;box-shadow:.0625rem 0 0 0 var(--cds-border-strong)}.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-item .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-item .cds--tabs__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon{padding:1rem;margin-top:-.5rem;margin-left:-1rem;margin-right:-1rem}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover{background-color:inherit}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg{width:24px;height:24px;padding:.25rem;margin:-.25rem}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover{background-color:var(--cds-layer-accent-hover)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover{background-color:var(--cds-layer-hover)}.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs-skeleton) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--tabs .cds--tabs__nav-item--icon,:host(cds-tabs) .cds--tabs__nav-item--icon,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon{display:flex;align-items:center;padding-right:.5rem}.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon{padding:.25rem;margin:-.25rem;cursor:pointer;line-height:0;pointer-events:auto}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--icon,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--icon{padding-right:1rem}.cds--tabs .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);overflow:hidden;padding:.75rem 1rem .5rem;border-bottom:2px solid var(--cds-border-subtle);color:var(--cds-text-secondary,#525252);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap}.cds--tabs .cds--tabs__nav-link *,.cds--tabs .cds--tabs__nav-link ::after,.cds--tabs .cds--tabs__nav-link ::before,:host(cds-tabs) .cds--tabs__nav-link *,:host(cds-tabs) .cds--tabs__nav-link ::after,:host(cds-tabs) .cds--tabs__nav-link ::before,:host(cds-tabs-skeleton) .cds--tabs__nav-link *,:host(cds-tabs-skeleton) .cds--tabs__nav-link ::after,:host(cds-tabs-skeleton) .cds--tabs__nav-link ::before{box-sizing:inherit}.cds--tabs .cds--tabs__nav-link::-moz-focus-inner,:host(cds-tabs) .cds--tabs__nav-link::-moz-focus-inner,:host(cds-tabs-skeleton) .cds--tabs__nav-link::-moz-focus-inner{border:0}.cds--tabs .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tabs .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-link:focus{outline-style:dotted}}.cds--tabs.cds--tabs--contained .cds--tabs__nav-link,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-link,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-link{height:3rem;padding:.5rem 1rem;border-bottom:0}.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label,:host(cds-tabs-skeleton.cds--tabs--contained:not(.cds--tabs--tall)) .cds--tabs__nav-item-label,:host(cds-tabs.cds--tabs--contained:not(.cds--tabs--tall)) .cds--tabs__nav-item-label{line-height:calc(3rem - (.5rem * 2))}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item-secondary-label,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item-secondary-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);min-height:1rem}.cds--tabs.cds--tabs--contained.cds--tabs--tall .cds--tabs__nav-link,:host(cds-tabs-skeleton.cds--tabs--contained.cds--tabs--tall) .cds--tabs__nav-link,:host(cds-tabs.cds--tabs--contained.cds--tabs--tall) .cds--tabs__nav-link{height:4rem}.cds--tabs.cds--tabs__icon--default .cds--tab--list,.cds--tabs.cds--tabs__icon--lg .cds--tab--list,:host(cds-tabs-skeleton.cds--tabs__icon--default) .cds--tab--list,:host(cds-tabs-skeleton.cds--tabs__icon--lg) .cds--tab--list,:host(cds-tabs.cds--tabs__icon--default) .cds--tab--list,:host(cds-tabs.cds--tabs__icon--lg) .cds--tab--list{overflow-x:visible}.cds--tabs .cds--tabs__nav-item--icon-only,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only,:host(cds-tabs) .cds--tabs__nav-item--icon-only,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon-only{display:flex;width:var(--cds-icon-tab-size,2.5rem);height:var(--cds-icon-tab-size,2.5rem);align-items:center;justify-content:center;padding:0}.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,:host(cds-tabs) .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label{line-height:0}.cds--tabs.cds--tabs__icon--lg,:host(cds-tabs-skeleton.cds--tabs__icon--lg),:host(cds-tabs.cds--tabs__icon--lg){--cds-icon-tab-size:3rem}.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover,:host(cds-tabs-skeleton:not(.cds--tabs--contained)) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover,:host(cds-tabs:not(.cds--tabs--contained)) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover{border-bottom:2px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover{background-color:var(--cds-layer-accent-hover);color:var(--cds-text-primary,#161616)}.cds--tabs .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected{border-bottom:2px solid var(--cds-border-interactive,#0f62fe);transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected+.cds--tabs__nav-item,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--selected+.cds--tabs__nav-item,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--selected+.cds--tabs__nav-item{box-shadow:none}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item.cds--tabs__nav-item--selected,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item.cds--tabs__nav-item--selected{box-shadow:inset 0 2px 0 0 var(--cds-border-interactive,#0f62fe)}.cds--tabs .cds--tabs__nav-item--selected,.cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary,#161616)}.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover,:host(cds-tabs-skeleton.cds--tabs--contained:not(.cds--tabs--tall)) .cds--tabs__nav-item--selected,:host(cds-tabs.cds--tabs--contained:not(.cds--tabs--tall)) .cds--tabs__nav-item--selected{line-height:calc(3rem - (.5rem * 2))}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--selected,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--selected{background-color:var(--cds-layer)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--selected .cds--tabs__nav-link:active,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--selected .cds--tabs__nav-link:active,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus{box-shadow:none}.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover,:host(cds-tabs-skeleton.cds--tabs--light.cds--tabs--contained) .cds--tabs__nav-item--selected,:host(cds-tabs.cds--tabs--light.cds--tabs--contained) .cds--tabs__nav-item--selected{background-color:var(--cds-background,#fff)}.cds--tabs .cds--tabs__nav-item--disabled,:host(cds-tabs) .cds--tabs__nav-item--disabled,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);background-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--tabs .cds--tabs__nav-item--disabled:hover,:host(cds-tabs) .cds--tabs__nav-item--disabled:hover,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:hover{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item.cds--tabs__nav-item--disabled,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item.cds--tabs__nav-item--disabled{background-color:var(--cds-button-disabled,#c6c6c6)}.cds--tabs .cds--tabs__nav-item--disabled:active,.cds--tabs .cds--tabs__nav-item--disabled:focus,:host(cds-tabs) .cds--tabs__nav-item--disabled:active,:host(cds-tabs) .cds--tabs__nav-item--disabled:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:active,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:focus{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);outline:0;pointer-events:none}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link{border-bottom-color:var(--cds-border-subtle)}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link{border-bottom-color:var(--cds-border-subtle)}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus{border-bottom-color:var(--cds-border-subtle)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--disabled,:host(cds-tabs-skeleton.cds--tabs--contained) .cds--tabs__nav-item--disabled,:host(cds-tabs.cds--tabs--contained) .cds--tabs__nav-item--disabled{border-bottom:none;color:var(--cds-text-on-color-disabled,#8d8d8d)}.cds--tab-content{padding:1rem}.cds--tab-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tab-content:focus{outline-style:dotted}}.cds--tab-content--interactive:focus{outline:0}.cds--tabs.cds--skeleton,:host(cds-tabs-skeleton.cds--skeleton),:host(cds-tabs.cds--skeleton){cursor:default;pointer-events:none}.cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link,:host(cds-tabs-skeleton.cds--skeleton:not(.cds--tabs--contained)) .cds--tabs__nav-link,:host(cds-tabs.cds--skeleton:not(.cds--tabs--contained)) .cds--tabs__nav-link{border-bottom:2px solid var(--cds-skeleton-element,#c6c6c6)}.cds--tabs.cds--skeleton .cds--tabs__nav-link,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link{display:flex;width:10rem;height:100%;align-items:center;padding:0 1rem}.cds--tabs.cds--skeleton .cds--tabs__nav-link span,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:.875rem}.cds--tabs.cds--skeleton .cds--tabs__nav-link span:active,.cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus,.cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span:active,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span:focus,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span:hover,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span:active,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span:focus,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span:hover{border:none;cursor:default;outline:0}.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span::before,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before,:host(cds-tabs-skeleton.cds--skeleton) .cds--tabs__nav-link span::before,:host(cds-tabs.cds--skeleton) .cds--tabs__nav-link span::before{animation:none}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled .cds--tabs__nav-link{color:GrayText;fill:GrayText}}:host(cds-tabs) .cds--tabs-nav-content-container,:host(cds-tabs-skeleton) .cds--tabs-nav-content-container{flex:1 1 0%;position:relative;overflow:scroll;height:42px;scrollbar-width:none}:host(cds-tabs) .cds--tabs-nav-content-container::-webkit-scrollbar,:host(cds-tabs-skeleton) .cds--tabs-nav-content-container::-webkit-scrollbar{display:none}:host(cds-tabs) :where(.cds--tabs-nav-content),:host(cds-tabs-skeleton) :where(.cds--tabs-nav-content){position:absolute;height:100%;inset-inline-start:0;transition:inset 110ms cubic-bezier(.2,0,.38,.9)}:host(cds-tabs) .cds--tabs-nav,:host(cds-tabs-skeleton) .cds--tabs-nav{display:block;position:absolute}:host(cds-tabs) .cds--tab--overflow-nav-button,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button{z-index:1}:host(cds-tabs){outline:2px solid transparent;outline-offset:-2px}:host(cds-tabs) .cds--tabs-trigger svg{width:auto;height:auto}:host(cds-tabs:focus) .cds--tabs-trigger{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-tabs:focus) .cds--tabs-trigger{outline-style:dotted}}:host(cds-tab){display:flex;background:0 0;width:100%;outline:0}:host(cds-tab) .cds--tabs__nav-link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;width:100%;overflow:hidden;max-width:10rem;padding:.75rem 1rem .5rem;border-bottom:2px solid var(--cds-border-subtle);color:var(--cds-text-secondary,#525252);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap}:host(cds-tab) .cds--tabs__nav-link *,:host(cds-tab) .cds--tabs__nav-link ::after,:host(cds-tab) .cds--tabs__nav-link ::before{box-sizing:inherit}:host(cds-tab) .cds--tabs__nav-link::-moz-focus-inner{border:0}:host(cds-tab) .cds--tabs__nav-link:active,:host(cds-tab) .cds--tabs__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-tab) .cds--tabs__nav-link:active,:host(cds-tab) .cds--tabs__nav-link:focus{outline-style:dotted}}:host(cds-tab[selected]) .cds--tabs__nav-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);border-bottom:2px solid var(--cds-border-interactive,#0f62fe)}:host(cds-tab:hover){background-color:transparent;box-shadow:0 -1px 0 var(--cds-background-hover,rgba(141,141,141,.12))}:host(cds-tab:hover) a.cds--tabs__nav-link{border-bottom:2px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616)}:host(cds-tabs[type=contained]) .cds--tabs-nav-content-container{height:3rem}:host(cds-tab[type=contained]){background-color:var(--cds-layer-accent-01,#e0e0e0)}:host(cds-tab[type=contained]) a.cds--tabs__nav-link{height:3rem;padding:.5rem 1rem;line-height:calc(3rem - (.5rem * 2))}:host(cds-tab[type=contained]) a.cds--tabs__nav-link,:host(cds-tab[type=contained]:hover) a.cds--tabs__nav-link{border-bottom:none;box-shadow:.0625rem 0 0 0 var(--cds-border-strong)}:host(cds-tab[type=contained][hide-divider]) a.cds--tabs__nav-link{box-shadow:.0625rem 0 0 0 transparent}:host(cds-tab[disabled][role]),:host(cds-tab[disabled][role]:hover){background-color:transparent;box-shadow:none;cursor:not-allowed;outline:0}:host(cds-tab[disabled][role]) .cds--tabs__nav-link,:host(cds-tab[disabled][role]:hover) .cds--tabs__nav-link{color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none;outline:0;border-bottom:2px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-tab[type=contained][disabled][role]) .cds--tabs__nav-link{background-color:var(--cds-button-disabled,#c6c6c6);border-bottom:none;color:var(--cds-text-on-color-disabled,#8d8d8d)}:host(cds-tab[selected]){display:flex;background-color:transparent;transition:color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-tab[selected]) .cds--tabs__nav-link{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);line-height:var(--cds-heading-01-line-height,1.42857);letter-spacing:var(--cds-heading-01-letter-spacing,.16px)}:host(cds-tab[selected]:hover){background-color:transparent}:host(cds-tab[selected]) .cds--tabs__nav-link,:host(cds-tab[selected]) .cds--tabs__nav-link:active,:host(cds-tab[selected]) .cds--tabs__nav-link:focus{color:var(--cds-text-primary,#161616)}:host(cds-tab[type=contained][selected]),:host(cds-tab[type=contained][selected]:hover){background-color:var(--cds-layer-01,#f4f4f4)}:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link{line-height:calc(3rem - (.5rem * 2));box-shadow:inset 0 2px 0 0 var(--cds-interactive,#0f62fe);border-bottom:none}:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link:active,:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link:focus{box-shadow:none}:host(cds-tab[type=contained]:hover){background-color:var(--cds-layer-accent-hover)}:host(cds-tab[disabled][in-focus][selected]),:host(cds-tab[disabled][in-focus][selected]:hover),:host(cds-tab[disabled][selected]),:host(cds-tab[disabled][selected]:hover){display:flex;background-color:transparent;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));border-bottom:2px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link:active,:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link:active,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link:focus{border-bottom-width:3px}:host(cds-tabs-skeleton) .cds--tabs-trigger{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem}:host(cds-tabs-skeleton) .cds--tabs-trigger:active,:host(cds-tabs-skeleton) .cds--tabs-trigger:focus,:host(cds-tabs-skeleton) .cds--tabs-trigger:hover{border:none;cursor:default;outline:0}:host(cds-tabs-skeleton) .cds--tabs-trigger::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tabs-skeleton) .cds--tabs-trigger::before{animation:none}}:host(cds-tab-skeleton){margin-right:.125rem}:host(cds-tab-skeleton) .cds--tabs__nav-link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.75rem}:host(cds-tab-skeleton) .cds--tabs__nav-link:active,:host(cds-tab-skeleton) .cds--tabs__nav-link:focus,:host(cds-tab-skeleton) .cds--tabs__nav-link:hover{border:none;cursor:default;outline:0}:host(cds-tab-skeleton) .cds--tabs__nav-link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:\"\";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tab-skeleton) .cds--tabs__nav-link::before{animation:none}}:host(cds-tab-skeleton:first-of-type){margin-right:0}",
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}100%{opacity:.3;transform:scaleX(0);transform-origin:right}}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds--layer-one{--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--layer-two{--cds-layer:var(--cds-layer-02, #ffffff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #ffffff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds--popover-container{position:relative;display:inline-block}.cds--popover--high-contrast .cds--popover{--cds-popover-background-color:var(--cds-background-inverse, #393939);--cds-popover-text-color:var(--cds-text-inverse, #ffffff)}.cds--popover--drop-shadow .cds--popover{--cds-popover-drop-shadow:drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2))}.cds--popover--caret{--cds-popover-offset:0.625rem}.cds--popover{position:absolute;z-index:6000;filter:var(--cds-popover-drop-shadow, none);inset:0;pointer-events:none}.cds--popover-content{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;position:absolute;z-index:6000;display:none;width:-moz-max-content;width:max-content;max-width:23rem;background-color:var(--cds-popover-background-color,var(--cds-layer));border-radius:var(--cds-popover-border-radius,2px);color:var(--cds-popover-text-color,var(--cds-text-primary,#161616));pointer-events:auto}.cds--popover-content *,.cds--popover-content ::after,.cds--popover-content ::before{box-sizing:inherit}.cds--popover--open>.cds--popover>.cds--popover-content{display:block}.cds--popover-content::before{position:absolute;display:none;content:""}.cds--popover--open>.cds--popover>.cds--popover-content::before{display:block}.cds--popover-caret{position:absolute;z-index:6000;display:none;background-color:var(--cds-popover-background-color,var(--cds-layer));will-change:transform}.cds--popover--open>.cds--popover>.cds--popover-caret{display:block}.cds--popover--tab-tip .cds--popover .cds--popover-caret{display:none}.cds--popover--bottom .cds--popover-content{bottom:0;right:50%;transform:translate(50%,calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-left .cds--popover-content{bottom:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(100% + var(--cds-popover-offset,0)))}.cds--popover--bottom-right .cds--popover-content{left:0;bottom:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(100% + var(--cds-popover-offset,0))))}.cds--popover--bottom .cds--popover-content::before,.cds--popover--bottom-left .cds--popover-content::before,.cds--popover--bottom-right .cds--popover-content::before{top:0;left:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(-100%)}.cds--popover--bottom .cds--popover-caret,.cds--popover--bottom-left .cds--popover-caret,.cds--popover--bottom-right .cds--popover-caret{bottom:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 100%,50% 0,100% 100%);clip-path:polygon(0 100%,50% 0,100% 100%);transform:translate(50%,var(--cds-popover-offset,0))}.cds--popover--top .cds--popover-content{top:0;right:50%;transform:translate(50%,calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-left .cds--popover-content{top:0;right:0;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-100% - var(--cds-popover-offset,0)))}.cds--popover--top-right .cds--popover-content{top:0;left:0;transform:translate(var(--cds-popover-offset,0),calc(-1*(-100% - var(--cds-popover-offset,0))))}.cds--popover--top .cds--popover-content::before,.cds--popover--top-left .cds--popover-content::before,.cds--popover--top-right .cds--popover-content::before{left:0;bottom:0;right:0;height:var(--cds-popover-offset,0);transform:translateY(100%)}.cds--popover--top .cds--popover-caret,.cds--popover--top-left .cds--popover-caret,.cds--popover--top-right .cds--popover-caret{top:0;right:50%;width:var(--cds-popover-caret-width,.75rem);height:var(--cds-popover-caret-height,.375rem);-webkit-clip-path:polygon(0 0,50% 100%,100% 0);clip-path:polygon(0 0,50% 100%,100% 0);transform:translate(50%,calc(-1 * var(--cds-popover-offset,0)))}.cds--popover--right .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),50%)}.cds--popover--right-top .cds--popover-content{top:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) * -1 - 16px)))}.cds--popover--right-bottom .cds--popover-content{bottom:50%;right:100%;transform:translate(var(--cds-popover-offset,0),calc(-1*(.5 * var(--cds-popover-offset,0) + 16px)))}.cds--popover--right .cds--popover-content::before,.cds--popover--right-bottom .cds--popover-content::before,.cds--popover--right-top .cds--popover-content::before{top:0;bottom:0;right:0;width:var(--cds-popover-offset,0);transform:translateX(100%)}.cds--popover--right .cds--popover-caret,.cds--popover--right-bottom .cds--popover-caret,.cds--popover--right-top .cds--popover-caret{top:50%;right:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 50%,100% 0,100% 100%);clip-path:polygon(0 50%,100% 0,100% 100%);transform:translate(calc(-1*(var(--cds-popover-offset,0) - 100%)),-50%)}.cds--popover--left .cds--popover-content{top:50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + .1px)),-50%)}.cds--popover--left-top .cds--popover-content{top:-50%;left:100%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(-.5 * var(--cds-popover-offset,0) + 16px))}.cds--popover--left-bottom .cds--popover-content{left:100%;bottom:-50%;transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0))),calc(.5 * var(--cds-popover-offset,0) - 16px))}.cds--popover--left .cds--popover-content::before,.cds--popover--left-bottom .cds--popover-content::before,.cds--popover--left-top .cds--popover-content::before{top:0;left:0;bottom:0;width:var(--cds-popover-offset,0);transform:translateX(-100%)}.cds--popover--left .cds--popover-caret,.cds--popover--left-bottom .cds--popover-caret,.cds--popover--left-top .cds--popover-caret{top:50%;left:100%;width:var(--cds-popover-caret-height,.375rem);height:var(--cds-popover-caret-width,.75rem);-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(calc(-1*(-1 * var(--cds-popover-offset,0) + 100%)),-50%)}.cds--popover--tab-tip .cds--popover-content{border-radius:0}.cds--popover--tab-tip .cds--popover{will-change:filter}.cds--popover--tab-tip__button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;position:relative;display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center}.cds--popover--tab-tip__button *,.cds--popover--tab-tip__button ::after,.cds--popover--tab-tip__button ::before{box-sizing:inherit}.cds--popover--tab-tip__button::-moz-focus-inner{border:0}.cds--popover--tab-tip__button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--popover--tab-tip__button:focus{outline-style:dotted}}.cds--popover--tab-tip__button:hover{background-color:var(--cds-layer-hover)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button{background:var(--cds-layer);box-shadow:0 2px 2px rgba(0,0,0,.2)}.cds--popover--tab-tip.cds--popover--open .cds--popover--tab-tip__button:not(:focus)::after{position:absolute;z-index:6001;bottom:0;width:100%;height:2px;background:var(--cds-layer);content:""}.cds--popover--tab-tip__button svg{fill:var(--cds-icon-primary,#161616)}.cds--tooltip{--cds-popover-offset:12px}.cds--tooltip-content{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:18rem;padding:var(--cds-tooltip-padding-block,1rem) var(--cds-tooltip-padding-inline,1rem);color:var(--cds-text-inverse,#fff)}.cds--icon-tooltip{--cds-tooltip-padding-block:0.125rem;--cds-popover-caret-width:0.5rem;--cds-popover-caret-height:0.25rem;--cds-popover-offset:0.5rem}.cds--icon-tooltip .cds--tooltip-content{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px)}.cds--definition-term{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;border-bottom:1px dotted var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616)}.cds--definition-term *,.cds--definition-term ::after,.cds--definition-term ::before{box-sizing:inherit}.cds--definition-term::-moz-focus-inner{border:0}.cds--definition-term:focus{outline:1px solid var(--cds-focus,#0f62fe);border-bottom-color:var(--cds-border-interactive,#0f62fe)}@media screen and (prefers-contrast){.cds--definition-term:focus{outline-style:dotted}}.cds--definition-term:hover{border-bottom-color:var(--cds-border-interactive,#0f62fe)}.cds--definition-tooltip{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);line-height:var(--cds-body-01-line-height,1.42857);letter-spacing:var(--cds-body-01-letter-spacing,.16px);max-width:11rem;padding:.5rem 1rem}.cds--btn{--cds-layout-size-height-local:clamp(var(--cds-layout-size-height-min), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), var(--cds-layout-size-height-max));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max));--temp-1lh:(\n    var(--cds-body-compact-01-line-height, 1.28572) * 1em\n  );--temp-expressive-1lh:(\n    var(--cds-body-compact-02-line-height, 1.375) * 1em\n  );--temp-padding-block-max:calc(\n    (var(--cds-layout-size-height-lg) - var(--temp-1lh)) / 2 -\n      0.0625rem\n  );box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);position:relative;display:inline-flex;width:-moz-max-content;width:max-content;max-width:20rem;min-height:var(--cds-layout-size-height-local);flex-shrink:0;justify-content:space-between;margin:0;border-radius:0;cursor:pointer;outline:0;padding-block:min((var(--cds-layout-size-height-local) - var(--temp-1lh)) / 2 - .0625rem,var(--temp-padding-block-max));-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) * 3 + 1rem - .0625rem);-webkit-padding-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-start:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);text-align:right;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top}.cds--btn *,.cds--btn ::after,.cds--btn ::before{box-sizing:inherit}.cds--btn.cds--btn--disabled,.cds--btn.cds--btn--disabled:focus,.cds--btn.cds--btn--disabled:hover,.cds--btn:disabled,.cds--btn:focus:disabled,.cds--btn:hover:disabled{border-color:var(--cds-button-disabled,#c6c6c6);background:var(--cds-button-disabled,#c6c6c6);box-shadow:none;color:var(--cds-text-on-color-disabled,#8d8d8d);cursor:not-allowed}.cds--btn .cds--btn__icon{position:absolute;top:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));left:var(--cds-layout-density-padding-inline-local);width:1rem;height:1rem;flex-shrink:0;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn::-moz-focus-inner{padding:0;border:0}.cds--btn--primary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-primary,#0f62fe);color:var(--cds-text-on-color,#fff)}.cds--btn--primary:hover{background-color:var(--cds-button-primary-hover,#0050e6)}.cds--btn--primary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--primary:active{background-color:var(--cds-button-primary-active,#002d9c)}.cds--btn--primary .cds--btn__icon,.cds--btn--primary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--primary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--secondary{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-secondary,#393939);color:var(--cds-text-on-color,#fff)}.cds--btn--secondary:hover{background-color:var(--cds-button-secondary-hover,#474747)}.cds--btn--secondary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--secondary:active{background-color:var(--cds-button-secondary-active,#6f6f6f)}.cds--btn--secondary .cds--btn__icon,.cds--btn--secondary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--secondary:focus,.cds--btn--secondary:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-tertiary,#0f62fe);background-color:transparent;color:var(--cds-button-tertiary,#0f62fe)}.cds--btn--tertiary:hover{background-color:var(--cds-button-tertiary-hover,#0050e6)}.cds--btn--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--tertiary:active{background-color:var(--cds-button-tertiary-active,#002d9c)}.cds--btn--tertiary .cds--btn__icon,.cds--btn--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--tertiary:hover{color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:focus{background-color:var(--cds-button-tertiary,#0f62fe);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary:active{border-color:transparent;background-color:var(--cds-button-tertiary-active,#002d9c);color:var(--cds-text-inverse,#fff)}.cds--btn--tertiary.cds--btn--disabled,.cds--btn--tertiary.cds--btn--disabled:focus,.cds--btn--tertiary.cds--btn--disabled:hover,.cds--btn--tertiary:disabled,.cds--btn--tertiary:focus:disabled,.cds--btn--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-link-primary,#0f62fe);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--ghost:hover{background-color:var(--cds-layer-hover)}.cds--btn--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--ghost:active{background-color:var(--cds-layer-active)}.cds--btn--ghost .cds--btn__icon,.cds--btn--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--ghost:active,.cds--btn--ghost:hover{color:var(--cds-link-primary-hover,#0043ce)}.cds--btn--ghost:active{background-color:var(--cds-background-active,rgba(141,141,141,.5))}.cds--btn--ghost.cds--btn--disabled,.cds--btn--ghost.cds--btn--disabled:focus,.cds--btn--ghost.cds--btn--disabled:hover,.cds--btn--ghost:disabled,.cds--btn--ghost:focus:disabled,.cds--btn--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--ghost:not([disabled]) svg{fill:var(--cds-icon-primary,#161616)}.cds--btn--icon-only{width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);justify-content:center;padding:0;-webkit-padding-before:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max));padding-block-start:min((var(--cds-layout-size-height-local) - 1rem) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only>:first-child{min-width:1rem;-webkit-margin-before:.0625rem;margin-block-start:.0625rem}.cds--btn--icon-only .cds--btn__icon{position:static}.cds--btn--icon-only.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--icon-only.cds--btn--ghost .cds--btn__icon{margin:0}.cds--btn--icon-only.cds--btn--selected{background:var(--cds-background-selected,rgba(141,141,141,.2))}.cds--btn path[data-icon-path=inner-path]{fill:none}.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:var(--cds-icon-primary,#161616)}.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only[disabled] .cds--btn__icon path:not([data-icon-path]):not([fill=none]),.cds--btn.cds--btn--icon-only.cds--btn--ghost[disabled]:hover .cds--btn__icon{fill:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn--ghost.cds--btn--icon-only[disabled]{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--tooltip-trigger__wrapper{cursor:not-allowed}.cds--icon-tooltip--disabled .cds--btn--icon-only[disabled]{pointer-events:none}.cds--btn--danger{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger .cds--btn__icon,.cds--btn--danger .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary{border-width:1px;border-style:solid;border-color:var(--cds-button-danger-secondary,#da1e28);background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28)}.cds--btn--danger--tertiary:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--tertiary:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--tertiary:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--tertiary .cds--btn__icon,.cds--btn--danger--tertiary .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--tertiary:hover{border-color:var(--cds-button-danger-hover,#b81921);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:focus{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary:active{border-color:var(--cds-button-danger-active,#750e13);background-color:var(--cds-button-danger-active,#750e13);color:var(--cds-text-on-color,#fff)}.cds--btn--danger--tertiary.cds--btn--disabled,.cds--btn--danger--tertiary.cds--btn--disabled:focus,.cds--btn--danger--tertiary.cds--btn--disabled:hover,.cds--btn--danger--tertiary:disabled,.cds--btn--danger--tertiary:focus:disabled,.cds--btn--danger--tertiary:hover:disabled{background:0 0;color:var(--cds-text-on-color-disabled,#8d8d8d);outline:0}.cds--btn--danger--ghost{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--cds-button-danger-secondary,#da1e28);-webkit-padding-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem);padding-inline-end:calc(var(--cds-layout-density-padding-inline-local) - .0625rem)}.cds--btn--danger--ghost:hover{background-color:var(--cds-button-danger-hover,#b81921)}.cds--btn--danger--ghost:focus{border-color:var(--cds-button-focus-color,var(--cds-focus,#0f62fe));box-shadow:inset 0 0 0 1px var(--cds-button-focus-color,var(--cds-focus,#0f62fe)),inset 0 0 0 2px var(--cds-background,#fff)}.cds--btn--danger--ghost:active{background-color:var(--cds-button-danger-active,#750e13)}.cds--btn--danger--ghost .cds--btn__icon,.cds--btn--danger--ghost .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.cds--btn--danger--ghost .cds--btn__icon{position:static;margin-right:.5rem}.cds--btn--danger--ghost:active,.cds--btn--danger--ghost:hover{color:var(--cds-text-on-color,#fff)}.cds--btn--danger--ghost.cds--btn--disabled,.cds--btn--danger--ghost.cds--btn--disabled:focus,.cds--btn--danger--ghost.cds--btn--disabled:hover,.cds--btn--danger--ghost:disabled,.cds--btn--danger--ghost:focus:disabled,.cds--btn--danger--ghost:hover:disabled{border-color:transparent;background:0 0;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--btn--expressive{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);line-height:var(--cds-body-compact-02-line-height,1.375);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);padding-block:min((var(--cds-layout-size-height-local) - var(--temp-expressive-1lh)) / 2 - .0625rem,var(--temp-padding-block-max))}.cds--btn--icon-only.cds--btn--expressive{padding:12px 13px}.cds--btn.cds--btn--expressive .cds--btn__icon{width:1.25rem;height:1.25rem}.cds--btn-set .cds--btn.cds--btn--expressive{max-width:20rem}.cds--btn.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.cds--btn.cds--skeleton:active,.cds--btn.cds--skeleton:focus,.cds--btn.cds--skeleton:hover{border:none;cursor:default;outline:0}.cds--btn.cds--skeleton::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--btn.cds--skeleton::before{animation:none}}.cds--btn-set{display:flex}.cds--btn-set--stacked{flex-direction:column}.cds--btn-set .cds--btn{width:100%;max-width:12.25rem}.cds--btn-set .cds--btn:not(:focus){box-shadow:.0625rem 0 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn:focus+.cds--btn{box-shadow:inherit}.cds--btn-set--stacked .cds--btn:not(:focus){box-shadow:0 -.0625rem 0 0 var(--cds-button-separator,#e0e0e0)}.cds--btn-set--stacked .cds--btn:first-of-type:not(:focus){box-shadow:inherit}.cds--btn-set .cds--btn.cds--btn--disabled{box-shadow:.0625rem 0 0 0 var(--cds-icon-on-color-disabled,#8d8d8d)}.cds--btn-set .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}.cds--btn-set--stacked .cds--btn.cds--btn--disabled{box-shadow:0 -.0625rem 0 0 var(--cds-layer-selected-disabled,#8d8d8d)}.cds--btn-set--stacked .cds--btn.cds--btn--disabled:first-of-type{box-shadow:none}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon,.cds--btn--ghost.cds--btn--icon-only .cds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:ButtonText}}.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-label,.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item-secondary-label{overflow:hidden;text-overflow:ellipsis}.cds--tabs.cds--tabs--contained.cds--tabs--full-width .cds--tab--list .cds--tabs__nav-link .cds--tabs__nav-item--icon{margin-right:auto}.cds--tab-content,.cds--tabs,:host(cds-tabs),:host(cds-tabs-skeleton){--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min), var(--cds-layout-density-padding-inline, var(--cds-layout-density-padding-inline-normal)), var(--cds-layout-density-padding-inline-max))}.cds--tabs.cds--tabs--contained.cds--tabs--tall,.cds--tabs.cds--tabs--tall{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-lg)), var(--cds-layout-size-height, var(--cds-layout-size-height-xl)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)))}.cds--tabs,:host(cds-tabs),:host(cds-tabs-skeleton){font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-lg)));position:relative;display:flex;width:100%;height:auto;min-height:var(--cds-layout-size-height-local);max-height:var(--cds-layout-size-height-xl);color:var(--cds-text-primary,#161616)}.cds--tabs html,:host(cds-tabs) html,:host(cds-tabs-skeleton) html{font-size:100%}.cds--tabs body,:host(cds-tabs) body,:host(cds-tabs-skeleton) body{font-weight:400;font-family:\'IBM Plex Sans\',system-ui,-apple-system,BlinkMacSystemFont,\'.SFNSText-Regular\',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tabs code,:host(cds-tabs) code,:host(cds-tabs-skeleton) code{font-family:\'IBM Plex Mono\',system-ui,-apple-system,BlinkMacSystemFont,\'.SFNSText-Regular\',monospace}.cds--tabs strong,:host(cds-tabs) strong,:host(cds-tabs-skeleton) strong{font-weight:600}.cds--tabs.cds--tabs--contained{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-lg)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-xl)))}.cds--tabs .cds--tab--list,:host(cds-tabs) .cds--tab--list,:host(cds-tabs-skeleton) .cds--tab--list{display:flex;width:auto;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;will-change:scroll-position}.cds--tabs .cds--tab--list::-webkit-scrollbar,:host(cds-tabs) .cds--tab--list::-webkit-scrollbar,:host(cds-tabs-skeleton) .cds--tab--list::-webkit-scrollbar{display:none}.cds--tabs .cds--tabs__nav,:host(cds-tabs) .cds--tabs__nav,:host(cds-tabs-skeleton) .cds--tabs__nav{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:flex}.cds--tabs .cds--tabs__nav *,.cds--tabs .cds--tabs__nav ::after,.cds--tabs .cds--tabs__nav ::before,:host(cds-tabs) .cds--tabs__nav *,:host(cds-tabs) .cds--tabs__nav ::after,:host(cds-tabs) .cds--tabs__nav ::before,:host(cds-tabs-skeleton) .cds--tabs__nav *,:host(cds-tabs-skeleton) .cds--tabs__nav ::after,:host(cds-tabs-skeleton) .cds--tabs__nav ::before{box-sizing:inherit}.cds--tabs .cds--tab--overflow-nav-button,:host(cds-tabs) .cds--tab--overflow-nav-button,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;width:100%;display:flex;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--cds-background,#fff)}.cds--tabs .cds--tab--overflow-nav-button *,.cds--tabs .cds--tab--overflow-nav-button ::after,.cds--tabs .cds--tab--overflow-nav-button ::before,:host(cds-tabs) .cds--tab--overflow-nav-button *,:host(cds-tabs) .cds--tab--overflow-nav-button ::after,:host(cds-tabs) .cds--tab--overflow-nav-button ::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button *,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button ::after,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button ::before{box-sizing:inherit}.cds--tabs .cds--tab--overflow-nav-button::-moz-focus-inner,:host(cds-tabs) .cds--tab--overflow-nav-button::-moz-focus-inner,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button::-moz-focus-inner{border:0}.cds--tabs .cds--tab--overflow-nav-button:focus,:host(cds-tabs) .cds--tab--overflow-nav-button:focus,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tabs .cds--tab--overflow-nav-button:focus,:host(cds-tabs) .cds--tab--overflow-nav-button:focus,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button:focus{outline-style:dotted}}.cds--tabs .cds--tab--overflow-nav-button--hidden,:host(cds-tabs) .cds--tab--overflow-nav-button--hidden,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--hidden{display:none}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button{width:3rem;margin:0;background-color:var(--cds-layer-accent)}.cds--tabs .cds--tab--overflow-nav-button svg,:host(cds-tabs) .cds--tab--overflow-nav-button svg,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button svg{fill:var(--cds-icon-primary,#161616)}.cds--tabs .cds--tab--overflow-nav-button--next,:host(cds-tabs) .cds--tab--overflow-nav-button--next,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--next{position:absolute;top:0;left:0;bottom:0}.cds--tabs .cds--tab--overflow-nav-button--next::before,:host(cds-tabs) .cds--tab--overflow-nav-button--next::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--next::before{position:absolute;z-index:1;right:-.5rem;width:.5rem;height:100%;background:linear-gradient(to left,rgba(255,255,255,0),var(--cds-background,#fff));content:""}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--next::before{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs .cds--tab--overflow-nav-button--previous,:host(cds-tabs) .cds--tab--overflow-nav-button--previous,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--previous{position:absolute;top:0;bottom:0;right:0}.cds--tabs .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs) .cds--tab--overflow-nav-button--previous::before,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button--previous::before{position:absolute;z-index:1;left:-.5rem;width:.5rem;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),var(--cds-background,#fff));content:""}.cds--tabs.cds--tabs--contained .cds--tab--overflow-nav-button--previous::before{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--left,:host(cds-tabs) .cds--tabs--light .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer))}.cds--tabs .cds--tabs--light .cds--tabs__overflow-indicator--right,:host(cds-tabs) .cds--tabs--light .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--cds-layer-accent))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--cds-layer-accent))}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tabs .cds--tabs__overflow-indicator--left,:host(cds-tabs) .cds--tabs__overflow-indicator--left,:host(cds-tabs-skeleton) .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-background,#fff),0),var(--cds-background,#fff))}.cds--tabs .cds--tabs__overflow-indicator--right,:host(cds-tabs) .cds--tabs__overflow-indicator--right,:host(cds-tabs-skeleton) .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-background,#fff),0),var(--cds-background,#fff))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--left{background-image:linear-gradient(to right,rgba(var(--cds-layer-accent),0),var(--cds-layer-accent))}.cds--tabs.cds--tabs--contained .cds--tabs__overflow-indicator--right{background-image:linear-gradient(to left,rgba(var(--cds-layer-accent),0),var(--cds-layer-accent))}}}.cds--tabs .cds--tabs__nav-item-label-wrapper,:host(cds-tabs) .cds--tabs__nav-item-label-wrapper,:host(cds-tabs-skeleton) .cds--tabs__nav-item-label-wrapper{display:flex}.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item-label-wrapper,:host(cds-tabs-skeleton:not(.cds--tabs--contained)) .cds--tabs__nav-item-label-wrapper,:host(cds-tabs:not(.cds--tabs--contained)) .cds--tabs__nav-item-label-wrapper{position:relative;top:.0625rem}.cds--tabs .cds--tabs__nav-item,:host(cds-tabs) .cds--tabs__nav-item,:host(cds-tabs-skeleton) .cds--tabs__nav-item{display:flex;flex:1 0 auto;padding:0;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs .cds--tabs__nav-item html,:host(cds-tabs) .cds--tabs__nav-item html,:host(cds-tabs-skeleton) .cds--tabs__nav-item html{font-size:100%}.cds--tabs .cds--tabs__nav-item body,:host(cds-tabs) .cds--tabs__nav-item body,:host(cds-tabs-skeleton) .cds--tabs__nav-item body{font-weight:400;font-family:\'IBM Plex Sans\',system-ui,-apple-system,BlinkMacSystemFont,\'.SFNSText-Regular\',sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--tabs .cds--tabs__nav-item code,:host(cds-tabs) .cds--tabs__nav-item code,:host(cds-tabs-skeleton) .cds--tabs__nav-item code{font-family:\'IBM Plex Mono\',system-ui,-apple-system,BlinkMacSystemFont,\'.SFNSText-Regular\',monospace}.cds--tabs .cds--tabs__nav-item strong,:host(cds-tabs) .cds--tabs__nav-item strong,:host(cds-tabs-skeleton) .cds--tabs__nav-item strong{font-weight:600}.cds--tabs .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs) .cds--tabs__nav-item+.cds--tabs__nav-item,:host(cds-tabs-skeleton) .cds--tabs__nav-item+.cds--tabs__nav-item{margin-right:.0625rem}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item{background-color:var(--cds-layer-accent)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item+.cds--tabs__nav-item{margin-right:0;box-shadow:.0625rem 0 0 0 var(--cds-border-strong)}.cds--tabs .cds--tabs__nav-item .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-item .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-item .cds--tabs__nav-link{transition:color 70ms cubic-bezier(.2,0,.38,.9),border-bottom-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover{background-color:inherit}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg{width:24px;height:24px;padding:.25rem;margin:-.25rem}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover{background-color:var(--cds-layer-accent-hover)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled).cds--tabs__nav-item--selected .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon svg:hover{background-color:var(--cds-layer-hover)}.cds--tabs .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover,:host(cds-tabs-skeleton) .cds--tabs__nav-item:not(.cds--tabs__nav-item--disabled) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon:hover{background-color:var(--cds-background-hover,rgba(141,141,141,.12))}.cds--tabs .cds--tabs__nav-item--icon,:host(cds-tabs) .cds--tabs__nav-item--icon,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon{display:flex;align-items:center;padding-right:.5rem}.cds--tabs .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon .cds--tabs__nav-item--close-icon{padding:.25rem;margin:-.25rem;line-height:0;pointer-events:auto}.cds--tabs .cds--tabs__nav-item--icon-left,:host(cds-tabs) .cds--tabs__nav-item--icon-left,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon-left{display:flex;align-items:center;padding-left:.5rem;margin-top:-2px}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon{-webkit-padding-start:var(--cds-layout-density-padding-inline-local);padding-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--tabs .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);overflow:hidden;border-bottom:2px solid var(--cds-border-subtle);color:var(--cds-text-secondary,#525252);padding-inline:var(--cds-layout-density-padding-inline-local);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap}.cds--tabs .cds--tabs__nav-link *,.cds--tabs .cds--tabs__nav-link ::after,.cds--tabs .cds--tabs__nav-link ::before,:host(cds-tabs) .cds--tabs__nav-link *,:host(cds-tabs) .cds--tabs__nav-link ::after,:host(cds-tabs) .cds--tabs__nav-link ::before,:host(cds-tabs-skeleton) .cds--tabs__nav-link *,:host(cds-tabs-skeleton) .cds--tabs__nav-link ::after,:host(cds-tabs-skeleton) .cds--tabs__nav-link ::before{box-sizing:inherit}.cds--tabs .cds--tabs__nav-link::-moz-focus-inner,:host(cds-tabs) .cds--tabs__nav-link::-moz-focus-inner,:host(cds-tabs-skeleton) .cds--tabs__nav-link::-moz-focus-inner{border:0}.cds--tabs .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tabs .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-link:focus{outline-style:dotted}}.cds--tabs.cds--tabs--contained .cds--tabs__nav-link{border-bottom:0;padding-inline:var(--cds-layout-density-padding-inline-local)}.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item-label{line-height:calc(3rem - (.5rem * 2))}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item-secondary-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);min-height:1rem}.cds--tabs.cds--tabs__icon--default .cds--tab--list,.cds--tabs.cds--tabs__icon--lg .cds--tab--list{overflow-x:visible}.cds--tabs .cds--tabs__nav-item--icon-only,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only,:host(cds-tabs) .cds--tabs__nav-item--icon-only,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon-only{display:flex;width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);align-items:center;justify-content:center;padding:0}.cds--tabs .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,:host(cds-tabs) .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label,:host(cds-tabs-skeleton) .cds--tabs__nav-item--icon-only .cds--tabs__nav-item-label{line-height:0}.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover,:host(cds-tabs-skeleton:not(.cds--tabs--contained)) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover,:host(cds-tabs:not(.cds--tabs--contained)) .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):hover{border-bottom:2px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item:not(.cds--tabs__nav-item--selected):not(.cds--tabs__nav-item--disabled):not(.cds--tabs__nav-item--hover-off):hover{background-color:var(--cds-layer-accent-hover);color:var(--cds-text-primary,#161616)}.cds--tabs .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected{border-bottom:2px solid var(--cds-border-interactive,#0f62fe);transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected+.cds--tabs__nav-item{box-shadow:none}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--selected{box-shadow:inset 0 2px 0 0 var(--cds-border-interactive,#0f62fe)}.cds--tabs .cds--tabs__nav-item--selected,.cds--tabs .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,.cds--tabs .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected,:host(cds-tabs) .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected:active .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs__nav-item--selected:focus .cds--tabs__nav-link:focus{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);color:var(--cds-text-primary,#161616)}.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--contained:not(.cds--tabs--tall) .cds--tabs__nav-item--selected:hover{line-height:calc(3rem - (.5rem * 2))}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover{background-color:var(--cds-layer)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:active,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected .cds--tabs__nav-link:focus,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:active,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--selected:hover .cds--tabs__nav-link:focus{box-shadow:none}.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected,.cds--tabs.cds--tabs--light.cds--tabs--contained .cds--tabs__nav-item--selected:hover{background-color:var(--cds-background,#fff)}.cds--tabs .cds--tabs__nav-item--disabled,:host(cds-tabs) .cds--tabs__nav-item--disabled,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);background-color:transparent;color:var(--cds-text-disabled,rgba(22,22,22,.25));outline:0}.cds--tabs .cds--tabs__nav-item--disabled:hover,:host(cds-tabs) .cds--tabs__nav-item--disabled:hover,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:hover{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,rgba(22,22,22,.25));cursor:not-allowed}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled,.cds--tabs.cds--tabs--contained .cds--tabs__nav-item.cds--tabs__nav-item--disabled:hover{background-color:var(--cds-button-disabled,#c6c6c6)}.cds--tabs .cds--tabs__nav-item--disabled:active,.cds--tabs .cds--tabs__nav-item--disabled:focus,:host(cds-tabs) .cds--tabs__nav-item--disabled:active,:host(cds-tabs) .cds--tabs__nav-item--disabled:focus,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:active,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled:focus{border-bottom:2px solid var(--cds-border-disabled,#c6c6c6);outline:0;pointer-events:none}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link{border-bottom-color:var(--cds-border-subtle)}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled:hover .cds--tabs__nav-link{border-bottom-color:var(--cds-border-subtle)}.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,.cds--tabs .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,:host(cds-tabs) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:active,:host(cds-tabs-skeleton) .cds--tabs--light .cds--tabs__nav-item--disabled .cds--tabs__nav-link:focus{border-bottom-color:var(--cds-border-subtle)}.cds--tabs.cds--tabs--contained .cds--tabs__nav-item--disabled{border-bottom:none;color:var(--cds-text-on-color-disabled,#8d8d8d)}.cds--tab-content{padding:var(--cds-layout-density-padding-inline-local)}.cds--tab-content:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--tab-content:focus{outline-style:dotted}}.cds--tab-content--interactive:focus{outline:0}.cds--tabs.cds--skeleton{cursor:default;pointer-events:none}.cds--skeleton.cds--tabs:not(.cds--tabs--contained) .cds--tabs__nav-link{border-bottom:2px solid var(--cds-skeleton-element,#c6c6c6)}.cds--tabs.cds--skeleton .cds--tabs__nav-link{display:flex;width:10rem;height:100%;align-items:center;padding:0 var(--cds-layout-density-padding-inline-local)}.cds--tabs.cds--skeleton .cds--tabs__nav-link span{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:.875rem}.cds--tabs.cds--skeleton .cds--tabs__nav-link span:active,.cds--tabs.cds--skeleton .cds--tabs__nav-link span:focus,.cds--tabs.cds--skeleton .cds--tabs__nav-link span:hover{border:none;cursor:default;outline:0}.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tabs.cds--skeleton .cds--tabs__nav-link span::before{animation:none}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tabs__nav-item .cds--tabs__nav-item--selected .cds--tabs__nav-item--selected{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tabs .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs) .cds--tabs__nav-item--disabled .cds--tabs__nav-link,:host(cds-tabs-skeleton) .cds--tabs__nav-item--disabled .cds--tabs__nav-link{color:GrayText;fill:GrayText}}:host(cds-tabs) .cds--tabs-nav-content-container,:host(cds-tabs-skeleton) .cds--tabs-nav-content-container{flex:1 1 0%;position:relative;overflow:scroll;height:42px;scrollbar-width:none}:host(cds-tabs) .cds--tabs-nav-content-container::-webkit-scrollbar,:host(cds-tabs-skeleton) .cds--tabs-nav-content-container::-webkit-scrollbar{display:none}:host(cds-tabs) :where(.cds--tabs-nav-content),:host(cds-tabs-skeleton) :where(.cds--tabs-nav-content){position:absolute;height:100%;inset-inline-start:0;transition:inset 110ms cubic-bezier(.2,0,.38,.9)}:host(cds-tabs) .cds--tabs-nav,:host(cds-tabs-skeleton) .cds--tabs-nav{display:block;position:absolute}:host(cds-tabs) .cds--tab--overflow-nav-button,:host(cds-tabs-skeleton) .cds--tab--overflow-nav-button{z-index:1}:host(cds-tabs){outline:2px solid transparent;outline-offset:-2px}:host(cds-tabs) .cds--tabs-trigger svg{width:auto;height:auto}:host(cds-tabs:focus) .cds--tabs-trigger{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-tabs:focus) .cds--tabs-trigger{outline-style:dotted}}:host(cds-tab){display:flex;background:0 0;width:100%;outline:0}:host(cds-tab) .cds--tabs__nav-link{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;text-align:start;outline:2px solid transparent;outline-offset:-2px;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;align-items:center;width:100%;overflow:hidden;max-width:10rem;padding:.75rem 1rem .5rem;border-bottom:2px solid var(--cds-border-subtle);color:var(--cds-text-secondary,#525252);text-align:right;text-decoration:none;text-overflow:ellipsis;transition:border 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap}:host(cds-tab) .cds--tabs__nav-link *,:host(cds-tab) .cds--tabs__nav-link ::after,:host(cds-tab) .cds--tabs__nav-link ::before{box-sizing:inherit}:host(cds-tab) .cds--tabs__nav-link::-moz-focus-inner{border:0}:host(cds-tab) .cds--tabs__nav-link:active,:host(cds-tab) .cds--tabs__nav-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-tab) .cds--tabs__nav-link:active,:host(cds-tab) .cds--tabs__nav-link:focus{outline-style:dotted}}:host(cds-tab[selected]) .cds--tabs__nav-link{font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);line-height:var(--cds-heading-compact-01-line-height,1.28572);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);border-bottom:2px solid var(--cds-border-interactive,#0f62fe)}:host(cds-tab:hover){background-color:transparent;box-shadow:0 -1px 0 var(--cds-background-hover,rgba(141,141,141,.12))}:host(cds-tab:hover) a.cds--tabs__nav-link{border-bottom:2px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616)}:host(cds-tabs[type=contained]) .cds--tabs-nav-content-container{height:3rem}:host(cds-tab[type=contained]){background-color:var(--cds-layer-accent-01,#e0e0e0)}:host(cds-tab[type=contained]) a.cds--tabs__nav-link{height:3rem;padding:.5rem 1rem;line-height:calc(3rem - (.5rem * 2))}:host(cds-tab[type=contained]) a.cds--tabs__nav-link,:host(cds-tab[type=contained]:hover) a.cds--tabs__nav-link{border-bottom:none;box-shadow:.0625rem 0 0 0 var(--cds-border-strong)}:host(cds-tab[type=contained][hide-divider]) a.cds--tabs__nav-link{box-shadow:.0625rem 0 0 0 transparent}:host(cds-tab[disabled][role]),:host(cds-tab[disabled][role]:hover){background-color:transparent;box-shadow:none;cursor:not-allowed;outline:0}:host(cds-tab[disabled][role]) .cds--tabs__nav-link,:host(cds-tab[disabled][role]:hover) .cds--tabs__nav-link{color:var(--cds-text-disabled,rgba(22,22,22,.25));pointer-events:none;outline:0;border-bottom:2px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-tab[type=contained][disabled][role]) .cds--tabs__nav-link{background-color:var(--cds-button-disabled,#c6c6c6);border-bottom:none;color:var(--cds-text-on-color-disabled,#8d8d8d)}:host(cds-tab[selected]){display:flex;background-color:transparent;transition:color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-tab[selected]) .cds--tabs__nav-link{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);line-height:var(--cds-heading-01-line-height,1.42857);letter-spacing:var(--cds-heading-01-letter-spacing,.16px)}:host(cds-tab[selected]:hover){background-color:transparent}:host(cds-tab[selected]) .cds--tabs__nav-link,:host(cds-tab[selected]) .cds--tabs__nav-link:active,:host(cds-tab[selected]) .cds--tabs__nav-link:focus{color:var(--cds-text-primary,#161616)}:host(cds-tab[type=contained][selected]),:host(cds-tab[type=contained][selected]:hover){background-color:var(--cds-layer-01,#f4f4f4)}:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link{line-height:calc(3rem - (.5rem * 2));box-shadow:inset 0 2px 0 0 var(--cds-interactive,#0f62fe);border-bottom:none}:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link:active,:host(cds-tab[type=contained][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[type=contained][selected]:hover) .cds--tabs__nav-link:focus{box-shadow:none}:host(cds-tab[type=contained]:hover){background-color:var(--cds-layer-accent-hover)}:host(cds-tab[disabled][in-focus][selected]),:host(cds-tab[disabled][in-focus][selected]:hover),:host(cds-tab[disabled][selected]),:host(cds-tab[disabled][selected]:hover){display:flex;background-color:transparent;box-shadow:none;outline:2px solid transparent;outline-offset:-2px}:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);color:var(--cds-text-disabled,rgba(22,22,22,.25));border-bottom:2px solid var(--cds-border-disabled,#c6c6c6)}:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link:active,:host(cds-tab[disabled][in-focus][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[disabled][in-focus][selected]:hover) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link:active,:host(cds-tab[disabled][selected]) .cds--tabs__nav-link:focus,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link:active,:host(cds-tab[disabled][selected]:hover) .cds--tabs__nav-link:focus{border-bottom-width:3px}:host(cds-tabs-skeleton) .cds--tabs-trigger{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem}:host(cds-tabs-skeleton) .cds--tabs-trigger:active,:host(cds-tabs-skeleton) .cds--tabs-trigger:focus,:host(cds-tabs-skeleton) .cds--tabs-trigger:hover{border:none;cursor:default;outline:0}:host(cds-tabs-skeleton) .cds--tabs-trigger::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tabs-skeleton) .cds--tabs-trigger::before{animation:none}}:host(cds-tab-skeleton){margin-right:.125rem}:host(cds-tab-skeleton) .cds--tabs__nav-link{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:.75rem}:host(cds-tab-skeleton) .cds--tabs__nav-link:active,:host(cds-tab-skeleton) .cds--tabs__nav-link:focus,:host(cds-tab-skeleton) .cds--tabs__nav-link:hover{border:none;cursor:default;outline:0}:host(cds-tab-skeleton) .cds--tabs__nav-link::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tab-skeleton) .cds--tabs__nav-link::before{animation:none}}:host(cds-tab-skeleton:first-of-type){margin-right:0}',
 ]);

package/es/components/tag/tag.css.js CHANGED Viewed

@@ -8,5 +8,5 @@
  */
 import { css } from 'lit';
 export default css([
-  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tag,:host(cds-tag){font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939);display:inline-flex;min-width:2rem;max-width:100%;min-height:1.5rem;align-items:center;justify-content:center;padding:.25rem .5rem;margin:.25rem;border-radius:.9375rem;cursor:default;vertical-align:middle;word-break:break-word}.cds--tag .cds--tag__close-icon:hover,.cds--tag--interactive:hover:host(cds-tag),.cds--tag.cds--tag--interactive:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-left:0}.cds--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red .cds--tag__close-icon:hover,.cds--tag--red.cds--tag--interactive:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--interactive:hover:host(cds-tag[type=magenta]),.cds--tag--magenta .cds--tag__close-icon:hover,.cds--tag--magenta.cds--tag--interactive:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--interactive:hover:host(cds-tag[type=purple]),.cds--tag--purple .cds--tag__close-icon:hover,.cds--tag--purple.cds--tag--interactive:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue .cds--tag__close-icon:hover,.cds--tag--blue.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=blue]),:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan .cds--tag__close-icon:hover,.cds--tag--cyan.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=cyan]),:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--interactive:hover:host(cds-tag[type=teal]),.cds--tag--teal .cds--tag__close-icon:hover,.cds--tag--teal.cds--tag--interactive:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green .cds--tag__close-icon:hover,.cds--tag--green.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=green]),:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.cds--tag--gray .cds--tag__close-icon:hover,.cds--tag--gray.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=gray]),:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.cds--tag--cool-gray .cds--tag__close-icon:hover,.cds--tag--cool-gray.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=cool-gray]),:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.cds--tag--interactive:hover:host(cds-tag[type=warm-gray]),.cds--tag--warm-gray .cds--tag__close-icon:hover,.cds--tag--warm-gray.cds--tag--interactive:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.cds--tag--high-contrast,:host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast .cds--tag__close-icon:hover,.cds--tag--high-contrast.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[type=high-contrast]),:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline,:host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);box-shadow:0 0 0 1px var(--cds-background-inverse,#393939)}.cds--tag--interactive:hover:host(cds-tag[type=outline]),.cds--tag--outline .cds--tag__close-icon:hover,.cds--tag--outline.cds--tag--interactive:hover,:host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled,.cds--tag--disabled:host(cds-tag[filter]),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none}.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--disabled.cds--tag--interactive:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,.cds--tag--interactive:hover:host(cds-tag[disabled]),:host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover,:hover:host(cds-tag[disabled]){cursor:not-allowed}.cds--tag__label{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--interactive:hover{cursor:pointer}.cds--tag--filter,:host(cds-tag[filter]){padding-top:0;padding-right:0;padding-bottom:0;cursor:pointer}.cds--tag--filter:hover,:hover:host(cds-tag[filter]){outline:0}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;margin:0 0 0 .125rem;background-color:transparent;border-radius:50%;color:currentColor;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon{width:1rem;height:1rem;flex-shrink:0;padding:0;border:0;margin-right:.25rem;background-color:transparent;color:currentColor;outline:0}.cds--tag__custom-icon svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--disabled:host(cds-tag[filter]) .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--filter:host(cds-tag[disabled]) .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--disabled:host(cds-tag[filter]) svg,.cds--tag--filter.cds--tag--disabled svg,.cds--tag--filter:host(cds-tag[disabled]) svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm,:host(cds-tag[size=sm]){min-height:1.125rem;padding:0 .5rem}.cds--tag--filter:host(cds-tag[size=sm]),.cds--tag--sm.cds--tag--filter,.cds--tag--sm:host(cds-tag[filter]),:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-right:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}.cds--skeleton:host(cds-tag),.cds--tag.cds--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;width:3.75rem}.cds--skeleton.cds--tag--interactive:hover:host(cds-tag),.cds--skeleton:host(cds-tag) .cds--tag__close-icon:hover,.cds--tag.cds--skeleton .cds--tag__close-icon:hover,.cds--tag.cds--skeleton.cds--tag--interactive:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--skeleton:host(cds-tag),.cds--tag.cds--skeleton{transform:translateZ(0)}}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-tag){--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)}:host(cds-tag[size=sm]) .cds--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9)}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-right:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:3.75rem;overflow:hidden}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
+  '@keyframes hide-feedback{0%{opacity:1;visibility:inherit}100%{opacity:0;visibility:hidden}}@keyframes show-feedback{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:inherit}}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm,:host(cds-tag[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md,:host(cds-tag){--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--assistive-text,.cds--visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.cds--tag,:host(cds-tag){--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem;--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min), var(--cds-layout-size-height-sm)), var(--cds-layout-size-height, var(--cds-layout-size-height-md)), min(var(--cds-layout-size-height-max), var(--cds-layout-size-height-md)));font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939);display:inline-flex;min-width:2rem;max-width:100%;min-height:var(--cds-layout-size-height-local);align-items:center;justify-content:center;margin:.25rem;border-radius:.9375rem;cursor:default;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--layout--size-xs .cds--tag,.cds--layout--size-xs :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--layout--size-sm .cds--tag,.cds--layout--size-sm :host(cds-tag),:host(cds-tag[size=sm]) .cds--tag,:host(cds-tag[size=sm]) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--layout--size-md .cds--tag,.cds--layout--size-md :host(cds-tag),:host(cds-tag) .cds--tag,:host(cds-tag) :host(cds-tag){--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--tag .cds--tag__close-icon:hover,.cds--tag.cds--tag--interactive:hover,:host(cds-tag) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.cds--tag:not(:first-child),:not(:first-child):host(cds-tag){margin-left:0}.cds--tag--red,:host(cds-tag[type=red]){background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#750e13)}.cds--tag--red .cds--tag__close-icon:hover,.cds--tag--red.cds--tag--interactive:hover,:host(cds-tag[type=red]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-red,#ffb3b8)}.cds--tag--magenta,:host(cds-tag[type=magenta]){background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#740937)}.cds--tag--magenta .cds--tag__close-icon:hover,.cds--tag--magenta.cds--tag--interactive:hover,:host(cds-tag[type=magenta]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta,#ffafd2)}.cds--tag--purple,:host(cds-tag[type=purple]){background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#491d8b)}.cds--tag--purple .cds--tag__close-icon:hover,.cds--tag--purple.cds--tag--interactive:hover,:host(cds-tag[type=purple]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple,#d4bbff)}.cds--tag--blue,:host(cds-tag[type=blue]){background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#002d9c)}.cds--tag--blue .cds--tag__close-icon:hover,.cds--tag--blue.cds--tag--interactive:hover,:host(cds-tag[type=blue]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue,#a6c8ff)}.cds--tag--cyan,:host(cds-tag[type=cyan]){background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#003a6d)}.cds--tag--cyan .cds--tag__close-icon:hover,.cds--tag--cyan.cds--tag--interactive:hover,:host(cds-tag[type=cyan]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan,#82cfff)}.cds--tag--teal,:host(cds-tag[type=teal]){background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#004144)}.cds--tag--teal .cds--tag__close-icon:hover,.cds--tag--teal.cds--tag--interactive:hover,:host(cds-tag[type=teal]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal,#3ddbd9)}.cds--tag--green,:host(cds-tag[type=green]){background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#044317)}.cds--tag--green .cds--tag__close-icon:hover,.cds--tag--green.cds--tag--interactive:hover,:host(cds-tag[type=green]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-green,#6fdc8c)}.cds--tag--gray,:host(cds-tag[type=gray]){background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#393939)}.cds--tag--gray .cds--tag__close-icon:hover,.cds--tag--gray.cds--tag--interactive:hover,:host(cds-tag[type=gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray,#c6c6c6)}.cds--tag--cool-gray,:host(cds-tag[type=cool-gray]){background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#343a3f)}.cds--tag--cool-gray .cds--tag__close-icon:hover,.cds--tag--cool-gray.cds--tag--interactive:hover,:host(cds-tag[type=cool-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray,#c1c7cd)}.cds--tag--warm-gray,:host(cds-tag[type=warm-gray]){background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#3c3838)}.cds--tag--warm-gray .cds--tag__close-icon:hover,.cds--tag--warm-gray.cds--tag--interactive:hover,:host(cds-tag[type=warm-gray]) .cds--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray,#cac5c4)}.cds--tag--high-contrast,:host(cds-tag[type=high-contrast]){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast .cds--tag__close-icon:hover,.cds--tag--high-contrast.cds--tag--interactive:hover,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--outline,:host(cds-tag[type=outline]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616);box-shadow:0 0 0 1px var(--cds-background-inverse,#393939)}.cds--tag--outline .cds--tag__close-icon:hover,.cds--tag--outline.cds--tag--interactive:hover,:host(cds-tag[type=outline]) .cds--tag__close-icon:hover{background-color:var(--cds-layer-hover)}.cds--tag--disabled,.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled,:host(cds-tag[disabled]){background-color:var(--cds-layer);color:var(--cds-text-disabled,rgba(22,22,22,.25));box-shadow:none}.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--disabled.cds--tag--interactive:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--interactive:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--interactive:hover,:host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:var(--cds-layer)}.cds--tag--disabled:hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag__label{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--interactive:hover{cursor:pointer}.cds--tag--filter,:host(cds-tag[filter]){padding-top:0;padding-right:0;padding-bottom:0;cursor:pointer}.cds--tag--filter:hover{outline:0}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{display:flex;width:var(--cds-layout-size-height-local);height:var(--cds-layout-size-height-local);flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;margin:0 0 0 .125rem;background-color:transparent;border-radius:50%;color:currentColor;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon{width:1rem;height:1rem;flex-shrink:0;padding:0;border:0;margin-right:.25rem;background-color:transparent;color:currentColor;outline:0}.cds--tag__custom-icon svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon,:host(cds-tag[disabled]) .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:0}.cds--tag--high-contrast .cds--tag__close-icon:focus,:host(cds-tag[type=high-contrast]) .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,:host(cds-tag[filter]):host(cds-tag[disabled]) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg,:host(cds-tag[filter]):host(cds-tag[disabled]) svg{fill:var(--cds-icon-disabled,rgba(22,22,22,.25))}.cds--tag--sm.cds--tag--filter,:host(cds-tag[size=sm]):host(cds-tag[filter]){padding-right:0}.cds--tag--sm .cds--tag__close-icon,:host(cds-tag[size=sm]) .cds--tag__close-icon{margin-left:.3125rem}.cds--tag.cds--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616);overflow:hidden;width:3.75rem}.cds--tag.cds--skeleton .cds--tag__close-icon:hover,.cds--tag.cds--skeleton.cds--tag--interactive:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.cds--tag.cds--skeleton{transform:translateZ(0)}}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag,:host(cds-tag){outline:1px solid transparent}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon svg,.cds--tag__custom-icon svg{fill:ButtonText}}@media screen and (-ms-high-contrast:active),(forced-colors:active){.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}:host(cds-tag){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;--cds-layout-size-height-xs:1.125rem;--cds-layout-size-height-sm:1.125rem;--cds-layout-size-height-md:1.5rem}:host(cds-tag[size=sm]) .cds--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}:host(cds-tag[filter]){display:none}:host(cds-tag[filter][size=sm]){padding-right:0}:host(cds-tag[filter][open]){display:inline-flex}:host(cds-tag[filter][disabled]) .cds--tag__close-icon{cursor:not-allowed}:host(cds-tag[filter][disabled]) .cds--tag__close-icon,:host(cds-tag[filter][disabled]) .cds--tag__close-icon:hover{background-color:transparent}:host(cds-tag.cds--skeleton){position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none;width:3.75rem;overflow:hidden}:host(cds-tag.cds--skeleton):active,:host(cds-tag.cds--skeleton):focus,:host(cds-tag.cds--skeleton):hover{border:none;cursor:default;outline:0}:host(cds-tag.cds--skeleton)::before{position:absolute;width:100%;height:100%;animation:3s ease-in-out skeleton infinite;background:var(--cds-skeleton-element,#c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-tag.cds--skeleton)::before{animation:none}}',
 ]);

package/es/components/tag/tag.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["components/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;~~AAG5C~~,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9B;;;;;GAKG;AACH,cACM,MAAO,SAAQ,WAAyC;IAE5D,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAmB;IAEvB;;OAEG;IAEH,IAAI,WAAiB;IAErB,MAAM;IA4BN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,MAAM,CAAC","file":"tag.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 { LitElement, html } from 'lit';\nimport { property, ~~customElement,~~ query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/\n Tag.\n \n @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n /\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n @query('button')\n protected _buttonNode!: HTMLButtonElement;\n\n /\n Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n \n @private\n /\n private _handleSlotChange() {\n this.hasCustomIcon = true;\n }\n\n /\n Handles `click` event on this element.\n \n @param event The event.\n /\n @HostListener('shadowRoot:click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = (event: MouseEvent) => {\n if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n if (this.disabled) {\n event.stopPropagation();\n } else if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTag).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTag).eventClose,\n init\n )\n );\n }\n }\n }\n };\n\n /\n Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n /\n @property({ type: String, reflect: true })\n title = 'Clear filter';\n\n /\n `true` if the tag should be disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /\n Determine if is a filter/chip\n /\n @property({ type: Boolean, reflect: true })\n filter = false;\n\n /\n `true` if the tag should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = true;\n\n /\n The size of the tag.\n /\n @property({ reflect: true })\n size = TAG_SIZE.MEDIUM;\n\n /\n The type of the tag.\n /\n @property({ reflect: true })\n type = TAG_TYPE.GRAY;\n\n render() {\n const {\n disabled,\n _handleSlotChange: handleSlotChange,\n hasCustomIcon,\n filter,\n title,\n } = this;\n return html`\n <slot></slot>\n\n ${filter\n ? html`\n <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n <slot\n name=\"icon\"\n aria-label=\"${title}\"\n @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : html`${Close16({ 'aria-label': title })}`}\n </slot>\n </button>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired before this tag is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this tag.\n /\n static get eventBeforeClose() {\n return `${prefix}-tag-beingclosed`;\n }\n\n /\n The name of the custom event fired after this tag is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-tag-closed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTag;\n"]}
1	+ {"version":3,"sources":["components/tag/tag.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE9B;;;;;GAKG;AACH,cACM,MAAO,SAAQ,WAAyC;IAE5D,SAAS,CAAC,WAAW,EAAG,iBAAiB,CAAC;IAE1C;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAIzB;;;;OAIG;IAGH,OAAO,CAAC,YAAY,CA+BlB;IAEF;;OAEG;IAEH,KAAK,SAAkB;IAEvB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,IAAI,WAAmB;IAEvB;;OAEG;IAEH,IAAI,WAAiB;IAErB,MAAM;IA4BN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,MAAM,CAAC","file":"tag.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 { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { TAG_SIZE, TAG_TYPE } from './defs';\nimport styles from './tag.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TAG_SIZE, TAG_TYPE };\n\n/\n Tag.\n \n @fires cds-tag-beingclosed - The custom event fired as the element is being closed\n * @fires cds-tag-closed - The custom event fired after the element has been closed\n /\n@customElement(`${prefix}-tag`)\nclass CDSTag extends HostListenerMixin(FocusMixin(LitElement)) {\n @query('button')\n protected _buttonNode!: HTMLButtonElement;\n\n /\n Handler for @slotchange, will only be ran if user sets an element under the \"icon\" slot.\n \n @private\n /\n private _handleSlotChange() {\n this.hasCustomIcon = true;\n }\n\n /\n Handles `click` event on this element.\n \n @param event The event.\n /\n @HostListener('shadowRoot:click')\n // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n private _handleClick = (event: MouseEvent) => {\n if (event.composedPath().indexOf(this._buttonNode!) >= 0) {\n if (this.disabled) {\n event.stopPropagation();\n } else if (this.open) {\n const init = {\n bubbles: true,\n cancelable: true,\n composed: true,\n detail: {\n triggeredBy: event.target,\n },\n };\n if (\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTag).eventBeforeClose,\n init\n )\n )\n ) {\n this.open = false;\n this.dispatchEvent(\n new CustomEvent(\n (this.constructor as typeof CDSTag).eventClose,\n init\n )\n );\n }\n }\n }\n };\n\n /\n Text to show on filter tag \"clear\" buttons. Corresponds to the attribute with the same name\n /\n @property({ type: String, reflect: true })\n title = 'Clear filter';\n\n /\n `true` if the tag should be disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n @property({ type: Boolean })\n hasCustomIcon = false;\n\n /\n Determine if is a filter/chip\n /\n @property({ type: Boolean, reflect: true })\n filter = false;\n\n /\n `true` if the tag should be open.\n /\n @property({ type: Boolean, reflect: true })\n open = true;\n\n /\n The size of the tag.\n /\n @property({ reflect: true })\n size = TAG_SIZE.MEDIUM;\n\n /\n The type of the tag.\n /\n @property({ reflect: true })\n type = TAG_TYPE.GRAY;\n\n render() {\n const {\n disabled,\n _handleSlotChange: handleSlotChange,\n hasCustomIcon,\n filter,\n title,\n } = this;\n return html`\n <slot></slot>\n\n ${filter\n ? html`\n <button class=\"${prefix}--tag__close-icon\" ?disabled=${disabled}>\n <slot\n name=\"icon\"\n aria-label=\"${title}\"\n @slotchange=${handleSlotChange}>\n ${hasCustomIcon\n ? html``\n : html`${Close16({ 'aria-label': title })}`}\n </slot>\n </button>\n `\n : ``}\n `;\n }\n\n /\n The name of the custom event fired before this tag is being closed upon a user gesture.\n * Cancellation of this event stops the user-initiated action of closing this tag.\n /\n static get eventBeforeClose() {\n return `${prefix}-tag-beingclosed`;\n }\n\n /\n The name of the custom event fired after this tag is closed upon a user gesture.\n */\n static get eventClose() {\n return `${prefix}-tag-closed`;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSTag;\n"]}

package/es/components/tag/tag.js CHANGED Viewed

@@ -14,7 +14,7 @@ let _ = t => t,
  */
 import { LitElement, html } from 'lit';
-import { property, customElement, query } from 'lit/decorators.js';
+import { property, query } from 'lit/decorators.js';
 import Close16 from "../../icons/close/16";
 import { prefix } from '../../globals/settings';
 import FocusMixin from '../../globals/mixins/focus';
@@ -22,6 +22,7 @@ import HostListener from '../../globals/decorators/host-listener';
 import HostListenerMixin from '../../globals/mixins/host-listener';
 import { TAG_SIZE, TAG_TYPE } from './defs';
 import styles from "././tag.css.js";
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 export { TAG_SIZE, TAG_TYPE };
 /**