@tet/tet-components 1.3.90-testing → 1.3.91-staging

package/dist/types/components.d.ts

@@ -33,8 +33,11 @@ import { ContainerTheme } from "./components/basic/container/tet-container/tet-c
 import { DatepickerRangeDates, DatepickerRangeSetData, DatepickerView } from "./components/simple/inputs/tet-datepicker/index";
 import { TetDialogFooterDisplay, TetDialogTheme } from "./components/simple/text-blocks/tet-dialog/tet-dialog";
 import { DropdownOptionInterface, SelectedOptionInterface } from "./components/simple/inputs/tet-dropdown/tet-dropdown";
+import { CardLinkType, CardSize, pictureLayoutShiftPositionType, PriceTagOptions, SizeChangeBreakpointType, TagType } from "./components/advanced/cards/tet-dynamic-card/tet-dynamic-card";
+import { Event } from "./stencil-public-runtime";
 import { ValidatorInterface } from "./services/validators/index";
 import { StateChangeInterface } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
+import { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
 import { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
 import { Theme } from "./services/theme/index";
 import { CommunicationDialogResponse, OpenCommunicationEvent, SelectedMacdOrderTypeEvent } from "./components/views/tet-macd-view/tet-macd-view";
@@ -52,7 +55,7 @@ import { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-
 import { SwitchCheckEventInterface } from "./components/basic/buttons/tet-switch/tet-switch";
 import { TabSelectEventData } from "./components/basic/buttons/tet-tabs/interfaces";
 import { TableData, TableTextAlign } from "./components/simple/tables-and-graphs/tet-table/tet-table";
-import { TagInterface } from "./components/basic/buttons/tet-tag-group/tet-tag-group";
+import { TagInterface as TagInterface1 } from "./components/basic/buttons/tet-tag-group/tet-tag-group";
 import { TextListType } from "./components/simple/lists/tet-text-list/tet-text-list";
 import { MainBlockIcon, ThankYouTheme } from "./components/views/tet-thank-you-view/tet-thank-you-view";
 import { ThankYouViewV2Icon } from "./components/views/tet-thank-you-view-v2/tet-thank-you-view-v2";
@@ -86,8 +89,11 @@ export { ContainerTheme } from "./components/basic/container/tet-container/tet-c
 export { DatepickerRangeDates, DatepickerRangeSetData, DatepickerView } from "./components/simple/inputs/tet-datepicker/index";
 export { TetDialogFooterDisplay, TetDialogTheme } from "./components/simple/text-blocks/tet-dialog/tet-dialog";
 export { DropdownOptionInterface, SelectedOptionInterface } from "./components/simple/inputs/tet-dropdown/tet-dropdown";
+export { CardLinkType, CardSize, pictureLayoutShiftPositionType, PriceTagOptions, SizeChangeBreakpointType, TagType } from "./components/advanced/cards/tet-dynamic-card/tet-dynamic-card";
+export { Event } from "./stencil-public-runtime";
 export { ValidatorInterface } from "./services/validators/index";
 export { StateChangeInterface } from "./components/simple/inputs/tet-expandable-input/tet-expandable-input";
+export { FilterState, TagInterface } from "./components/simple/filter/tet-filter/tet-filter";
 export { InlineMessageIconVariant } from "./components/simple/text-blocks/tet-inline-message/tet-inline-message";
 export { Theme } from "./services/theme/index";
 export { CommunicationDialogResponse, OpenCommunicationEvent, SelectedMacdOrderTypeEvent } from "./components/views/tet-macd-view/tet-macd-view";
@@ -105,7 +111,7 @@ export { StepperV3StepInterface } from "./components/basic/steppers/tet-stepper-
 export { SwitchCheckEventInterface } from "./components/basic/buttons/tet-switch/tet-switch";
 export { TabSelectEventData } from "./components/basic/buttons/tet-tabs/interfaces";
 export { TableData, TableTextAlign } from "./components/simple/tables-and-graphs/tet-table/tet-table";
-export { TagInterface } from "./components/basic/buttons/tet-tag-group/tet-tag-group";
+export { TagInterface as TagInterface1 } from "./components/basic/buttons/tet-tag-group/tet-tag-group";
 export { TextListType } from "./components/simple/lists/tet-text-list/tet-text-list";
 export { MainBlockIcon, ThankYouTheme } from "./components/views/tet-thank-you-view/tet-thank-you-view";
 export { ThankYouViewV2Icon } from "./components/views/tet-thank-you-view-v2/tet-thank-you-view-v2";
@@ -1637,6 +1643,84 @@ export namespace Components {
          */
         "theme": 'light' | 'dark' | 'mint';
     }
+    /**
+     * Dynamic card component that displays content in a card format with optional image,
+     * price, tags, and action button.
+     */
+    interface TetDynamicCard {
+        /**
+          * The title of the card
+         */
+        "cardTitle"?: string;
+        /**
+          * Secondary tag date
+         */
+        "dateTag"?: string;
+        /**
+          * The color of the date tag in dark theme.
+         */
+        "dateTagColorDark"?: TagType;
+        /**
+          * The color of the date tag in light theme.
+         */
+        "dateTagColorLight"?: TagType;
+        /**
+          * Index of the card in a list/carousel
+         */
+        "index"?: number;
+        /**
+          * Is in carousel
+         */
+        "isInCarousel": boolean;
+        /**
+          * URL for link type 'url'
+         */
+        "linkHref"?: string;
+        /**
+          * Open link in new tab
+         */
+        "linkNewTab"?: boolean;
+        /**
+          * Link text
+         */
+        "linkText"?: string;
+        /**
+          * Type of link
+         */
+        "linkType"?: CardLinkType;
+        /**
+          * Modal ID for link type 'modal'
+         */
+        "modalId"?: string;
+        /**
+          * The position of a picture during layout shift
+         */
+        "pictureLayoutShiftPosition"?: pictureLayoutShiftPositionType;
+        /**
+          * Price tag options
+         */
+        "priceTagOptions"?: PriceTagOptions;
+        /**
+          * The size of the card
+         */
+        "size"?: CardSize;
+        /**
+          * The size of the card
+         */
+        "sizeChangeBreakpoint"?: SizeChangeBreakpointType;
+        /**
+          * The subtitle of the card
+         */
+        "subtitle"?: string;
+        /**
+          * Array of tags to display
+         */
+        "tags"?: string[];
+        /**
+          * The theme of the component
+         */
+        "theme": ButtonTheme;
+    }
     /**
      * The expandable input uses the default input functionality with addition of extended state on focus.
      * It supports left and right icons as well as fully closed state with round icon for small containers or screens.
@@ -1784,6 +1868,27 @@ export namespace Components {
          */
         "toggleElement"?: HTMLElement | string;
     }
+    /**
+     * Simple filter component that displays a list of selectable filter tags
+     */
+    interface TetFilter {
+        /**
+          * Title of the clear filters button
+         */
+        "clearFilterButtonTitle": string;
+        /**
+          * Show clear filter button
+         */
+        "showClearFilterButton": boolean;
+        /**
+          * Available filter tags
+         */
+        "tags": TagInterface[];
+        /**
+          * Theme for the component
+         */
+        "theme": 'light' | 'dark';
+    }
     interface TetFontWeight {
     }
     interface TetFonts {
@@ -2922,7 +3027,7 @@ export namespace Components {
         /**
           * The array of tags to display.
          */
-        "tags": TagInterface[];
+        "tags": TagInterface1[];
         /**
           * The theme of the tag component.
          */
@@ -3313,10 +3418,18 @@ export interface TetDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetDropdownElement;
 }
+export interface TetDynamicCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetDynamicCardElement;
+}
 export interface TetExpandableInputCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetExpandableInputElement;
 }
+export interface TetFilterCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLTetFilterElement;
+}
 export interface TetMacdViewCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTetMacdViewElement;
@@ -4021,6 +4134,27 @@ declare global {
         prototype: HTMLTetDropdownElement;
         new (): HTMLTetDropdownElement;
     };
+    interface HTMLTetDynamicCardElementEventMap {
+        "tetDynamicCardClickEvent": Event;
+    }
+    /**
+     * Dynamic card component that displays content in a card format with optional image,
+     * price, tags, and action button.
+     */
+    interface HTMLTetDynamicCardElement extends Components.TetDynamicCard, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetDynamicCardElementEventMap>(type: K, listener: (this: HTMLTetDynamicCardElement, ev: TetDynamicCardCustomEvent<HTMLTetDynamicCardElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetDynamicCardElementEventMap>(type: K, listener: (this: HTMLTetDynamicCardElement, ev: TetDynamicCardCustomEvent<HTMLTetDynamicCardElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetDynamicCardElement: {
+        prototype: HTMLTetDynamicCardElement;
+        new (): HTMLTetDynamicCardElement;
+    };
     interface HTMLTetExpandableInputElementEventMap {
         "before-state-change": StateChangeInterface;
         "after-state-change": StateChangeInterface;
@@ -4054,6 +4188,26 @@ declare global {
         prototype: HTMLTetExpansionPanelElement;
         new (): HTMLTetExpansionPanelElement;
     };
+    interface HTMLTetFilterElementEventMap {
+        "filterChange": FilterState[];
+    }
+    /**
+     * Simple filter component that displays a list of selectable filter tags
+     */
+    interface HTMLTetFilterElement extends Components.TetFilter, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLTetFilterElementEventMap>(type: K, listener: (this: HTMLTetFilterElement, ev: TetFilterCustomEvent<HTMLTetFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLTetFilterElementEventMap>(type: K, listener: (this: HTMLTetFilterElement, ev: TetFilterCustomEvent<HTMLTetFilterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLTetFilterElement: {
+        prototype: HTMLTetFilterElement;
+        new (): HTMLTetFilterElement;
+    };
     interface HTMLTetFontWeightElement extends Components.TetFontWeight, HTMLStencilElement {
     }
     var HTMLTetFontWeightElement: {
@@ -4650,8 +4804,10 @@ declare global {
         "tet-datepicker-year-view": HTMLTetDatepickerYearViewElement;
         "tet-dialog": HTMLTetDialogElement;
         "tet-dropdown": HTMLTetDropdownElement;
+        "tet-dynamic-card": HTMLTetDynamicCardElement;
         "tet-expandable-input": HTMLTetExpandableInputElement;
         "tet-expansion-panel": HTMLTetExpansionPanelElement;
+        "tet-filter": HTMLTetFilterElement;
         "tet-font-weight": HTMLTetFontWeightElement;
         "tet-fonts": HTMLTetFontsElement;
         "tet-grid": HTMLTetGridElement;
@@ -6320,6 +6476,88 @@ declare namespace LocalJSX {
          */
         "theme"?: 'light' | 'dark' | 'mint';
     }
+    /**
+     * Dynamic card component that displays content in a card format with optional image,
+     * price, tags, and action button.
+     */
+    interface TetDynamicCard {
+        /**
+          * The title of the card
+         */
+        "cardTitle"?: string;
+        /**
+          * Secondary tag date
+         */
+        "dateTag"?: string;
+        /**
+          * The color of the date tag in dark theme.
+         */
+        "dateTagColorDark"?: TagType;
+        /**
+          * The color of the date tag in light theme.
+         */
+        "dateTagColorLight"?: TagType;
+        /**
+          * Index of the card in a list/carousel
+         */
+        "index"?: number;
+        /**
+          * Is in carousel
+         */
+        "isInCarousel"?: boolean;
+        /**
+          * URL for link type 'url'
+         */
+        "linkHref"?: string;
+        /**
+          * Open link in new tab
+         */
+        "linkNewTab"?: boolean;
+        /**
+          * Link text
+         */
+        "linkText"?: string;
+        /**
+          * Type of link
+         */
+        "linkType"?: CardLinkType;
+        /**
+          * Modal ID for link type 'modal'
+         */
+        "modalId"?: string;
+        /**
+          * Event emitted when the card is clicked
+         */
+        "onTetDynamicCardClickEvent"?: (event: TetDynamicCardCustomEvent<Event>) => void;
+        /**
+          * The position of a picture during layout shift
+         */
+        "pictureLayoutShiftPosition"?: pictureLayoutShiftPositionType;
+        /**
+          * Price tag options
+         */
+        "priceTagOptions"?: PriceTagOptions;
+        /**
+          * The size of the card
+         */
+        "size"?: CardSize;
+        /**
+          * The size of the card
+         */
+        "sizeChangeBreakpoint"?: SizeChangeBreakpointType;
+        /**
+          * The subtitle of the card
+         */
+        "subtitle"?: string;
+        /**
+          * Array of tags to display
+         */
+        "tags"?: string[];
+        /**
+          * The theme of the component
+         */
+        "theme"?: ButtonTheme;
+    }
     /**
      * The expandable input uses the default input functionality with addition of extended state on focus.
      * It supports left and right icons as well as fully closed state with round icon for small containers or screens.
@@ -6437,6 +6675,31 @@ declare namespace LocalJSX {
          */
         "toggleElement"?: HTMLElement | string;
     }
+    /**
+     * Simple filter component that displays a list of selectable filter tags
+     */
+    interface TetFilter {
+        /**
+          * Title of the clear filters button
+         */
+        "clearFilterButtonTitle"?: string;
+        /**
+          * Emits when filters change
+         */
+        "onFilterChange"?: (event: TetFilterCustomEvent<FilterState[]>) => void;
+        /**
+          * Show clear filter button
+         */
+        "showClearFilterButton"?: boolean;
+        /**
+          * Available filter tags
+         */
+        "tags"?: TagInterface[];
+        /**
+          * Theme for the component
+         */
+        "theme"?: 'light' | 'dark';
+    }
     interface TetFontWeight {
     }
     interface TetFonts {
@@ -7537,7 +7800,7 @@ declare namespace LocalJSX {
         /**
           * The array of tags to display.
          */
-        "tags"?: TagInterface[];
+        "tags"?: TagInterface1[];
         /**
           * The theme of the tag component.
          */
@@ -7868,8 +8131,10 @@ declare namespace LocalJSX {
         "tet-datepicker-year-view": TetDatepickerYearView;
         "tet-dialog": TetDialog;
         "tet-dropdown": TetDropdown;
+        "tet-dynamic-card": TetDynamicCard;
         "tet-expandable-input": TetExpandableInput;
         "tet-expansion-panel": TetExpansionPanel;
+        "tet-filter": TetFilter;
         "tet-font-weight": TetFontWeight;
         "tet-fonts": TetFonts;
         "tet-grid": TetGrid;
@@ -8061,6 +8326,11 @@ declare module "@stencil/core" {
              * A simple dropdown component.
              */
             "tet-dropdown": LocalJSX.TetDropdown & JSXBase.HTMLAttributes<HTMLTetDropdownElement>;
+            /**
+             * Dynamic card component that displays content in a card format with optional image,
+             * price, tags, and action button.
+             */
+            "tet-dynamic-card": LocalJSX.TetDynamicCard & JSXBase.HTMLAttributes<HTMLTetDynamicCardElement>;
             /**
              * The expandable input uses the default input functionality with addition of extended state on focus.
              * It supports left and right icons as well as fully closed state with round icon for small containers or screens.
@@ -8072,6 +8342,10 @@ declare module "@stencil/core" {
              * It provides a number of public methods for greater control over the component behaviour.
              */
             "tet-expansion-panel": LocalJSX.TetExpansionPanel & JSXBase.HTMLAttributes<HTMLTetExpansionPanelElement>;
+            /**
+             * Simple filter component that displays a list of selectable filter tags
+             */
+            "tet-filter": LocalJSX.TetFilter & JSXBase.HTMLAttributes<HTMLTetFilterElement>;
             "tet-font-weight": LocalJSX.TetFontWeight & JSXBase.HTMLAttributes<HTMLTetFontWeightElement>;
             "tet-fonts": LocalJSX.TetFonts & JSXBase.HTMLAttributes<HTMLTetFontsElement>;
             "tet-grid": LocalJSX.TetGrid & JSXBase.HTMLAttributes<HTMLTetGridElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tet/tet-components",
-  "version": "v1.3.90-testing",
+  "version": "v1.3.91-staging",
   "description": "A Stencil-based Web Components library for reusable UI elements.",
   "homepage": "https://tet.lv",
   "main": "dist/index.cjs.js",

package/dist/tet-components/p-041113bf.entry.js

@@ -1 +0,0 @@
-import{r as t,f as e,h as o,H as n}from"./p-1ec7f341.js";import{p as r,t as i}from"./p-82bd28b4.js";import"./p-9a2b6ee2.js";import"./p-fd4d1ca5.js";const f=class{constructor(e){t(this,e),this.tagTitle=void 0,this.count=void 0,this.active=!1,this.theme="classic",this.showIcon=!1,this.disabled=!1,this.language="lv"}async onLanguageChange(t){r("tet-components",t).then((()=>e(this)))}async componentWillLoad(){r("tet-components",this.language).then((()=>e(this)))}render(){return o(n,{key:"26e4d377e0bf498e773cf3bbb9a316eb5413c8db"},o("button",{key:"7034a6c7ac6168c2c78bd6190d31f397dc436331",class:{tag:!0,"tag-active":this.active,"tag--icon":this.showIcon,[`theme-${this.theme}`]:!0},"aria-pressed":this.active.toString(),disabled:this.disabled},this.tagTitle&&o("p",{key:"f6ff0d60f26afb6010949f59095d1ceca5a0df9d",class:"tag-title"},i(this.tagTitle)),null!=this.count&&o("span",{key:"65dc53b0ed299b49d80634c745916b04dde44325",class:"tag-count"},this.count),this.showIcon&&o("tet-icon",{key:"4790727ca0ac7ee763a3c7047f89b1a65ab9b13c",class:"tag-icon",name:"close-circle",part:"icon-selected"})))}static get watchers(){return{language:["onLanguageChange"]}}};f.style='@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format("eot"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format("woff2"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format("woff"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format("eot"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format("woff2"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format("woff"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format("eot"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format("woff2"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format("woff"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format("eot"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format("woff2"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format("woff"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format("eot"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format("woff2"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format("woff"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format("eot"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format("woff2"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format("woff"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format("truetype");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;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}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format("embedded-opentype"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format("woff2"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format("woff"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format("truetype"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format("svg");font-weight:400;font-style:normal}.tet-icon:before{content:"\\E84E"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:"\\E800"}.tet-icon__alert-circled:before{content:"\\E801"}.tet-icon__alert:before{content:"\\E802"}.tet-icon__bank:before{content:"\\E803"}.tet-icon__box:before{content:"\\E804"}.tet-icon__download:before{content:"\\E805"}.tet-icon__burger:before{content:"\\E806"}.tet-icon__cancel:before{content:"\\E807"}.tet-icon__printer:before{content:"\\E808"}.tet-icon__cart-add:before{content:"\\E809"}.tet-icon__cart-remove:before{content:"\\E80A"}.tet-icon__cart:before{content:"\\E80B"}.tet-icon__chat:before{content:"\\E80C"}.tet-icon__arrow-up:before{content:"\\E80D"}.tet-icon__calendar:before{content:"\\E80E"}.tet-icon__help-circled:before{content:"\\E80F"}.tet-icon__edit:before{content:"\\E810"}.tet-icon__external-link:before{content:"\\E811"}.tet-icon__gift:before{content:"\\E812"}.tet-icon__person:before{content:"\\E813"}.tet-icon__heart:before{content:"\\E814"}.tet-icon__language:before{content:"\\E815"}.tet-icon__help:before{content:"\\E816"}.tet-icon__home-1:before{content:"\\E817"}.tet-icon__location:before{content:"\\E818"}.tet-icon__home-3:before{content:"\\E819"}.tet-icon__chart-even:before{content:"\\E81A"}.tet-icon__info-2:before{content:"\\E81B"}.tet-icon__key:before{content:"\\E81C"}.tet-icon__info:before{content:"\\E81D"}.tet-icon__lock-opened:before{content:"\\E81E"}.tet-icon__lock-outlined:before{content:"\\E81F"}.tet-icon__lock:before{content:"\\E820"}.tet-icon__laptop-filled:before{content:"\\E821"}.tet-icon__mail:before{content:"\\E822"}.tet-icon__options:before{content:"\\E823"}.tet-icon__chart-uneven:before{content:"\\E824"}.tet-icon__mail-2:before{content:"\\E825"}.tet-icon__remove:before{content:"\\E826"}.tet-icon__mobile-filled:before{content:"\\E827"}.tet-icon__ilu-calendar-check:before{content:"\\E828"}.tet-icon__settings-outlined:before{content:"\\E829"}.tet-icon__tablet:before{content:"\\E82A"}.tet-icon__thumb-up:before{content:"\\E82B"}.tet-icon__ilu-purchase:before{content:"\\E82C"}.tet-icon__chart-even-outlined:before{content:"\\E82D"}.tet-icon__movie:before{content:"\\E82E"}.tet-icon__percent:before{content:"\\E82F"}.tet-icon__ilu-change-whenever:before{content:"\\E830"}.tet-icon__truck:before{content:"\\E831"}.tet-icon__zero:before{content:"\\E832"}.tet-icon__attach:before{content:"\\E833"}.tet-icon__cloud-done:before{content:"\\E834"}.tet-icon__cloud-download:before{content:"\\E835"}.tet-icon__cloud-upload:before{content:"\\E836"}.tet-icon__cloud:before{content:"\\E837"}.tet-icon__folder:before{content:"\\E838"}.tet-icon__remote:before{content:"\\E839"}.tet-icon__router:before{content:"\\E83A"}.tet-icon__shield-filled:before{content:"\\E83B"}.tet-icon__shield:before{content:"\\E83C"}.tet-icon__ilu-devices:before{content:"\\E83D"}.tet-icon__ilu-get-points:before{content:"\\E83E"}.tet-icon__tv:before{content:"\\E83F"}.tet-icon__ilu-internet:before{content:"\\E840"}.tet-icon__wifi-outlined:before{content:"\\E841"}.tet-icon__wifi:before{content:"\\E842"}.tet-icon__description-outlined:before{content:"\\E843"}.tet-icon__laptop:before{content:"\\E844"}.tet-icon__chart-uneven-outlined:before{content:"\\E845"}.tet-icon__meter:before{content:"\\E846"}.tet-icon__mobile:before{content:"\\E847"}.tet-icon__phone:before{content:"\\E848"}.tet-icon__plug-filled:before{content:"\\E849"}.tet-icon__plug:before{content:"\\E84A"}.tet-icon__print:before{content:"\\E84B"}.tet-icon__camera:before{content:"\\E84C"}.tet-icon__clock:before{content:"\\E84D"}.tet-icon__placeholder:before{content:"\\E84E"}.tet-icon__tv-filled:before{content:"\\E84F"}.tet-icon__arrow-down:before{content:"\\E850"}.tet-icon__arrow-left:before{content:"\\E851"}.tet-icon__arrow-right:before{content:"\\E852"}.tet-icon__description:before{content:"\\E853"}.tet-icon__login:before{content:"\\E854"}.tet-icon__check:before{content:"\\E855"}.tet-icon__chevron-down:before{content:"\\E856"}.tet-icon__chevron-left:before{content:"\\E857"}.tet-icon__chevron-right:before{content:"\\E858"}.tet-icon__chevron-up:before{content:"\\E859"}.tet-icon__close-circled:before{content:"\\E85A"}.tet-icon__close:before{content:"\\E85B"}.tet-icon__more-horizontal:before{content:"\\E85C"}.tet-icon__more-vertical:before{content:"\\E85D"}.tet-icon__refresh:before{content:"\\E85E"}.tet-icon__facebook:before{content:"\\E85F"}.tet-icon__instagram:before{content:"\\E860"}.tet-icon__linkedin:before{content:"\\E861"}.tet-icon__people:before{content:"\\E862"}.tet-icon__logout:before{content:"\\E863"}.tet-icon__share:before{content:"\\E864"}.tet-icon__twitter:before{content:"\\E865"}.tet-icon__cancel-filled:before{content:"\\E866"}.tet-icon__done:before{content:"\\E867"}.tet-icon__star-filled:before{content:"\\E868"}.tet-icon__star:before{content:"\\E869"}.tet-icon__clipboard:before{content:"\\E86A"}.tet-icon__ilu-calendar:before{content:"\\E86B"}.tet-icon__check-circled:before{content:"\\E86C"}.tet-icon__ilu-choose-channels:before{content:"\\E86D"}.tet-icon__search:before{content:"\\E86E"}.tet-icon__warning:before{content:"\\E86F"}.tet-icon__ilu-clock-1:before{content:"\\E870"}.tet-icon__ilu-fold:before{content:"\\E871"}.tet-icon__ilu-letter:before{content:"\\E872"}.tet-icon__ilu-pay:before{content:"\\E873"}.tet-icon__ilu-meter:before{content:"\\E874"}.tet-icon__ilu-sign:before{content:"\\E875"}.tet-icon__smart-watch-filled:before{content:"\\E876"}.tet-icon__washing-machine-filled:before{content:"\\E877"}.tet-icon__bullet:before{content:"\\E878"}.tet-icon__sound:before{content:"\\E879"}.tet-icon__dropdown:before{content:"\\E87A"}.tet-icon__mask-pass:before{content:"\\E87B"}.tet-icon__select:before{content:"\\E87C"}.tet-icon__text-area-sizing:before{content:"\\E87D"}.tet-icon__unmask-pass:before{content:"\\E87E"}.tet-icon__bullet-small:before{content:"\\E882"}.tet-icon__electric-bolt:before{content:"\\E880"}.tet-icon__sun:before{content:"\\E881"}: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)}:host{display:inline-block;--tag-background-color:rgb(255, 255, 255);--tag-hover-background-color:linear-gradient(rgba(88, 99, 116, 0.08), rgba(88, 99, 116, 0.08)), linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));--tag-active-background-color:rgb(10, 11, 13);--tag-border-color:rgb(153, 160, 174);--tag-active-border-color:rgb(10, 11, 13);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:rgb(10, 11, 13);--tag-active-text-color:rgb(255, 255, 255);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled)}.tag{font:500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";cursor:pointer;display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.75rem;color:var(--tag-text-color);border-radius:0.625rem;background:var(--tag-background-color);border-color:var(--tag-border-color);border:0.0625rem solid var(--tag-border-color)}.tag:hover:not(:disabled){background:var(--tag-hover-background-color)}.tag:focus-visible{outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tag-focus-outline-color);border-color:transparent}.tag:active:not(:disabled),.tag.tag-active:not(:disabled){color:var(--tag-active-text-color);background:var(--tag-active-background-color);border-color:var(--tag-active-border-color)}.tag:active:not(:disabled) .tag-icon,.tag.tag-active:not(:disabled) .tag-icon{--icon-color:var(--tag-active-text-color)}.tag:disabled{border-color:var(--tag-disabled-border-color);color:var(--tag-disabled-text-color);cursor:not-allowed;background:transparent}.tag--icon{padding:0.375rem 0.625rem 0.365rem 0.75rem}.tag.theme-light{--tag-background-color:var(--tc-layer-primary);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover);--tag-active-background-color:var(--tc-layer-inverse-primary);--tag-border-color:var(--tc-border-secondary);--tag-active-border-color:var(--tc-button-primary-background-default);--tag-focus-outline-color:var(--tc-blue-40);--tag-disabled-border-color:var(--tc-button-border-disabled);--tag-text-color:var(--tc-button-text-secondary);--tag-active-text-color:var(--tc-button-text-primary);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled)}.tag.theme-dark{--tag-background-color:var(--tc-layer-primary-dark);--tag-hover-background-color:var(--tc-button-primary-background-inverse-hover-dark);--tag-active-background-color:var(--tc-layer-inverse-primary-dark);--tag-border-color:var(--tc-border-secondary-dark);--tag-active-border-color:var(--tc-button-primary-background-default-dark);--tag-focus-outline-color:var(--tc-blue-40-dark);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:var(--tc-button-text-secondary-dark);--tag-active-text-color:var(--tc-button-text-primary-dark);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag.theme-mint{--tag-background-color:rgb(35, 40, 46);--tag-hover-background-color:linear-gradient(rgba(26, 213, 219, 0.08), rgba(26, 213, 219, 0.08)), linear-gradient(rgb(35, 40, 46), rgb(35, 40, 46));--tag-active-background-color:rgb(26, 213, 219);--tag-border-color:rgb(26, 213, 219);--tag-active-border-color:rgb(26, 213, 219);--tag-disabled-border-color:var(--tc-button-border-disabled-dark);--tag-text-color:rgb(255, 255, 255);--tag-active-text-color:rgb(10, 11, 13);--tag-disabled-text-color:var(--tc-button-text-secondary-disabled-dark)}.tag .tag-icon{--icon-size:1rem;--icon-color:var(--tag-text-color);display:flex}';export{f as tet_tag}