@tet/tet-components 1.4.77-testing → 1.4.78-staging

package/dist/collection/components/basic/buttons/tet-radio/tet-radio.js

@@ -99,24 +99,24 @@ export class TetRadio {
     }
     render() {
         const { id, disabled, value, checked, name, label, accessibilityLabel, error, inputAutofocus, iconName, labelFont, alignCenter, hasSlotIcon, unavailable, iconType } = this;
-        return (h(Host, { key: '7fc70da5821e75d7cda11c9aaa161ce8ce436ffe' }, h("div", { key: 'b8e1d1d74846d01290c284a86795fd4dcbc02eda', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: 'f3831e14d73c9dd543dfe6465227fa27fa54e5e7', class: {
+        return (h(Host, { key: 'cc6a38f0ff6e6f621d84d7a0aa138f0247339d4c' }, h("div", { key: 'd20939f68533b48b2c31e4b0eb659525af9890c4', class: { radio: true, [`radio-${this.theme}-theme`]: true } }, h("label", { key: '025bb3340129c1e98dccfa00ddfc27ea02781d8b', class: {
                 'radio__container': true,
                 'radio__container--focus-style': this.focusStyleOnContainer,
                 'radio__container--align-center': alignCenter,
-            }, htmlFor: id }, h("input", { key: '79532719f5bc736c86475b4a0a62bb711cc00b84', class: {
+            }, htmlFor: id }, h("input", { key: 'cb922a4faa5020961c10e7779e1287cc35754d22', class: {
                 "radio__html-input": true,
                 'radio__html-input--unavailable': unavailable,
-            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: 'fbc152d0dd0aac5c4d64e6d86c150a84513d10cb', class: {
+            }, id: id, name: name, type: "radio", value: value, disabled: disabled || unavailable, checked: checked, onChange: this.handleInputChange, autofocus: inputAutofocus, ...(accessibilityLabel ? { 'aria-label': accessibilityLabel } : {}) }), h("span", { key: '5fae2a40c089d837b4a4d3fe3ad5bbaa6775bc8f', class: {
                 'radio__input-background': true,
                 'radio__input-background--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input-background--${labelFont}`]: true } : {}),
-            } }), h("span", { key: 'c6468ba8bc970fe9759217b1c5d6628a04339503', class: {
+            } }), h("span", { key: '3e51966fd96918ccab87c5c4e1acf83924981af6', class: {
                 'radio__input': true,
                 'radio__input--error': error,
                 'radio__input--hide-focus-style': this.focusStyleOnContainer,
                 'radio__input--has-label-prop': !!label,
                 ...(labelFont ? { [`radio__input--${labelFont}`]: true } : {}),
-            } }), h("div", { key: '2c00610fed199aa4f8838e9350d8d926f02c04b9', class: {
+            } }), h("div", { key: '36e5ff1a8ad69885c06fd5ec8b22f9473f09bb68', class: {
                 'radio__label-container': true,
                 'radio__label-container--line-height': hasSlotIcon || !!iconName,
             } }, iconName ? (h("tet-icon", { theme: ['classic', 'light'].includes(this.theme) ? 'light' : 'dark', name: iconName, type: iconType, class: {
@@ -127,11 +127,11 @@ export class TetRadio {
                 'radio__label-slot-icon': true,
                 'radio__label-slot-icon--hidden': !hasSlotIcon,
                 ...(labelFont ? { [`radio__label-slot-icon--${labelFont}`]: true } : {}),
-            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'd43d825f1deb1d437f80c1b550868f8212e9f0cc', class: {
+            } }, h("slot", { name: "label-icon" }))), h("span", { key: 'afd33d235ce4da70ead28064c0050d87d4d5267e', class: {
                 'radio__label': true,
                 'radio__label--has-slot-icon': hasSlotIcon,
                 ...(labelFont ? { [`radio__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: '908d1332bf737dde2fed7628cfd29b08b478c34c' })))))));
+            }, innerHTML: label }, h("slot", { key: '40bd8276842d053aa8fe15db8fc7fd8ae6ff37b4' })))))));
     }
     static get is() { return "tet-radio"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/basic/buttons/tet-radio-blocks/tet-radio-blocks.js

@@ -54,7 +54,7 @@ export class TetRadioBlocks {
     }
     render() {
         const { theme, blocks } = this;
-        return (h(Host, { key: '1f5dfb6b3362881e71cf89c87becae9a59558172' }, h("div", { key: 'b2c253f6b1e5b9380b1ad3cdcc268db7d7fdd935', class: {
+        return (h(Host, { key: '9bb3fedf592bb7f6969cc8fbbdc2501bcee7d53c' }, h("div", { key: 'cfe058ce308279c6a6cac27afa86e443defb4adb', class: {
                 'radio-block__container': true,
                 [`radio-block-${theme}-theme`]: true,
                 [`row-of-${this.blocksPerRow}`]: !!this.blocksPerRow

package/dist/collection/components/basic/buttons/tet-switch/tet-switch.js

@@ -46,16 +46,16 @@ export class TetSwitch {
     }
     render() {
         const { label, name, theme, disabled, checked, accessibilityLabel, labelFont, alignCenter, labelPosition } = this;
-        return (h(Host, { key: 'a2f5fbf46c4a6925b15fde78620558fa981bc121' }, h("div", { key: 'd6fd41a0ed4533989005d38f4ce6f32e0833953a', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '05ed8fa0c0b11f04dc27dfc55ee1a6ba50f45d1a', class: {
+        return (h(Host, { key: '7a31117829112cff55129d5617bbafc2ca4721a4' }, h("div", { key: '898da66df6ea8ee8fe0c89ee452765802e78c57a', class: { 'switch': true, [`${theme}`]: true } }, h("label", { key: '1b7faefa98214c87c46da85e026410c545af793a', class: {
                 'switch__container': true,
                 'switch__container--align-start': !alignCenter,
                 [`switch__container--${labelFont}`]: true,
                 'switch__container--focus-style': this.focusStyleOnContainer,
-            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'b9a4fe2547549a24ae6c15f553c1ad39b13293e0', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '802f590c1fc0a8e9cc759ac29b2a24f338b07054', class: {
+            }, part: "switch-container", htmlFor: "tet-switch" }, h("input", { key: 'a40a381b83d5670ece28fe35eb418f7cce475eca', class: "switch__html-input", name: name, id: "tet-switch", type: "checkbox", disabled: disabled, checked: checked, onChange: this.handleChange.bind(this), ...(accessibilityLabel ? { "aria-label": accessibilityLabel } : {}) }), labelPosition === 'right' && this.renderSwitch(), h("span", { key: '1d1c4e9007990cae7eed3b9c9b71e81e20b278e5', class: {
                 'switch__label': true,
                 ...(labelPosition === 'left' ? { 'switch__label--left': true } : {}),
                 ...(labelFont ? { [`switch__label--${labelFont}`]: true } : {}),
-            }, innerHTML: label }, h("slot", { key: 'ce4f0fa080eb8d20a916b879eaac41c2ff009d04' })), labelPosition === 'left' && this.renderSwitch()))));
+            }, innerHTML: label }, h("slot", { key: '99f744ccdbc394e533b4c1c0797332a014c3bcaf' })), labelPosition === 'left' && this.renderSwitch()))));
     }
     static get is() { return "tet-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-content/tet-tab-content.js

@@ -161,11 +161,11 @@ export class TetTabContent {
         this.selectedId = id;
     }
     render() {
-        return (h(Host, { key: '9238d9fdd8e736303f1d18bb78e2e25c67df24d5' }, h("div", { key: 'f6660092be87c90ed5eedfd9f306e81e7ea5098d', class: {
+        return (h(Host, { key: 'fe2baea131bd3e55fba3005815dc03cd979f20a7' }, h("div", { key: '5599ab7347b9c62e8e3e29d8670a186e051b4b4d', class: {
                 'tet-tab-content': true,
                 'use-visibility': this.useVisibility,
                 [this.theme]: true
-            } }, h("slot", { key: 'c81cd361992840cf7f510a2ae7bb6c8a6ea854e0' }))));
+            } }, h("slot", { key: '3d94212149590d16fe83a0fc594ea9aa8500bcc2' }))));
     }
     static get is() { return "tet-tab-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/buttons/tet-tabs/tet-tab-header/tet-tab-header.js

@@ -622,7 +622,7 @@ export class TetTabHeader {
     }
     render() {
         const shouldRenderOverflowGradients = this.showOverflowGradients;
-        return (h(Host, { key: 'ce147189c0dda8402ad000a82a490c0cd6494e8c', "data-id-suffix": this.idSuffix }, h("div", { key: 'c423f396934c86f4362731b226eff63705920b6d', class: {
+        return (h(Host, { key: 'd738348ceda38cea0637a5a9d070cc02299d74ac', "data-id-suffix": this.idSuffix }, h("div", { key: '5dbec586ef2dc5ca02a50e7fc9a3fb6b1c40d718', class: {
                 'tabs': true,
                 'tabs--segmented': this.segmented,
                 'tabs--overflow-left': this.hasOverflowLeft,
@@ -631,7 +631,7 @@ export class TetTabHeader {
                 [this.theme]: true,
                 [this.sizing]: true,
                 [this.type]: !!this.type
-            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '8c98cd596a1eb16f9787f489f1ee4d0a3110eac2', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: '9440c1eb4bea032fead66b7ef82fb38cda3e5b36', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: 'd0129a4329e6e17bbd68054b7b2a81f0690bbdfb', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '55d5685f1bbd89ff9dff3f9c3157f8e18bc55027', class: {
+            }, onMouseDown: this.onContainerMouseDown, style: this.getStyle(), ref: (ref) => (this.tabElement = ref), role: "tablist" }, shouldRenderOverflowGradients && h("div", { key: '351a5e0b90dc55cfe78d3a9d6190174a475fb9c5', class: "tabs-gradient tabs-gradient-left", "aria-hidden": "true" }), h("slot", { key: 'd435a1171b3686b3e89f474e17d7c4347653a41d', onSlotchange: () => this.updatePositionClass(), ref: (slot) => (this.tabContainer = slot) }), shouldRenderOverflowGradients && h("div", { key: 'bbc30244bd24a81ddcc305b03b319eb75422d6da', class: "tabs-gradient tabs-gradient-right", "aria-hidden": "true" })), h("div", { key: '3353d81d38b63c218b088f5eeef60b6da86beec3', class: {
                 'tabs-line': !this.segmented,
                 'no-underline': this.hideHeaderUnderline || this.isScrollableType,
                 [this.theme]: true

package/dist/collection/components/basic/buttons/tet-tag/tet-tag.js

@@ -20,12 +20,12 @@ export class TetTag {
         processTranslations('tet-components', this.language).then(() => forceUpdate(this));
     }
     render() {
-        return (h(Host, { key: '4e5d59efa55dc1bb04cb780cc28942d517eecacb' }, h("button", { key: '16d5e52107679bf65acbf001f2e82fa4233959f9', class: {
+        return (h(Host, { key: 'b9efc4b31a46da0a2dab1157e794df89be922de0' }, h("button", { key: 'df0dc8ca80d130af0ef62c314f4405814e885362', class: {
                 tag: true,
                 'tag-active': this.active,
                 'tag--icon': this.showIcon,
                 [`theme-${this.theme}`]: true,
-            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: 'bda8d5cbcf29ee293c4cc2dd4891d700c55a09c4', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'af03ff45bd950aab517885ff809c2c2e12440155', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '1d85d11b28ec47c630e7c80cc74885741f4d12a2', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
+            }, "aria-pressed": this.active.toString(), disabled: this.disabled }, this.tagTitle && h("p", { key: '658ddd41fd31faa7e7b091714d6660afddfeed1b', class: "tag-title" }, t(this.tagTitle)), this.count !== null && this.count !== undefined && h("span", { key: 'b44abf5fb9c1426098ecfd382b7a64ecd78eda38', class: "tag-count" }, this.count), this.showIcon && h("tet-icon", { key: '65f0d865ecb21c939f66317771551488b5bd4ca2', class: "tag-icon", name: "close-circle", part: "icon-selected" }))));
     }
     static get is() { return "tet-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/carousel/tet-carousel/tet-carousel.js

@@ -934,22 +934,22 @@ export class TetCarousel {
                 trackTransition = 'none';
             }
         }
-        return (h(Host, { key: '45bb876a9ba4d6d3eb675c6c4ad938393f5420b8' }, h("div", { key: 'c03cb0c89ffa7c6cb33122f3f48122173f4514b6', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: '8c0f550f9b71637bc61d992e88f9c03e8b328577', class: "tet-carousel__container" }, h("div", { key: 'bdc141aeaa7124e6b5dd61fcbda43f50f2a17ab1', class: "tet-carousel__gradient-left", ref: (el) => {
+        return (h(Host, { key: 'f607ba5117a17732869d23ccf22231ccd1f1998b' }, h("div", { key: '4e280a5c39949520cdb0ae153545885d0643b46c', class: { 'tet-carousel': true, [`${this.theme}`]: true, 'tet-carousel--unified-buttons': this.unifiedButtons }, ref: (el) => (this.container = el), part: "carousel" }, h("div", { key: 'b9ae432da599cb72b46a50f0a7d570fb1e7d531d', class: "tet-carousel__container" }, h("div", { key: '971c588b65a2030a3305bdb8af808ab90a578339', class: "tet-carousel__gradient-left", ref: (el) => {
                 this.leftGradientRef = el;
-            } }), h("div", { key: '3bbd000e7a26f628d899849c1da63ea91a911d97', class: "tet-carousel__gradient-right", ref: (el) => {
+            } }), h("div", { key: 'c4d0e72a2caf44c326878e6404b896b4abd7cdae', class: "tet-carousel__gradient-right", ref: (el) => {
                 this.rightGradientRef = el;
-            } }), h("div", { key: '99815a28347bd568339102bd27f6b12b80921b54', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
+            } }), h("div", { key: '859f2d2e388a5765114f871ff52c978a9eb6110b', class: `tet-carousel__track ${showControls ? '' : 'tet-carousel__track--center'}`, ref: (el) => (this.trackElement = el), style: {
                 transform: `translate3d(${this.dragOffset}px, 0, 0)`,
                 transition: trackTransition,
                 willChange: 'transform'
-            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: 'b766e2c947108875bc451165297d67106e18adeb', class: {
+            }, onPointerDown: this.onPointerDown, onPointerUp: this.onPointerUp }, h("div", { key: '86ae2b3ce9614abb97884b43927d9d003b3052a3', class: {
                 'tet-carousel__track-content': true,
                 'tet-carousel__track-content--nudge': this.isNudgeAnimating
             }, ref: (el) => (this.trackContentElement = el), style: {
                 '--tet-carousel-nudge-distance': `${TetCarousel.NUDGE_DISTANCE_PX}px`
-            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: 'e5021bed716cf3c3c95763764bc9b0f11de6321f' })))), !!this.label && h("div", { key: '53041cfe6bb9be13103e322707552e75d8c3bb40', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '480dff8cbe397a44cd53f11441c5225b94b4e5cd', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'e5a1bca6a1669cdfec566bc62ec2b2e3dbc2570e', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: 'b881ed4f8e36c70487ab91a6ee0d3019a62ae7ec', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'cb4044822d37cf3e3ccefbbf3d4811565273de1d', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
+            }, onAnimationEnd: this.onNudgeAnimationEnd }, h("slot", { key: '43c014dbc3579e333f70dc5551c8b4397e37b2a7' })))), !!this.label && h("div", { key: '111d8ce1e3370a67a2caf2db08f0f905a7858605', class: "tet-carousel__label" }, this.label), showControls && (h("div", { key: '922ffc32a7682f25e0e5d1f6962ba339ba647565', class: "tet-carousel__controls" }, showButtons && (h("div", { key: 'dfeebfaca79c5a2bd0b44e47539d4b27f2d431f1', class: "tet-carousel__buttons tet-carousel__buttons--mobile", ref: (el) => (this.mobileBackButtonWrapper = el) }, h("tet-button", { key: '1bd3959425d80bb335648c706357c84881376294', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }))), showDots && (h("div", { key: 'e529840c10048982cdf62c158c3b6c0f1d79bd03', class: "tet-carousel__dots" }, Array.from({ length: this.dotCount }).map((_, idx) => (h("button", { type: "button", tabIndex: idx === this.activeDotIndex ? 0 : -1, class: `tet-carousel__dot${idx === this.activeDotIndex ? ' active' : ''}`, key: idx, "aria-label": `${idx === this.activeDotIndex
                 ? t('components-carousel-indicator-button-active')
-                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: '423329d1b72b2d7d5ec4d5e86e27cfd1fe01df51', class: "tet-carousel__buttons" }, h("tet-button", { key: '754a697c32fd2408488150d3a051e417b67312cb', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: 'e2722527a927abfe89cc2613c2e5235d6a54d5ae', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
+                : t('components-carousel-indicator-button')} ${idx + 1}/${this.dotCount}`, "aria-current": idx === this.activeDotIndex ? 'true' : undefined, onPointerDown: (e) => e.stopPropagation(), onKeyDown: (event) => this.handleDotKeyDown(event, idx), onClick: () => this.handleDotClick(idx) }))))), showButtons && (h("div", { key: 'ea277ef2e29151e285d38f8e29e9010dec515c99', class: "tet-carousel__buttons" }, h("tet-button", { key: 'a8b437f424e78c060baafba6384054c7a85cf265', class: "tet-carousel__buttons--desktop", theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconLeft, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handlePrev(), accessibilityLabel: t('components-carousel-previous'), disabled: this.isLeftNavigationDisabled() }), h("tet-button", { key: '71bc427e5d4d11a314675e90854ff153745abf50', theme: this.theme, type: "secondary", size: "medium", "icon-name": this.buttonIconRight, "icon-mode": true, onPointerDown: (e) => e.stopPropagation(), onClick: () => this.handleNext(), accessibilityLabel: t('components-carousel-next'), disabled: this.isRightNavigationDisabled() }))))))));
     }
     static get is() { return "tet-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/icon/default-color-icons.js

@@ -1,12 +1,48 @@
+/* Icons with separate SVG assets to support switching icons when the theme changes. */
+const themedDefaultColorIcons = [
+    {
+        name: 'tc-go3-films',
+        light: 'tc-go3-films-light',
+        dark: 'tc-go3-films-dark',
+    },
+    {
+        name: 'tc-go3-sport',
+        light: 'tc-go3-sport-light',
+        dark: 'tc-go3-sport-dark',
+    },
+    {
+        name: 'tc-go3',
+        light: 'tc-go3-light',
+        dark: 'tc-go3-dark',
+    },
+];
+const themedIconsByName = new Map(themedDefaultColorIcons.flatMap((icon) => [
+    [icon.name, icon],
+    [icon.light, icon],
+    [icon.dark, icon],
+]));
 /* Icons in this list use their own colors defined in the SVG file and
-   cannot be themed via the icon theme or type prop. */
+   cannot be colored via the icon type prop. */
 export const defaultColorIcons = [
-    'tc-go3-films-dark',
-    'tc-go3-films-light',
-    'tc-go3-sport-dark',
-    'tc-go3-sport-light',
+    ...themedDefaultColorIcons.flatMap(({ light, dark }) => [light, dark]),
     'tc-netflix',
     'tc-popcorn',
-    'tc-go3-light',
-    'tc-go3-dark',
 ];
+export const getThemedDefaultColorIconNames = (name) => {
+    const icon = themedIconsByName.get(name);
+    return icon ? [icon.light, icon.dark] : [];
+};
+/**
+ * Resolves a themed default-color icon to its corresponding SVG asset.
+ * Classic keeps explicit light/dark icon names unchanged for backwards compatibility.
+ */
+export const resolveDefaultColorIconName = (name, theme) => {
+    const icon = themedIconsByName.get(name);
+    if (!icon) {
+        return name;
+    }
+    if (theme === 'classic') {
+        return name === icon.name ? icon.light : name;
+    }
+    return icon[theme];
+};

package/dist/collection/components/basic/icon/tet-icon.js

@@ -1,6 +1,6 @@
 import { getAssetPath, h } from "@stencil/core";
 import { iconStore } from "./icon-cache.store";
-import { defaultColorIcons } from "./default-color-icons";
+import { defaultColorIcons, getThemedDefaultColorIconNames, resolveDefaultColorIconName, } from "./default-color-icons";
 /**
  * A component that renders an icon.
  */
@@ -14,21 +14,34 @@ export class TetIcon {
         this.focusable = false;
     }
     iconContainer;
-    /** Watcher that detects the name prop change and initiates the icon change. */
-    onNameChange() {
-        this.setIcon(this.name);
+    iconRequestId = 0;
+    /** Watcher that detects an icon source prop change and initiates the icon change. */
+    onIconSourceChange() {
+        this.setIcon();
     }
     componentDidLoad() {
-        this.setIcon(this.name);
+        this.setIcon();
     }
     /**
      * Loads the passed icon asynchronously and sets the component's inner HTML to acquired result.
      *
-     * @param name The name of the icon to load.
      */
-    setIcon(name) {
-        this.getIcon(name).then((svgHtml) => {
-            !!svgHtml && (this.iconContainer.innerHTML = svgHtml);
+    setIcon() {
+        const requestId = ++this.iconRequestId;
+        const iconName = resolveDefaultColorIconName(this.name, this.theme);
+        const icon = this.getIcon(iconName);
+        this.preloadThemedIconVariants(iconName);
+        icon.then((svgHtml) => {
+            if (requestId === this.iconRequestId && svgHtml) {
+                this.iconContainer.innerHTML = svgHtml;
+            }
+        });
+    }
+    preloadThemedIconVariants(currentIconName) {
+        getThemedDefaultColorIconNames(this.name)
+            .filter((iconName) => iconName !== currentIconName)
+            .forEach((iconName) => {
+            void this.getIcon(iconName).catch(() => undefined);
         });
     }
     getIconMap = () => {
@@ -48,9 +61,13 @@ export class TetIcon {
         }
         return iconStore.icons[name];
     };
-    shouldUseDefaultColor = () => (this.useDefaultColor || defaultColorIcons.includes(this.name));
+    shouldUseDefaultColor() {
+        const iconName = resolveDefaultColorIconName(this.name, this.theme);
+        return this.useDefaultColor || defaultColorIcons.includes(iconName);
+    }
+    ;
     render() {
-        return (h("span", { key: 'cf597b6edf895e25cc6a09351ab0a9b6277df9e3', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'b963bb72e0c970320e637b00c46c01dc161a3c13', class: {
+        return (h("span", { key: '1285b963444d429c7d447a71e5e567133b78ff89', class: "icon-wrapper", tabindex: (this.focusable || this.accessibilityLabel) ? 0 : -1 }, h("span", { key: 'bd0339179af2fcbf9688f2f92b752f662316ec6e', class: {
                 'icon-container': true,
                 'default-color': this.shouldUseDefaultColor(),
                 [this.theme]: true,
@@ -96,9 +113,15 @@ export class TetIcon {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'classic' | 'light' | 'dark'",
+                    "original": "IconTheme",
                     "resolved": "\"classic\" | \"dark\" | \"light\"",
-                    "references": {}
+                    "references": {
+                        "IconTheme": {
+                            "location": "local",
+                            "path": "/__w/internal-tet-web-components-tet-components/internal-tet-web-components-tet-components/src/src/components/basic/icon/tet-icon.tsx",
+                            "id": "src/components/basic/icon/tet-icon.tsx::IconTheme"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
@@ -187,7 +210,10 @@ export class TetIcon {
     static get watchers() {
         return [{
                 "propName": "name",
-                "methodName": "onNameChange"
+                "methodName": "onIconSourceChange"
+            }, {
+                "propName": "theme",
+                "methodName": "onIconSourceChange"
             }];
     }
 }

package/dist/collection/components/basic/steppers/tet-round-stepper/tet-round-stepper.js

@@ -73,7 +73,7 @@ export class TetRoundStepper {
         }
     }
     render() {
-        return (h(Host, { key: '92a26d55f194290f4783d63106df339a404951e5' }, h("div", { key: 'a57a4e9cc2788ccdb9726c46796c92bcaade3472', class: {
+        return (h(Host, { key: '3dd00b8455492d9ee833eec87b0eb6137be01c8e' }, h("div", { key: 'f3579c1947f9e79bd9f34272de05c068d9aa078a', class: {
                 'round-stepper': true,
                 'with-background-gradient': this.layout === 'withBackgroundGradient',
                 'column': this.forcedColumn,

package/dist/collection/components/basic/steppers/tet-stepper/tet-stepper.js

@@ -75,7 +75,7 @@ export class TetStepper {
         return this.stepperData.length - 1 > index ? h("li", { class: lineClasses }) : null;
     };
     render() {
-        return (h(Host, { key: 'bd2f8e9201112b20aec56448ef4f64a55b1227e2' }, h("ol", { key: 'ce3606867865a503fd315e0a7bc8c3ad357374bb', class: "stepper" }, this.stepperData.map(this.renderStep))));
+        return (h(Host, { key: 'b8f41b440fc5da27179ae6c0c1900fc9e3694c3a' }, h("ol", { key: '4c1897d3c3f3fe946a66ed10950bd534b0491656', class: "stepper" }, this.stepperData.map(this.renderStep))));
     }
     static get is() { return "tet-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/basic/steppers/tet-stepper-v2/tet-stepper-v2.js

@@ -35,7 +35,7 @@ export class TetStepperV2 {
         return isLastStep ? h("div", { class: { 'stepper-line': true, active } }) : null;
     };
     render() {
-        return (h(Host, { key: 'bb9cf74fe39a0fd586cd3304afa5de16c93c7ef1' }, h("ol", { key: '6715e3fa2bc48599c04de1f201ec118c8fc2169c', class: {
+        return (h(Host, { key: '1360f373a96321baac4c744c06278efee959b419' }, h("ol", { key: 'fdfac2b6087e3f5c16921a428f659e2d920cdb65', class: {
                 'stepper': true,
                 [this.theme]: true,
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/basic/steppers/tet-stepper-v3/tet-stepper-v3.js

@@ -27,7 +27,7 @@ export class TetStepperV3 {
         return description ? h("div", { class: "content-description", innerHTML: description }) : null;
     };
     render() {
-        return (h(Host, { key: 'a477c4699f55a7ff304bfca6116967549d91491d' }, h("ol", { key: '8d879730cf3a30b4214842ef64e55369bf8c59b1', class: {
+        return (h(Host, { key: '09cd03470c914c66a43cb686e7ec3ad3ca2d55f0' }, h("ol", { key: '351cc88af0e61f486fa63d99590b74ada91eebc0', class: {
                 stepper: true,
                 [this.theme]: true
             } }, this.stepperData.map(this.renderStep.bind(this)))));

package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: '5ecb983f4e56164fa21ec11d0857040931cc17fc', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'f968f9934dfa63086efad80487da235e1215b485', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'b81f35aa8d371eb4edf55541be8a43c8ea136f21', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '44db7f5858ed1ce84ef38ac858ab91a1bed7b21c', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '252524bc09396ea39053db3483feb3ba0be4bfbc', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '0053912a6cce51bd5d65f03c9d77873e93e58ad3', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: 'a3d676a5add5ca7531173bf3767c02fa1a19325b', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '99177afed8dbae1c7675c6763b10477f647c707a', name: "chevron-down" }), isOpen && h("tet-icon", { key: '697e35d534e46da2a17ec4600d0d80c3544cd475', name: "chevron-up" }))), isOpen && (h("div", { key: '58435ee58bfcb810df88ca0a006c85fc9e5d4e72', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '42a6b1c89f48642e19557db63362515014a585f9', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'f753cc779ea9081d980c8efe566259eb660a8cea', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '4b16ebb17632a28590c46e40440e0953a715ac0b', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: 'ac09c8e38c9901a05eaa43f57e1ae08869c995a6', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '021e3a9d2dfef1a06e2bd189c252f38da4e55148', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: 'd3661a48b131f2477c9907a724f8b41549cb30f4', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '55a0222685d07aee65b3c753ad998fcd4dfbbdaf', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '01e5fe8f9a38a6d61931bfa9c0f55f35dbdb4d3b', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: '905e5a183daf1ff77c8826d56f3c765364c70922', name: "chevron-down" }), isOpen && h("tet-icon", { key: 'eaf480eb9210ebcd9fc979ac32f497c170c2e9f9', name: "chevron-up" }))), isOpen && (h("div", { key: '2c3a4da23ef6314b2cc0057d87301ea35191175c', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '674a7ca4ab2bcefb8e2ef47dc9c296615d926b31', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js

@@ -61,7 +61,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '5db7691791c858aaba14119245c84d5a1f752432' }, h("ul", { key: 'daebb05e0dfa0a10db799340d6914e30b57094a0', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: 'a64792db4eeec8f40bbc0826dfa742f8d3c36cae' }, h("ul", { key: '8dfb9b4bdb8987ffb8337d0078e3d62a1d2bd99e', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }

package/dist/collection/components/simple/menu/tet-menu/tet-menu.js

@@ -515,7 +515,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '981d8a58d272ace848d7a6c4c82e7916a4282991' }, h("div", { key: '3eb7afce24ff6373a43bc4405fbba7cb6a421e85', class: {
+        return (h(Host, { key: 'f9c2b215eb78f136c446617dcb90ae6919646a55' }, h("div", { key: '1d4c050680582b4b61259a666121dbd4def3cb05', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.js

@@ -178,7 +178,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light", type: useSecondaryType ? "secondary" : "primary" }));
     }
     render() {
-        return (h(Host, { key: 'ca8bfe9283e24b22b071d54e70535ccb747081fc' }, h("div", { key: '00843873e9262098b91e4e0da84fef808fc2a426', class: {
+        return (h(Host, { key: 'eaa3ef2ea5fbfa90304c29197051fea1e8002fa6' }, h("div", { key: '70aed251f8f506a29e521068083f0078e1626d11', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'a43a961a36799c8cca19274fb6c4f0c1f395bcbb' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: 'c1ec2bb489b8c86bae1307cf0459819bbcc4be13' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: '94d78a5cf8df7709a59919862a9287b1fc3b01cb', class: {
+        return (h("div", { key: '4522597efdb769f3148168c6181c50789629a619', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: '8280d549892956cd934aa4b33b258390fece9794', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: 'e38088432553d2a43614e24ed7cb06b6e0a9e501', class: "content" }, h("slot", { key: 'c2b8915856a9671b48b5169afb52a500701586ea', name: "title" }), "\u00A0", h("slot", { key: '1bd81ca7f073e98bab50cd3f5631ea0741b7dbdc', name: "description" }))));
+            } }, h("tet-icon", { key: 'e17db8f372afe12595ef5206dd59370fb7df523e', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '7b9e60da1d0ff2bc551c7ba6337039de41a65ee7', class: "content" }, h("slot", { key: '2e91bf7771c0fb1ed8456e99ec0d39694f0f471d', name: "title" }), "\u00A0", h("slot", { key: '55d2a2447b0c8850f3d6f33c0f5761231711c3a5', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -284,7 +284,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: '9b74fdde65a6e35f2fc5a74adc17814f7161de32' }, h("div", { key: 'f5cb8d52dd2ed514da26b7f416b62f255468438f', class: "wrapper" }, h(ThemeWrapper, { key: '2e8ff8d7c6ed0b5d0f4577361e543b976a30c4a6', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '4bbb6f7886eda96ca665c859543bebe2892d5a1b' }, h("div", { key: 'df9c6da23210a66598c3a5a0e886ab2a4311bbd7', class: "wrapper" }, h(ThemeWrapper, { key: '95937548e8ca1de0878b431a5051821652b73872', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -80,7 +80,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '087da5c5db3e12042982d83e6c97b6cc6b89c1a8' }, h("div", { key: '3901e00cf70c0eebf502f3c86cf86cdee8cf0c49', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '6e0d83eebf6eb616e7f24111627e362c6b02dcf4', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '51bc44a23fca932a5ce989f39f4761e52fe66bc6' }, h("div", { key: '794cede885ae03ac6b0ef6c5cf8c5a0eae92c4c5', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: '1c01041ab1c6a8936dcbfda60777fbc03945d0cf', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV2 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v2-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: 'f8aaecbbfbb5156e6356828c5b392f647ef33261' }, h("div", { key: '270c8ae525ccd452ccc4d0d25ed2bf431be21bf2', class: {
+        return (h(Host, { key: 'bdb98068f29dd9a9ccd454a3037d9cc28f0b532b' }, h("div", { key: '13128a9374585623ef0a6f0572f6fa076566f8f0', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/components/views/tet-thank-you-view-v3/tet-thank-you-view-v3.js

@@ -73,7 +73,7 @@ export class TetThankYouViewV3 {
         return this.faqSlot && (h("section", { class: "thank-you-view-v3-faq-slot", "aria-label": "FAQ" }, h("slot", { name: "faq" })));
     };
     render() {
-        return (h(Host, { key: '4ee7ee1e01db0f6442a4aeb172b1ef1e2d8d8418' }, h("div", { key: '95093ea8254173b362b34d97e3822ca16ad79bac', class: {
+        return (h(Host, { key: '41703235a1bcbf73353e0b8f370abc37a7106b5c' }, h("div", { key: 'db73e8e3316b7e1c6cc035e8780c5ec58f0c5795', class: {
                 'thank-you-view-v3': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/components/index.js

@@ -110,7 +110,7 @@ import { TetThankYouViewV3 } from './tet-thank-you-view-v3.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-25b93e8f.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-aa122c92.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-52877cda.js → p-02f8a79e.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-25b93e8f.js';
-import { d as defineCustomElement$2 } from './p-a75e9375.js';
-import { d as defineCustomElement$1 } from './p-bb6e933a.js';
+import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-aa122c92.js';
+import { d as defineCustomElement$2 } from './p-fd4948a2.js';
+import { d as defineCustomElement$1 } from './p-8e2c8ceb.js';
 
 const tetDropdownCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:root,:host{--input-height:2.75rem;--input-padding:0.5rem;--input-font-size:1rem;--input-border-radius:0.1875rem;--input-color-error:rgb(233, 69, 54);--input-font-family:var(--font-family-content);--input-icon-size:1.5rem;--input-icon-top-position:auto;--input-icon-color:rgb(10, 11, 13);--input-focus-icon-color:rgb(10, 11, 13);--input-label-color:rgb(10, 11, 13);--input-text-color:rgb(10, 11, 13);--input-background-color:rgb(255, 255, 255);--input-border-color:rgb(153, 160, 174);--input-placeholder-color:rgb(153, 160, 174);--input-hover-background-color:rgba(88, 99, 116, 0.08);--input-focus-background-color:rgb(255, 255, 255);--input-focus-border-color:rgb(10, 11, 13);--input-focus-outline-color:rgba(88, 99, 116, 0.12);--input-disabled-label-color:rgb(88, 99, 116);--input-disabled-text-color:rgb(153, 160, 174);--input-border-disabled:rgb(215, 219, 224);--input-disabled-background-color:rgba(88, 99, 116, 0.08);--input-disabled-icon-color:var(--input-icon-color);--textarea-border-radius:0.625rem;--textarea-min-height:5.25rem;--textarea-resize:none}.tet-input__dark,.tet-textarea__dark{--input-icon-color:var(--tc-icon-primary-dark);--input-label-color:var(--tc-text-primary-dark);--input-text-color:var(--tc-text-primary-dark);--input-background-color:var(--tc-layer-primary-dark);--input-border-color:var(--tc-border-secondary-dark);--input-placeholder-color:var(--tc-button-text-inverse-disabled-dark);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-focus-icon-color:var(--tc-icon-primary-dark);--input-focus-background-color:var(--tc-layer-primary-dark);--input-focus-border-color:var(--tc-border-primary-dark);--input-focus-outline-color:var(--tc-text-input-border-active-dark);--input-disabled-label-color:var(--tc-text-secondary-dark);--input-disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--input-border-disabled:var(--tc-border-quaternary-dark);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover-dark);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--input-color-error:var(--tc-alert-accent-error-dark)}.tet-input__dark.tet-input__dark.keyboard-focus:focus,.tet-textarea__dark.tet-input__dark.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline:0.125rem solid var(--tc-blue-40-dark);outline-offset:0.125rem;transition:outline 0s}.tet-input__mint{--input-icon-color:rgb(247, 247, 247);--input-focus-icon-color:rgb(247, 247, 247);--input-label-color:rgb(247, 247, 247);--input-text-color:rgb(255, 255, 255);--input-background-color:transparent;--input-border-color:rgb(88, 99, 116);--input-placeholder-color:rgb(67, 75, 86);--input-hover-background-color:rgba(26, 213, 219, 0.08);--input-focus-background-color:transparent;--input-focus-border-color:rgb(26, 213, 219);--input-focus-outline-color:rgba(26, 213, 219, 0.24);--input-disabled-label-color:rgb(153, 160, 174);--input-border-disabled:rgb(67, 75, 86);--input-disabled-background-color:rgba(153, 160, 174, 0.08);--input-disabled-text-color:rgb(67, 75, 86)}.tet-input__light,.tet-textarea__light{--input-icon-color:var(--tc-icon-primary);--input-label-color:var(--tc-text-primary);--input-text-color:var(--tc-text-primary);--input-background-color:var(--tc-layer-primary);--input-border-color:var(--tc-border-secondary);--input-placeholder-color:var(--tc-button-text-inverse-disabled);--input-hover-background-color:var(--tc-button-primary-background-inverse-hover);--input-focus-icon-color:var(--tc-icon-primary);--input-focus-background-color:var(--tc-layer-primary);--input-focus-border-color:var(--tc-border-primary);--input-focus-outline-color:var(--tc-text-input-border-active);--input-disabled-label-color:var(--tc-text-secondary);--input-disabled-text-color:var(--tc-button-text-inverse-disabled);--input-border-disabled:var(--tc-border-quaternary);--input-disabled-background-color:var(--tc-button-primary-background-inverse-hover);--input-disabled-icon-color:var(--tc-button-icon-inverse-disabled);--input-color-error:var(--tc-alert-accent-error)}.tet-input__mint-original{--input-icon-color:#9ba5be;--input-label-color:#f5f5f5;--input-text-color:#f5f5f5;--input-background-color:#1d2128;--input-border-color:#2b3036;--input-placeholder-color:rgba(155, 165, 190, 0.8);--input-focus-icon-color:#aeb7bc;--input-focus-border-color:#01cbe0;--input-focus-background-color:#1d2128}.tet-input__base,.tet-textarea__base{width:100%;height:var(--input-height);box-sizing:border-box;padding:var(--input-padding);border-radius:var(--input-border-radius);border:0.0625rem solid var(--input-border-color);color:var(--input-text-color);background:var(--input-background-color);outline:0.125rem solid transparent;font-size:inherit;font-family:var(--input-font-family);font-weight:500;line-height:1.25rem;letter-spacing:-0.005625rem;}.tet-input__base::placeholder,.tet-textarea__base::placeholder{color:var(--input-placeholder-color)}.tet-input__base.tet-input__mint-original:not(:disabled):hover,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover{background-color:#1d2128;border-color:#01cbe0;box-shadow:0 0.0625rem 0.25rem 0.125rem rgba(1, 203, 224, 0.4)}.tet-input__base.tet-input__mint-original:not(:disabled):hover.error,.tet-input__base.tet-input__mint-original:not(:disabled):focus.error,.tet-input__base.tet-input__mint-original:not(:disabled):active.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):hover.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus.error,.tet-textarea__base.tet-input__mint-original:not(:disabled):active.error{border-color:rgb(233, 69, 54)}.tet-input__base.tet-input__mint-original:not(:disabled):focus,.tet-input__base.tet-input__mint-original:not(:disabled):active,.tet-textarea__base.tet-input__mint-original:not(:disabled):focus,.tet-textarea__base.tet-input__mint-original:not(:disabled):active{outline:none}.tet-input__base.tet-input__mint-original.keyboard-focus:focus,.tet-textarea__base.tet-input__mint-original.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base[disabled],.tet-textarea__base[disabled]{cursor:not-allowed;outline:none;border:0.0625rem solid var(--input-border-disabled);background-color:var(--input-disabled-background-color);color:var(--input-disabled-text-color)}.tet-input__base:not(:disabled).error,.tet-textarea__base:not(:disabled).error{border-color:var(--input-color-error)}.tet-input__base:not(:disabled):hover,.tet-textarea__base:not(:disabled):hover{background:var(--input-hover-background-color)}.tet-input__base:not(:disabled):focus,.tet-input__base:not(:disabled):active,.tet-textarea__base:not(:disabled):focus,.tet-textarea__base:not(:disabled):active{background:var(--input-focus-background-color);border:0.0625rem solid var(--input-focus-border-color);box-shadow:0 0 0 0.25rem var(--input-focus-outline-color)}.tet-input__base.keyboard-focus:focus,.tet-textarea__base.keyboard-focus:focus{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;box-shadow:none}.tet-input__base.error:not(:disabled).keyboard-focus,.tet-textarea__base.error:not(:disabled).keyboard-focus{border-color:var(--input-color-error)}.tet-textarea__base{border-radius:var(--textarea-border-radius);min-height:var(--textarea-min-height);resize:var(--textarea-resize)}.tet-input__label,.tet-textarea__label{display:block;margin-left:0.25rem !important;margin-bottom:0.25rem !important;color:var(--input-label-color);font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.tet-input__label.tet-input__mint-original,.tet-textarea__label.tet-input__mint-original{margin-left:0 !important;font-family:var(--font-family-fallback)}.tet-input__label:has(~.input-container input[disabled]),.tet-textarea__label:has(~.input-container input[disabled]){color:var(--input-disabled-label-color)}.tet-input__error-message,.tet-textarea__error-message{font:500 0.75rem/1rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--input-color-error)}.errors{display:flex;flex-direction:column;gap:0.5em;margin-top:0.5em}.errors--hidden{display:none}:host{--options-max-height:15.625rem;--border-radius:0.625rem;--focus-border-radius:0.875rem;--option-padding:0.5rem 0.75rem;--button-padding:0.625rem 0.75rem;--text-size:0.875rem;--text-color:var(--tc-text-primary);--border-color:var(--tc-border-secondary);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary);--disabled-text-color:var(--tc-button-text-inverse-disabled);--disabled-icon-color:var(--tc-button-icon-inverse-disabled);--disabled-label-text-color:var(--tc-text-secondary);--option-text-color:var(--tc-button-text-primary);--option-accent-color:var(--tc-button-text-secondary);--button-background-color:var(--tc-layer-primary);--dropdown-background-color:var(--tc-layer-primary);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed);--keyboard-focus-outline-color:var(--tc-blue-40);display:block;position:relative}.dropdown.dark,.dropdown.mint{--text-color:var(--tc-text-primary-dark);--border-color:var(--tc-border-secondary-dark);--hover-text-color:var(--text-color);--hover-border-color:var(--border-color);--disabled-border-color:var(--tc-border-quaternary-dark);--disabled-text-color:var(--tc-button-text-inverse-disabled-dark);--disabled-icon-color:var(--tc-button-icon-inverse-disabled-dark);--disabled-label-text-color:var(--tc-text-secondary-dark);--option-text-color:var(--text-color);--option-accent-color:var(--text-color);--button-background-color:var(--tc-layer-primary-dark);--dropdown-background-color:var(--tc-layer-primary-dark);--hover-button-background-color:var(--tc-button-primary-background-inverse-hover-dark);--focus-button-background-color:var(--tc-button-primary-background-inverse-pressed-dark);--keyboard-focus-outline-color:var(--tc-blue-40-dark)}.dropdown.mint{--option-accent-color:rgb(26, 213, 219);--hover-button-background-color:rgba(26, 213, 219, 0.08);--focus-button-background-color:rgba(26, 213, 219, 0.32)}.dropdown *{color:var(--text-color)}.dropdown__wrapper{position:relative;display:flex;flex-direction:column}.dropdown__wrapper.disabled .dropdown__button{cursor:not-allowed;background-color:var(--hover-button-background-color);border-color:var(--disabled-border-color)}.dropdown__wrapper.disabled .dropdown__button__selected,.dropdown__wrapper.disabled .dropdown__button__labelright{color:var(--disabled-text-color) !important}.dropdown__wrapper.disabled .dropdown__button .dropdown__icon{--icon-color:var(--disabled-icon-color)}.dropdown__wrapper.disabled .dropdown__label{color:var(--disabled-label-text-color)}.dropdown__icon{--icon-color:var(--option-accent-color)}.dropdown__chevron-icon{--icon-size:1.25rem;--icon-color:var(--text-color)}.dropdown__button{font:500 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;height:2.75rem;width:100%;align-items:center;justify-content:space-between;padding:var(--button-padding);border-radius:var(--border-radius);background-color:var(--button-background-color);border:0.0625rem solid var(--border-color);cursor:pointer}.dropdown__button:hover,.dropdown__button:focus{outline:none;color:var(--hover-text-color);border-color:var(--hover-border-color);background-color:var(--hover-button-background-color)}.dropdown__button:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0.125rem;transition:outline 0s;outline-color:var(--keyboard-focus-outline-color);background-color:var(--button-background-color)}.dropdown__button:active{background-color:var(--focus-button-background-color)}.dropdown__button__selected{padding-right:0.75rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown__button img{width:2.625rem;height:1.25rem}.dropdown__button__selected--flex{margin-left:0.5rem;padding-right:0}.dropdown__button-wrapper{display:inline-flex;padding:0.125rem 0.125rem 0 0.125rem;border:0.125rem solid transparent;border-bottom:none;border-radius:var(--focus-border-radius) var(--focus-border-radius) 0 0}.dropdown__button__labelright{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";margin-left:auto;margin-right:0.5rem}.dropdown__option{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;align-items:center;border-radius:0.125rem;cursor:pointer;padding:var(--option-padding);background-color:transparent}.dropdown__option:hover,.dropdown__option:focus{outline:none;background-color:var(--hover-button-background-color)}.dropdown__option:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;background-color:transparent}.dropdown__option img{width:2.625rem;height:1.25rem}.dropdown__option__labelright{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\"}.dropdown__option--single{position:relative}.dropdown__option__flex{display:flex;flex-direction:column}.dropdown__option__flex--label-container{display:flex;width:100%;align-items:center}.dropdown__option__flex--label-container .dropdown__button__label{margin-left:0.5rem}.dropdown__option__flex--label-container .dropdown__button__labelright{position:absolute;right:1rem}.dropdown__option__flex--subtext-container{margin-right:auto;margin-top:0.125rem}.dropdown__option__flex--subtext-container span{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:var(--text-color)}.dropdown__option--selected-background{background:var(--hover-button-background-color)}.dropdown__option .dropdown__icon{position:absolute;right:0.5rem}.dropdown__option--selected .dropdown__check{border-color:var(--option-accent-color);background-color:var(--option-accent-color)}.dropdown__options-focus-wrapper{z-index:99999;position:absolute;top:100%;width:100%;display:none;flex-direction:column;border:0.125rem solid transparent;border-top:none;padding:0 0.125rem 0.125rem 0.125rem;border-radius:0 0 var(--focus-border-radius) var(--focus-border-radius)}.dropdown__options-scroll-wrapper{border:0.0625rem solid var(--border-color);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden}.dropdown__options{display:none;flex-direction:column;padding:0.625rem 0;background-color:var(--dropdown-background-color);max-height:var(--options-max-height);overflow-y:auto}.dropdown--open .dropdown__options-focus-wrapper,.dropdown--open .dropdown__options{display:flex}.dropdown--open .dropdown__button{border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:0.0625rem solid transparent;background-color:var(--hover-button-background-color);outline:none}.dropdown--open.focus-visible .dropdown__options-focus-wrapper{border-color:var(--keyboard-focus-outline-color)}.dropdown--open.focus-visible .dropdown__button-wrapper{border-color:var(--keyboard-focus-outline-color)}";
 const TetDropdownStyle0 = tetDropdownCss;