npm - @tet/tet-components - Versions diffs - 1.4.109-testing → 1.4.110-production - Mend

@tet/tet-components 1.4.109-testing → 1.4.110-production

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

Files changed (519) hide show

package/dist/tet-components/{p-ff5fb9e4.entry.js → p-56b52f81.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,g as r,h as a,H as s}from"./p-83f43fdd.js";import{a as o}from"./p-a9634fae.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.disabled=!1,this.mode="tab-header",this.accessibilityLabel="",this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement\|\|!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type\|\|"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,r){const a=this.isSwitchMode&&(this.isSwitchDisabled\|\|e.classList.contains("disabled"));if(e.setAttribute("tabIndex",r&&!a?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${r}`),a?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${r}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const r=this.isSwitchDisabled\|\|e.classList.contains("disabled"),a=e.classList.contains("active");if(this.setTabAccessibility(e,t,a),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging\|\|this.selectTab(e.getAttribute("data-name")\|\|t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let s;switch(r){case"ArrowRight":s=a+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=a-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const o=this.tabHeadersNotDisabled[s];o.focus(),o.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.loading="lazy",s.src=t,s.alt=a,s.draggable=!1,s.classList.add("tab-header-image"),"square-detached"===this.type?(s.style.filter="var(--square-detached-img-filter, none)",s.style.maxWidth="var(--square-detached-logo-max-w, 100%)",s.style.maxHeight="var(--square-detached-logo-max-h, 100%)",s.style.objectFit="contain"):s.style.maxHeight="1.5rem",e.appendChild(s),r){const t=document.createElement("img");t.loading="lazy",t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const r=e.querySelector("img.tab-header-image.active");r&&(r.style.display="none");const a=e.querySelector("img.tab-header-image.default");a&&(a.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),this.setTabAccessibility(a,this.tabHeaders.indexOf(a),!0),this.applyPillIconColor();const s=a.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=o(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(s,{key:"bfeee214826dca2600d7a2fa654a9760904d427b","data-id-suffix":this.idSuffix},a("div",{key:"b77717722fb3786c89385f499bb24f92d5c5ca65",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&a("div",{key:"61b08dd02c4637640e83b2443c447a0dd04b624e",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"7fb716952564cab451dfe103e4486c03706e0d9d",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"30dce730637b1a87df530203c2445df08cf8a843",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"0c5c4fbf849fbc0d4f27f3f967a5d920b9cc2872",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline\|\|this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"],disabled:["onDisabledChange"]}}};i.style=':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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin);transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(),.tabs--segmented.tabs--disabled.dark-gray ::slotted(){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}
1	+ import{r as e,c as t,g as r,h as a,H as s}from"./p-7c868b40.js";import{a as o}from"./p-a9634fae.js";const i=class{constructor(r){e(this,r),this.select=t(this,"tabSelected",7),this.theme="light",this.type=void 0,this.position=void 0,this.sizing="web",this.defaultTab=0,this.segmented=!1,this.disabled=!1,this.mode="tab-header",this.accessibilityLabel="",this.hideHeaderUnderline=!1,this.hideActiveHeaderUnderline=!1,this.autoplayDelay=0,this.stopAutoplayOnHeaderHover=!1,this.stopAutoplayOnContentHover=!1,this.showOverflowGradients=!1,this.selectedId=void 0,this.positions={scrollLeft:0,mouseX:0},this.dataName=void 0,this.autoplay=void 0,this.effectivePosition="left",this.hasOverflowLeft=!1,this.hasOverflowRight=!1,this.idSuffix="undefined"!=typeof crypto&&crypto.randomUUID?crypto.randomUUID().split("-")[0]:Math.random().toString(36).substring(2,10),this.segmentAnimation={width:"0px",position:"0px",transition:""}}tabElement;tabContainer;tabHeaders;tabHeadersNotDisabled;animationObserver;positionObserver;isDragging=!1;dragStartX=0;dragResetTimer=null;dragThreshold=8;autoplayInterval=[];tabListeners=new WeakMap;get element(){return r(this)}select;async toggleAutoplay(e){this.autoplay=e,e?this.startAutoplay():this.stopAutoplay()}async stopAutoplay(){this.autoplayInterval.forEach((e=>{clearInterval(e)})),this.autoplayInterval.length=0}async startAutoplay(){this.autoplay&&this.autoplayInterval.push(setInterval((()=>{const e=this.getTabElement(this.selectedId);let t=this.tabHeaders.indexOf(e)+1;for(;this.tabHeadersNotDisabled.indexOf(this.tabHeaders[t])<0;)if(t+=1,t+1>this.tabHeaders.length){t=0;break}t=this.tabHeaders.indexOf(this.getTabElement(t)),this.selectTab(t)}),this.autoplayDelay))}showActiveHeaderUnderline(){this.tabHeaders.forEach((e=>{this.hideActiveHeaderUnderline?e.classList.add("no-underline"):e.classList.remove("no-underline")}))}onAutoplayDelayChange(e){console.log(e,!!e),this.stopAutoplay(),e&&this.startAutoplay()}initAutoplay(){if(this.autoplayDelay>0&&this.tabHeadersNotDisabled.length>1){this.autoplay=!0,this.startAutoplay(),this.tabHeadersNotDisabled.forEach((e=>{e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnHeaderHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnHeaderHover&&this.startAutoplay()}))}));const e=this.element.parentElement.querySelector(`tet-tab-content[data-name="${this.dataName}"`);e.addEventListener("mouseenter",(()=>{this.stopAutoplayOnContentHover&&this.stopAutoplay()})),e.addEventListener("mouseleave",(()=>{this.stopAutoplayOnContentHover&&this.startAutoplay()}))}}componentDidLoad(){this.initTabHeaderImages(),this.initTabHeaders(),this.showActiveHeaderUnderline(),this.selectTab(this.defaultTab,!1,!1),this.initAutoplay(),this.updatePositionClass(),this.initPositionObserver(),this.isScrollableType&&this.tabElement.addEventListener("scroll",this.onTabScroll),this.tabElement.addEventListener("touchstart",this.onContainerTouchStart,{passive:!0}),this.tabElement.addEventListener("touchmove",this.onContainerTouchMove,{passive:!0}),this.tabElement.addEventListener("touchend",this.onContainerTouchEnd),this.segmented&&(this.tabElement.addEventListener("scroll",this.debounceOnInitialScroll),this.initAnimationObserver());const e=new MutationObserver((t=>{t.every((t=>!t.oldValue?.includes("disabled")\|\|(this.initTabHeaders(),e.disconnect(),!1)))}));e.observe(this.element,{attributes:!0,attributeOldValue:!0,subtree:!0,attributeFilter:["class"]})}connectedCallback(){this.initTabHeaders()}disconnectedCallback(){this.cleanupTabListeners(),this.stopAutoplay(),this.animationObserver?.disconnect(),this.positionObserver?.disconnect(),this.isScrollableType&&this.tabElement?.removeEventListener("scroll",this.onTabScroll),this.tabElement?.removeEventListener("touchstart",this.onContainerTouchStart),this.tabElement?.removeEventListener("touchmove",this.onContainerTouchMove),this.tabElement?.removeEventListener("touchend",this.onContainerTouchEnd),this.resetDragState()}initPositionObserver(){this.positionObserver=new ResizeObserver((()=>{this.updatePositionClass()})),this.positionObserver.observe(this.tabElement)}updatePositionClass(){this.updateOverflowState(),this.effectivePosition=void 0!==this.tabElement&&!this.segmented&&"center"===this.position&&this.tabElement.scrollWidth>this.tabElement.clientWidth?"left":"right"!==this.position?"center"!==this.position?"left":"center":"right"}updateOverflowState(){if(void 0===this.tabElement\|\|!this.isScrollableType)return this.hasOverflowLeft=!1,void(this.hasOverflowRight=!1);const e=this.tabElement.scrollWidth-this.tabElement.clientWidth;this.hasOverflowLeft=this.tabElement.scrollLeft>1,this.hasOverflowRight=e-this.tabElement.scrollLeft>1}onTabScroll=()=>{this.updateOverflowState()};get isScrollableType(){return"pill"===this.type\|\|"square-detached"===this.type}get isSwitchMode(){return"switch"===this.mode}get isSwitchDisabled(){return this.isSwitchMode&&this.disabled}cleanupTabListeners(){this.tabHeaders?.forEach((e=>{const t=this.tabListeners.get(e);t&&(e.removeEventListener("click",t.click),e.removeEventListener("keydown",t.keydown),this.tabListeners.delete(e))}))}resetDragState(){this.isDragging=!1,null!==this.dragResetTimer&&(clearTimeout(this.dragResetTimer),this.dragResetTimer=null)}onContainerMouseDown=e=>{this.resetDragState(),this.positions={scrollLeft:this.tabElement.scrollLeft,mouseX:e.clientX},this.tabElement.addEventListener("mousemove",this.onContainerMouseMove),this.tabElement.addEventListener("mouseup",this.onContainerMouseUp),this.tabElement.addEventListener("mouseleave",this.onContainerMouseUp)};onContainerMouseMove=e=>{if(e.preventDefault(),1!==e.buttons)return void this.onContainerMouseUp();const t=e.clientX-this.positions.mouseX;Math.abs(t)>this.dragThreshold&&(this.isDragging=!0),this.tabElement.scrollTo(this.positions.scrollLeft-t,0)};onContainerMouseUp=()=>{this.tabElement.removeEventListener("mousemove",this.onContainerMouseMove),this.tabElement.removeEventListener("mouseup",this.onContainerMouseUp),this.tabElement.removeEventListener("mouseleave",this.onContainerMouseUp),this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),50))};onContainerTouchStart=e=>{this.dragStartX=e.touches[0].clientX,this.resetDragState()};onContainerTouchMove=e=>{Math.abs(e.touches[0].clientX-this.dragStartX)>this.dragThreshold&&(this.isDragging=!0)};onContainerTouchEnd=()=>{this.isDragging&&(this.dragResetTimer=setTimeout((()=>{this.isDragging=!1,this.dragResetTimer=null}),350))};onSegmentedChange(e){e&&void 0===this.animationObserver&&this.initAnimationObserver()}onDisabledChange(){this.initTabHeaders()}setTabAccessibility(e,t,r){const a=this.isSwitchMode&&(this.isSwitchDisabled\|\|e.classList.contains("disabled"));if(e.setAttribute("tabIndex",r&&!a?"0":"-1"),this.isSwitchMode)return e.setAttribute("role","radio"),e.setAttribute("aria-checked",`${r}`),a?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled"),e.removeAttribute("aria-selected"),void e.removeAttribute("aria-controls");e.setAttribute("role","tab"),e.setAttribute("aria-controls",`tabpanel-${t+1}-${this.idSuffix}`),e.setAttribute("aria-selected",`${r}`),e.removeAttribute("aria-checked")}initTabHeaders(){this.cleanupTabListeners(),this.tabHeaders=Array.from(this.element.children),this.tabHeadersNotDisabled=[],this.tabHeaders.forEach(((e,t)=>{e.setAttribute("id",`tab-${t+1}-${this.idSuffix}`);const r=this.isSwitchDisabled\|\|e.classList.contains("disabled"),a=e.classList.contains("active");if(this.setTabAccessibility(e,t,a),!r&&!this.tabListeners.has(e)){this.tabHeadersNotDisabled.push(e);const r=()=>{this.isDragging\|\|this.selectTab(e.getAttribute("data-name")\|\|t)},a=t=>{const{key:r}=t;if(["ArrowLeft","ArrowRight","Home","End"].includes(r)){t.preventDefault();const a=this.tabHeadersNotDisabled.indexOf(e);let s;switch(r){case"ArrowRight":s=a+1,s>=this.tabHeadersNotDisabled.length&&(s=0);break;case"ArrowLeft":s=a-1,s<0&&(s=this.tabHeadersNotDisabled.length-1);break;case"Home":s=0;break;case"End":s=this.tabHeadersNotDisabled.length-1}const o=this.tabHeadersNotDisabled[s];o.focus(),o.click()}};e.addEventListener("click",r),e.addEventListener("keydown",a),this.tabListeners.set(e,{click:r,keydown:a})}})),this.applyPillIconColor(),this.updatePositionClass()}applyPillIconColor(){"pill"===this.type&&void 0!==this.tabHeaders&&this.tabHeaders.forEach((e=>{let t="var(--tabs-headers-pill-text-color)";e.classList.contains("active")&&(t="var(--tabs-headers-pill-active-text-color)"),e.classList.contains("disabled")&&(t="var(--tabs-headers-pill-text-disabled-color)"),Array.from(e.querySelectorAll("tet-icon")).forEach((e=>{e.style.setProperty("--icon-color",t),e.style.setProperty("--icon-container-display","flex")}))}))}initTabHeaderImages(){this.tabHeaders=Array.from(this.element.children),this.tabHeaders.forEach((e=>{const t=e.getAttribute("data-image");if(t){const r=e.getAttribute("data-image-active"),a=e.getAttribute("data-image-alt")??"",s=document.createElement("img");if(s.loading="lazy",s.src=t,s.alt=a,s.draggable=!1,s.classList.add("tab-header-image"),"square-detached"===this.type?(s.style.filter="var(--square-detached-img-filter, none)",s.style.maxWidth="var(--square-detached-logo-max-w, 100%)",s.style.maxHeight="var(--square-detached-logo-max-h, 100%)",s.style.objectFit="contain"):s.style.maxHeight="1.5rem",e.appendChild(s),r){const t=document.createElement("img");t.loading="lazy",t.src=r,t.alt=a,t.draggable=!1,t.classList.add("tab-header-image","active"),t.style.display="none",t.style.maxHeight="1.5rem",e.appendChild(t),s.classList.add("default")}}}))}initAnimationObserver(){this.animationObserver=new ResizeObserver((()=>{this.animateActiveSegment(!1)})),this.animationObserver.observe(this.tabElement)}animateActiveSegment(e=!0){if(!this.segmented)return;if(void 0===this.tabContainer)return;const t=this.getTabElement(this.selectedId),r=t.parentNode.getBoundingClientRect(),a=t.getBoundingClientRect();if(this.segmentAnimation={width:`${a.width}px`,position:`${a.left-r.left+this.tabElement.scrollLeft}px`,transition:e?"transform 0.3s ease, width 0.3s ease":null},"web"===this.sizing){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,r=t.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(r.width/2+r.left)})}}async selectTab(e,t=!0,r=!0){if(void 0===this.tabHeaders)return;this.tabHeaders.forEach(((e,t)=>{e.classList.remove("active"),this.setTabAccessibility(e,t,!1);const r=e.querySelector("img.tab-header-image.active");r&&(r.style.display="none");const a=e.querySelector("img.tab-header-image.default");a&&(a.style.display="inline-block")}));const a=this.getTabElement(e);if(null===a)return;if(r&&!this.isDragging){const e=this.tabElement.scrollLeft-this.tabElement.getBoundingClientRect().left-this.tabElement.getBoundingClientRect().width/2,t=a.getBoundingClientRect();this.tabElement.scrollTo({behavior:"smooth",left:e+(t.width/2+t.left)})}a.classList.add("active"),this.setTabAccessibility(a,this.tabHeaders.indexOf(a),!0),this.applyPillIconColor();const s=a.querySelector("img.tab-header-image.active");if(s){s.style.display="inline-block";const e=a.querySelector("img.tab-header-image.default");e&&(e.style.display="none")}this.select.emit({new:e,old:this.selectedId}),this.selectedId=e,this.animateActiveSegment(t)}getTabElement(e){if(!this.tabHeaders?.length)return null;let t;return t="number"==typeof e?this.tabHeaders[e]:this.tabHeaders.find((t=>t.getAttribute("data-name")===e)),void 0!==t?t:this.tabHeaders[0]}onInitialScroll=()=>{this.tabElement.removeEventListener("scroll",this.debounceOnInitialScroll),this.animateActiveSegment(!0)};debounceOnInitialScroll=o(this.onInitialScroll,10);getStyle(){if(this.segmented){const{width:e,position:t,transition:r}=this.segmentAnimation;return{"--active-width":e,"--active-x-pos":t,"--active-transition":r}}return{}}render(){const e=this.showOverflowGradients;return a(s,{key:"bfeee214826dca2600d7a2fa654a9760904d427b","data-id-suffix":this.idSuffix},a("div",{key:"b77717722fb3786c89385f499bb24f92d5c5ca65",class:{tabs:!0,"tabs--segmented":this.segmented,"tabs--disabled":this.isSwitchDisabled,"tabs--overflow-left":this.hasOverflowLeft,"tabs--overflow-right":this.hasOverflowRight,[this.effectivePosition]:!0,[this.theme]:!0,[this.sizing]:!0,[this.type]:!!this.type},onMouseDown:this.onContainerMouseDown,style:this.getStyle(),ref:e=>this.tabElement=e,role:this.isSwitchMode?"radiogroup":"tablist","aria-label":this.isSwitchMode&&this.accessibilityLabel?this.accessibilityLabel:void 0,"aria-orientation":this.isSwitchMode?"horizontal":void 0,"aria-disabled":this.isSwitchDisabled?"true":void 0},e&&a("div",{key:"61b08dd02c4637640e83b2443c447a0dd04b624e",class:"tabs-gradient tabs-gradient-left","aria-hidden":"true"}),a("slot",{key:"7fb716952564cab451dfe103e4486c03706e0d9d",onSlotchange:()=>this.updatePositionClass(),ref:e=>this.tabContainer=e}),e&&a("div",{key:"30dce730637b1a87df530203c2445df08cf8a843",class:"tabs-gradient tabs-gradient-right","aria-hidden":"true"})),a("div",{key:"0c5c4fbf849fbc0d4f27f3f967a5d920b9cc2872",class:{"tabs-line":!this.segmented,"no-underline":this.hideHeaderUnderline\|\|this.isScrollableType,[this.theme]:!0}}))}static get watchers(){return{hideActiveHeaderUnderline:["showActiveHeaderUnderline"],autoplayDelay:["onAutoplayDelayChange"],segmented:["onSegmentedChange"],disabled:["onDisabledChange"]}}};i.style=':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{--tabs-container-border-color:var(--tc-border-quaternary);--tabs-container-flex-wrap:nowrap;--tabs-headers-text-color:var(--tc-text-primary);--tabs-headers-text-disabled-color:var(--tc-grey-50);--tabs-headers-active-border-color:var(--tc-icon-primary);--tabs-headers-hover-border-color:var(--tc-border-tertiary);--tabs-headers-focus-border-color:var(--tc-border-secondary);--tabs-headers-focus-outline-color:var(--tc-blue-40);--tabs-headers-segmended-item-font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif;--tabs-headers-segmented-border-color:var(--tc-border-quaternary);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two);--tabs-headers-item-padding:0.75rem 0.25rem;--tabs-headers-item-margin:0 0.25rem;--tabs-headers-segmented-item-padding:0.375rem 1.5rem;--tabs-headers-segmented-item-margin:0.25rem 0;--tabs-headers-square-base-rgb:255, 255, 255;--tabs-headers-pill-text-color:var(--tc-text-primary);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80) 16%, transparent);--tabs-headers-pill-background-color:var(--tc-grey-20);--tabs-headers-pill-hover-background-color:var(--tc-grey-30);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-grey-40) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary);--tabs-headers-pill-edge-padding:0rem;--tabs-headers-square-detached-background-color:var(--tc-grey-20);--tabs-headers-square-detached-hover-background-color:var(--tc-grey-30);--tabs-headers-square-detached-pressed-background-color:var(--tc-grey-40);--tabs-headers-square-detached-active-background-color:var(--tc-grey-110);--tabs-headers-square-detached-disabled-background-color:var(--tc-grey-20);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.298);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.098);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(1);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary);--tabs-headers-square-detached-button-max-width-default:7rem;max-width:100%}:host .dark{--tabs-container-border-color:var(--tc-border-quaternary-dark);--tabs-headers-text-color:var(--tc-text-primary-dark);--tabs-headers-text-disabled-color:var(--tc-grey-50-dark);--tabs-headers-active-border-color:var(--tc-icon-primary-dark);--tabs-headers-hover-border-color:var(--tc-border-tertiary-dark);--tabs-headers-focus-border-color:var(--tc-border-secondary-dark);--tabs-headers-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-segmented-border-color:var(--tc-border-quaternary-dark);--tabs-headers-segmented-background-color:var(--tc-layer-tertiary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark);--tabs-headers-segmented-active-box-shadow:var(--tc-elevation-two-dark);--tabs-headers-pill-text-color:var(--tc-grey-100-dark);--tabs-headers-pill-text-disabled-color:color-mix(in srgb, var(--tc-grey-80-dark) 30%, transparent);--tabs-headers-pill-background-color:var(--tc-brown-80-dark);--tabs-headers-pill-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-pill-pressed-background-color:color-mix(in srgb, var(--tc-brown-60-dark) 80%, transparent);--tabs-headers-pill-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-pill-active-text-color:var(--tc-text-primary);--tabs-headers-pill-gradient-color:var(--tc-background-primary-dark);--tabs-headers-square-detached-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-hover-background-color:var(--tc-brown-70-dark);--tabs-headers-square-detached-pressed-background-color:var(--tc-brown-60-dark);--tabs-headers-square-detached-active-background-color:var(--tc-yellow-40-dark);--tabs-headers-square-detached-disabled-background-color:var(--tc-brown-80-dark);--tabs-headers-square-detached-focus-outline-color:var(--tc-blue-40-dark);--tabs-headers-square-detached-svg-filter:brightness(0) invert(0.859);--tabs-headers-square-detached-svg-hover-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-pressed-filter:brightness(0) invert(0.969);--tabs-headers-square-detached-svg-active-filter:brightness(0) invert(0.051);--tabs-headers-square-detached-svg-disabled-filter:brightness(0) invert(0.631);--tabs-headers-square-detached-gradient-color:var(--tc-background-primary-dark)}.tabs{--active-width:auto;--active-x-pos:0;--active-transition:none;position:relative;display:flex;flex-wrap:var(--tabs-container-flex-wrap);align-items:center;max-width:100%;padding:0.125rem 0;overflow-x:scroll;scrollbar-width:none;-webkit-user-select:none;user-select:none}.tabs ::slotted(img){margin:0;padding:0;height:1.3125rem}.tabs-line{display:flex;position:relative;max-width:100%;height:0.0625rem;background-color:var(--tabs-container-border-color);border:none;margin-top:-0.125rem}.tabs-line.no-underline{display:none}.tabs {box-sizing:border-box}.tabs::-webkit-scrollbar{display:none}.tabs.right:not(.tabs--segmented){justify-content:flex-end}.tabs.center:not(.tabs--segmented){justify-content:center}.tabs ::slotted(){display:flex;justify-content:center;align-items:center;border-bottom:0.125rem solid transparent;color:var(--tabs-headers-text-color);cursor:pointer;padding:var(--tabs-headers-item-padding) !important;margin:var(--tabs-headers-item-margin);transition:border-bottom-color 0.2s ease;white-space:nowrap;background-color:transparent;border-color:transparent;border-radius:0.125rem}.tabs ::slotted(:first-child){margin-left:0}.tabs ::slotted(:last-child){margin-right:0}.tabs ::slotted(:hover){border-bottom-color:var(--tabs-headers-hover-border-color);background-color:transparent}.tabs ::slotted(:focus){border-bottom-color:var(--tabs-headers-focus-border-color)}.tabs ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent;z-index:99}.tabs ::slotted(.disabled){border-bottom-color:transparent;color:var(--tabs-headers-text-disabled-color);outline:none;cursor:not-allowed}.tabs ::slotted(.active){border-bottom-color:var(--tabs-headers-active-border-color)}.tabs.pill .tabs-gradient,.tabs.square-detached .tabs-gradient{position:sticky;top:0.5rem;bottom:0.5rem;width:13.75rem;align-self:stretch;flex-shrink:0;opacity:0;z-index:20;pointer-events:none;transition:opacity 0.4s ease-out}.tabs.pill .tabs-gradient-left,.tabs.square-detached .tabs-gradient-left{left:-0.5rem;margin-right:-13.75rem;background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill .tabs-gradient-right,.tabs.square-detached .tabs-gradient-right{right:-0.5rem;margin-left:-13.75rem;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tabs-gradient-color) 100%)}.tabs.pill.tabs--overflow-left .tabs-gradient-left,.tabs.square-detached.tabs--overflow-left .tabs-gradient-left{opacity:1}.tabs.pill.tabs--overflow-right .tabs-gradient-right,.tabs.square-detached.tabs--overflow-right .tabs-gradient-right{opacity:1}.tabs.square-detached{--tabs-gradient-color:var(--tabs-headers-square-detached-gradient-color);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem}.tabs.square-detached ::slotted(){display:flex;flex:1;min-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));max-width:var(--tabs-headers-square-detached-button-max-width, var(--tabs-headers-square-detached-button-max-width-default));border:none;box-sizing:border-box;background-color:var(--tabs-headers-square-detached-background-color);justify-content:center;align-items:center;flex-shrink:0;transition:background-color 0.2s ease;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-filter)}.tabs.square-detached ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-hover-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-hover-filter)}.tabs.square-detached ::slotted(:active){background-color:var(--tabs-headers-square-detached-pressed-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-pressed-filter)}.tabs.square-detached ::slotted(:focus-visible){background-color:var(--tabs-headers-square-detached-active-background-color);border-bottom-color:transparent;outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-square-detached-focus-outline-color);z-index:99;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-square-detached-active-background-color);--square-detached-img-filter:var(--tabs-headers-square-detached-svg-active-filter)}.tabs.square-detached ::slotted(.disabled){background-color:var(--tabs-headers-square-detached-disabled-background-color);border-bottom-color:transparent;--square-detached-img-filter:var(--tabs-headers-square-detached-svg-disabled-filter);cursor:not-allowed}.tabs.square-detached ::slotted(:first-child){margin-left:unset}.tabs.square-detached ::slotted(:last-child){margin-right:unset}.tabs.square-detached.mobile{--tabs-headers-item-margin:0 0.5rem}.tabs.square-detached.mobile ::slotted(){--square-detached-logo-max-w:3.9375rem;--square-detached-logo-max-h:2.8125rem;height:5.125rem;border-radius:0.568rem;padding:0.568rem 1.419rem}.tabs.square-detached.tablet{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.tablet ::slotted(){--square-detached-logo-max-w:5.1875rem;--square-detached-logo-max-h:3.75rem;--tabs-headers-square-detached-button-max-width-default:9.1875rem;height:6.75rem;border-radius:0.75rem;padding:0.75rem 1.875rem}.tabs.square-detached.web{--tabs-headers-item-margin:0 0.75rem}.tabs.square-detached.web ::slotted(){--square-detached-logo-max-w:6.875rem;--square-detached-logo-max-h:5rem;--tabs-headers-square-detached-button-max-width-default:17.25rem;min-width:12.25rem !important;height:9rem;border-radius:1rem;padding:1rem 2.5rem}.tabs.blue ::slotted(:hover){--tabs-headers-hover-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(:focus){--tabs-headers-focus-border-color:rgb(113, 172, 244)}.tabs.blue ::slotted(.active){--tabs-headers-active-border-color:rgb(0, 96, 245)}.tabs.pill{--tabs-gradient-color:var(--tabs-headers-pill-gradient-color);--tabs-edge-padding:var(--tabs-headers-pill-edge-padding);padding-top:0.5rem;padding-bottom:0.5rem;margin-top:-0.5rem;margin-bottom:-0.5rem;padding-inline:calc(var(--tabs-headers-pill-edge-padding) + 0.5rem);margin-inline:-0.5rem}.tabs.pill ::slotted(){--icon-size:1rem;gap:0.25rem;border-radius:5.5rem;border-bottom:none;transition:all 0.2s ease-in-out;align-items:center;background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-color);box-sizing:border-box}.tabs.pill.web ::slotted(){--tabs-headers-item-padding:0.375rem 1.5rem;font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem;min-width:5.625rem;flex-shrink:0;height:2.25rem}.tabs.pill.web ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 1rem 0.375rem 0.875rem}.tabs.pill.mobile ::slotted(){--tabs-headers-item-padding:0.375rem 1rem;font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;min-width:4.3125rem;flex-shrink:0;height:2rem}.tabs.pill.mobile ::slotted(:has(tet-icon)){--tabs-headers-item-padding:0.375rem 0.75rem 0.375rem 0.5rem}.tabs.pill ::slotted(:hover){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-hover-background-color)}.tabs.pill ::slotted(:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(:focus){border-bottom-color:transparent}.tabs.pill ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:0.25rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-bottom-color:transparent}.tabs.pill ::slotted(.active){border-bottom-color:transparent;background-color:var(--tabs-headers-pill-active-background-color);color:var(--tabs-headers-pill-active-text-color)}.tabs.pill ::slotted(.active:active){background-color:var(--tabs-headers-pill-pressed-background-color)}.tabs.pill ::slotted(.disabled){background-color:var(--tabs-headers-pill-background-color);color:var(--tabs-headers-pill-text-disabled-color);cursor:not-allowed}.tabs.pill ::slotted(:first-child){margin-left:0 !important}.tabs.pill ::slotted(:last-child){margin-right:0 !important}.tabs--segmented{display:flex;border:0.0625rem solid var(--tabs-headers-segmented-border-color);border-radius:1.5rem;background-color:var(--tabs-headers-segmented-background-color);padding:0 0.25rem;box-sizing:border-box;overflow-x:scroll}.tabs--segmented .web{padding:0.25rem}.tabs--segmented ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.dark-gray{--tabs-headers-text-color:rgb(255, 255, 255);--tabs-headers-segmented-border-color:rgb(67, 75, 86);--tabs-headers-segmented-background-color:rgb(35, 40, 46);--tabs-headers-segmented-active-background-color:rgb(67, 75, 86);--tabs-headers-segmented-active-box-shadow:0 0 0.0625rem 0 rgba(10, 11, 13, 0.08),\n 0 0.1875rem 0.25rem 0 rgba(10, 11, 13, 0.12);--icon-color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(:hover),.tabs--segmented.dark-gray ::slotted(:focus),.tabs--segmented.dark-gray ::slotted(.active){color:rgb(255, 255, 255)}.tabs--segmented.dark-gray ::slotted(.disabled){color:var(--tabs-headers-text-disabled-color);cursor:not-allowed}.tabs--segmented.tabs--disabled{border:none;--tabs-headers-segmented-background-color:var(--tc-layer-secondary);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary);--tabs-headers-segmented-active-box-shadow:none}.tabs--segmented.tabs--disabled ::slotted(){color:var(--tc-grey-40);cursor:not-allowed}.tabs--segmented.tabs--disabled ::slotted(.active){color:var(--tc-grey-50)}.tabs--segmented.tabs--disabled.dark,.tabs--segmented.tabs--disabled.dark-gray{--tabs-headers-segmented-background-color:var(--tc-layer-secondary-dark);--tabs-headers-segmented-active-background-color:var(--tc-layer-primary-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(),.tabs--segmented.tabs--disabled.dark-gray ::slotted(){color:var(--tc-grey-40-dark)}.tabs--segmented.tabs--disabled.dark ::slotted(.active),.tabs--segmented.tabs--disabled.dark-gray ::slotted(.active){color:var(--tc-grey-50-dark)}.tabs--segmented::before{content:"";position:absolute;top:0.25rem;bottom:0.25rem;left:0;z-index:0;border-radius:1.563rem;width:var(--active-width);transform:translateX(var(--active-x-pos));transition:var(--active-transition);background:var(--tabs-headers-segmented-active-background-color);box-shadow:var(--tabs-headers-segmented-active-box-shadow)}.tabs--segmented ::slotted(){font:var(--tabs-headers-segmended-item-font);line-height:1.5rem;z-index:1;position:relative;border:none;padding:var(--tabs-headers-segmented-item-padding) !important;margin:var(--tabs-headers-segmented-item-margin) !important;border-radius:1.563rem;display:flex;flex:1;justify-content:center}.tabs--segmented.mobile ::slotted(){font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem;font-weight:500;padding:0.25rem 1.5rem !important;margin:0.188rem 0 !important;line-height:1.25rem}.tabs--segmented.square{--tabs-headers-segmented-background-color:rgba(var(--tabs-headers-square-base-rgb), 0.16);--tabs-headers-segmented-border-color:transparent;height:4.75rem;border-radius:0.375rem;padding:0}.tabs--segmented.square::before{--tabs-headers-segmented-active-box-shadow:none;position:absolute;top:0;bottom:0;left:-0.0625rem;border-radius:0}.tabs--segmented.square ::slotted(){--tabs-headers-segmented-item-padding:0;--tabs-headers-segmented-item-margin:0;border-radius:0;height:100%;align-items:center}.tabs--segmented.square ::slotted()::after{content:"";background-color:rgba(var(--tabs-headers-square-base-rgb), 0.2);position:absolute;top:0.375rem;bottom:0.375rem;right:0;width:0.0625rem}.tabs--segmented.square ::slotted(:hover){background-color:rgba(var(--tabs-headers-square-base-rgb), 0.24)}.tabs--segmented.square ::slotted(:first-child){border-radius:0.3125rem 0 0 0.3125rem}.tabs--segmented.square ::slotted(:last-child){border-radius:0 0.3125rem 0.3125rem 0}.tabs--segmented.square ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.125rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color)}.tabs--segmented.square ::slotted(:focus-visible)::after{display:none}.tabs--segmented.square ::slotted(.active)::after,.tabs--segmented.square ::slotted(:last-child)::after{display:none}.tabs--segmented.netflix{height:2.75rem;gap:0.5rem;overflow-y:hidden}.tabs--segmented.netflix ::slotted(){flex-direction:row-reverse;align-items:center;justify-content:center;gap:0.5rem}.tabs--segmented.netflix ::slotted(:focus-visible){outline:0.125rem solid var(--tc-blue-40);outline-offset:-0.0625rem;transition:outline 0s;outline-color:var(--tabs-headers-focus-outline-color);border-radius:1.563rem}.tabs ::slotted(.no-underline){border-bottom:none}';export{i as tet_tab_header}

package/dist/tet-components/{p-025ffb5a.entry.js → p-5767d91d.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,h as t,H as a}from"./p-83f43fdd.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"ce140b4cc2e3a7f198cb23ff55ba7962cdb7b23c"},t("div",{key:"3acb09a08f6a55a66ca30011bcf6ab488e93b752",class:"variable-container"},t("div",{key:"45791ddf5ad508dc657cb8dba1bf32f78893048b",class:"container-title main"},"Fonta klase"),t("div",{key:"b8380a2868f0f6851738a2861974b71083a16aa7",class:"container-section"},t("div",{key:"02039a210d479cc4a667156b8f391fe10eceeda1",class:"variable-name"},t("div",{key:"0b60d6a08314420a74eb107b82bca01cb8c43cfd",class:"variable-part"},"tet"),t("div",{key:"0b5dd21680619f140c7baf2ff0df2c08c10495cf",class:"variable-part"},"-font"),t("div",{key:"2ee49278c4da995ad07d832422dd3f374141f6b9",class:"variable-part variable variable-type"},"__label"),t("div",{key:"88c38591ba777c8aa5cfb08f1cdee8834b242f89",class:"variable-part variable variable-size"},"--m")))),t("div",{key:"6d8aa456cf2f1b34f754ce4f05c80c9ca8f28cbb",class:"tet-fonts-container"},t("div",{key:"8a6cfa50eb8e2f11e45abf3b2e11ba16d5a8ffdb",class:"section"},t("div",{key:"3a7182b0007b5dccb6e52b1a4474fa256373ad2e",class:"container-title"},"Body - Inter"),t("div",{key:"0ede9beb29f6719b9691fb645316a7174e244de9",class:"section-font"},t("div",{key:"de0ce5b76698875d591b7af7b86f760e8a095c8b",class:"font font-body-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"4bcd8988147eaf450e647a6bcc78f7f3e66b9a33",class:"section-font-class"},"klase: tet-font__body--xs"),t("div",{key:"20e86f890a6294fa64d4d4e31e692173b482c77b",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"aad44e317902efcb12d5bd56e033e903fc0ba50b",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"ce6fb80cc7122c2dc20aa6cb67b832ec4b6c6336",class:"section-font"},t("div",{key:"0db048581ca3413240b3429909aa1923efe05101",class:"font font-body-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"161e728d2933384fdd895a2f7ae5b1542ffc716c",class:"section-font-class"},"klase: tet-font__body--s"),t("div",{key:"55899bf5b4b05a3421bd7b9679700a487ad09034",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"71dcdcf81d9ac69322bcc550a85756ba64319127",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"589ffc87aae63263b7b7caeab30dbe4b7a838e8e",class:"section-font"},t("div",{key:"09d5b044fca4cafd17a5ded11db933705bf9ced3",class:"font font-body-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5aaff4bdf454743f0bb7bc352e0aed55af0cd05f",class:"section-font-class"},"klase: tet-font__body--m"),t("div",{key:"f91f3808d65b97fcc047e90cc638a9e570751319",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"3a70363634cc34202a3d43bf12bf226d4eaee23f",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"293ac3a4a927903099d0a011ca9c7ab103d0ec74",class:"section-font"},t("div",{key:"3f99193608909e4e607d6141f55c1565e82c7278",class:"font font-body-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"2b321be7151c6d900a0da4fb52314783eeb253d1",class:"section-font-class"},"klase: tet-font__body--l"),t("div",{key:"fb0a9c01c3cdc57787523c0344c8051418097ed6",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"f308890e26ffc2cc645814fa289779aaa927ddd6",class:"section-font-attribute"},"Font weight - 400"))),t("div",{key:"30e2373750308ef04edcb6806cb51373225cb7a0",class:"section"},t("div",{key:"efcb17b98174705a527dc94864d16eb3b72cc516",class:"container-title"},"Label - Inter"),t("div",{key:"f78d17aa98737724f17dbe9ceb4aea8f8cfe5772",class:"section-font"},t("div",{key:"dda5bfd4f00726182ac8115f5040656db571cddd",class:"font font-label-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"25774f84b4d575423336bfde07421e40c272e1e9",class:"section-font-class"},"klase: tet-font__label--xs"),t("div",{key:"f2b155bf627482e41ea688002da5f37aa415e048",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"f6f3ef073f2329ea5cd48ea96bfca90e24223745",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"f236700bbca12baca8d0d3e70c015c818950a6c0",class:"section-font"},t("div",{key:"d6c6e3d11e77aad6e855bb286445d93ca13acabf",class:"font font-label-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"07c1b71be3ae24c1fe96a519cb73cfb419ba6e0b",class:"section-font-class"},"klase: tet-font__label--s"),t("div",{key:"3628aff5752ae1e8331f5c910902c9d0f97bebb1",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"cb155f10578f75a30f85303d0ca8ca309ffbbd8e",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"24cd6ce6569ca2b28bbc8541bdf3b814913bbc42",class:"section-font"},t("div",{key:"059bb17bd82fe8860b74d7370a6300a8e7a82355",class:"font font-label-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"24b60954f79aedac5150170f53b8181bb6f42876",class:"section-font-class"},"klase: tet-font__label--m"),t("div",{key:"be204eb3d100a472386d9dce4e94e5658feb3651",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"f326c5508112aed7bd3946b3f5776b9642859c92",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"0ce5d0fa473236a0ba5646a6d68f9ea482bcae4e",class:"section-font"},t("div",{key:"e8e5c75493ac04a86c2aa65836b8f340a5d1fe49",class:"font font-label-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"65d4e56903ea90c94bdb4484154d1f9f1ae05cd3",class:"section-font-class"},"klase: tet-font__label--l"),t("div",{key:"38b15a097b4a01dc0b8fca4ff751d8c52fdd8991",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"968c966a13a8b02b997f5f05e47e5b4329046f7c",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"d0ceb859afbe9522c2f30a600bfcf6d9db48dc31",class:"section"},t("div",{key:"7501ca6b1503fab1245c5f9750130c0dc24d4d32",class:"container-title"},"Title - Inter"),t("div",{key:"834f8715a2b451909a6083b805e9737fa1d52ed3",class:"section-font"},t("div",{key:"d4e80f0fa88813ea5416346ca9d6eb7d1be9475c",class:"font font-title-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"13a3d9b2cab336a4832f9793c9a8c2daa11deb3a",class:"section-font-class"},"klase: tet-font__title--xs"),t("div",{key:"fce6ebe16487381ef7f8867fcd8c0eb14b5021be",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"3c9fcabcc03223981836b8bd7068f14ae28ab74c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"59e529d42b7cd176a9a3d18a90a7f203856a1edf",class:"section-font"},t("div",{key:"5c70d15d63c8c1e162224740c3a86637eba5640f",class:"font font-title-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"2748585acfd3e7bd1a388b8a8f3873afa392c9f6",class:"section-font-class"},"klase: tet-font__title--s"),t("div",{key:"1091f8e133c1deb73ef55c3b07ecc7e6c171e306",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"73cf72d35217032b8b49f2e4304429f0ab34d11c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"ea535bca62b1c99546544e0ba22a4bd3d8e94da8",class:"section-font"},t("div",{key:"12b839b5ce63f914aa59a9a4b75f7e7b5cdb24c3",class:"font font-title-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"1ea4a9d68cbf8e58f39172c21ab9bed28acf7ab6",class:"section-font-class"},"klase: tet-font__title--m"),t("div",{key:"f63e7ca9dab37a8f3a39dd9281fadd95929d2e08",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"1402bc9567942615697ab8c7a4fc6dfc45a84229",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"5ae6754f0945f8dd7e0d1f7a54932835f8325eb7",class:"section-font"},t("div",{key:"71b36a7181861b9c1bb049b9defae79655e1e457",class:"font font-title-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"82fea32daadde4d02eb5b73f261f041fb06ecd0a",class:"section-font-class"},"klase: tet-font__title--l"),t("div",{key:"503768675a49f95242e01d2eb134ec8e0d3f1f7a",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"c27372f510c0f682e13246cea2fe4a4dd105ef01",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"86ee5e61e1326c60dda315a6ec5493697f630986",class:"section"},t("div",{key:"22b2c630764195e69ba2f63901223c16e95a3d81",class:"container-title"},"Headline - Inter"),t("div",{key:"6b6cbee949ff4d7d153309d0b2a27a9232e86873",class:"section-font"},t("div",{key:"d2d1f0b301d32d4624efa2564a04d6ae2cdc691f",class:"font font-headline-inter-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"b0c870d80788f4a0e430d9740261ff8dd758a59b",class:"section-font-class"},"klase: tet-font__headline-inter--s"),t("div",{key:"1cae05b4d6fafd65dcb329fc456fdfbbb7bf7109",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"41d341f56d8e5ce4155e867f9a1f4a22e6bfdb5a",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"1a2055dcd764d9088adc7f0783e05b5f6df13252",class:"section-font"},t("div",{key:"27dc039e63dc3103fc3aee7abc371a1307153bf3",class:"font font-headline-inter-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"1c1ac33c5fdbaa929315c30405fcb33f39ad5a09",class:"section-font-class"},"klase: tet-font__headline-inter--m"),t("div",{key:"b9c1370a1a60b0f53b1fed4294e3919403a8e31f",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"cd7924f596f874efba586cef3bceb8abf3bbd4e6",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"ee954853a602c5e69390ea5863702a942f90f517",class:"section-font"},t("div",{key:"c032dc9ffc9f5e66e8bd22c25bf7f849284c4a6b",class:"font font-headline-inter-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"f8ce658bd9f4ca407be0b88f874e4571f52b0d27",class:"section-font-class"},"klase: tet-font__headline-inter--l"),t("div",{key:"50bd8928e25d4b35c04bffb70d5b5ae558a94ae3",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"514f5762dd6d7a83ec38a54b61ea0f12900fbc57",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"40b47f3bba48012606247a5cfc01978a43e02dc2",class:"section-font"},t("div",{key:"503a4a4fdd070f5d308024c07ec066cb506de0ea",class:"font font-headline-inter-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"302dfd57e02bbe2d40985dbf438df00303d2abae",class:"section-font-class"},"klase: tet-font__headline-inter--xl"),t("div",{key:"fac41afb40ba36a4e8c175182de105a38824ed5c",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"a194bc03e04c14ceb879a33be887028c289e0488",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"2c0cfd8dbf2ed5df4c009f868ac28f6550595de9",class:"section"},t("div",{key:"55251a099ce4a4f7db0bb73e348e441a43675a32",class:"container-title"},"Headline - Gilroy"),t("div",{key:"c53822aad4d6125b0cc8b5b1eb9eda5e16f4e581",class:"section-font"},t("div",{key:"834bb20af1fb7d1f3895e9589076c296832f03cc",class:"font font-headline-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"af5be516a15ffdb908abee567e5db2bcdb76dd3f",class:"section-font-class"},"klase: tet-font__headline--s"),t("div",{key:"566306e7a2d7328a3e3db0f5e7c61285ac6a8313",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"a9d5e12b127b81b3555c6b774cfa916177313c3b",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"e3d013c7fcaaa5222289d904d043d02e97982316",class:"section-font"},t("div",{key:"78d743f4850b56f2cccb3d6bbab47b2f6e321a15",class:"font font-headline-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"ba2ef4b98ac2fe85cf15f480ac300b3ecb24394c",class:"section-font-class"},"klase: tet-font__headline--m"),t("div",{key:"0dd5176a156ec28c43f815bc00f0d93d8d6c5c06",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"95789ce0732ab91f5d838d851847a6eef3e15fdc",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"99e673f11f29dce16ce3345a9eea7f1d27175eee",class:"section-font"},t("div",{key:"de3ef167dd74d75b2aa8900ebd9d2102ef2ed423",class:"font font-headline-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"9db6a7d6139a3544e841bd9fa95aeceb3c6c937e",class:"section-font-class"},"klase: tet-font__headline--l"),t("div",{key:"bc868fc8795cc3de0841cf93b038255236558553",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"877249531909087995bc8296c90778efc84c9fc9",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"9a8c68fcd032b7e585469921ed42eb4947432ba8",class:"section-font"},t("div",{key:"a5ff2908251aa3f3fbd00bb3f4893153abffb725",class:"font font-headline-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"009fb7c4e61520decc7ee6251595d4fab36a50cb",class:"section-font-class"},"klase: tet-font__headline--xl"),t("div",{key:"8b41782af4e96755a4b79c87446c08e08e89cdaa",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"80969971eb48bac5107fd10897641ead564635dd",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"0eb3656b25d6c0edaa4304d2f875ebb0370dc39c",class:"section"},t("div",{key:"cb8b7f715c87f6235896a61e7f56bf54abd18ac2",class:"container-title"},"Display - Gilroy"),t("div",{key:"ec6162d1fa5a33375bdb4979eb656ad97b19a6ca",class:"section-font"},t("div",{key:"4a9438c028f46d7ff80a291045f99664685330f2",class:"font font-display-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"e7e35b69c2f9920d17872f823baa30d141b9017a",class:"section-font-class"},"klase: tet-font__display--s"),t("div",{key:"655e70e912075976a6eafdbb6cdc1adde6d11581",class:"section-font-attribute"},"Font size - 2.5rem / 40px"),t("div",{key:"8d11a0873a0ab17de5d93af3bad0fcc0e778295c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"be747c5d6e05f1e0eb4fad90c3d702c6fbbec099",class:"section-font"},t("div",{key:"68e4b413ed1fc3fc79bdae99379d95313a4e26b6",class:"font font-display-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"8e5d08f1bb0d118a38d49e8da78646df49c77424",class:"section-font-class"},"klase: tet-font__display--m"),t("div",{key:"ac2e86674af98a11123d501900c3130724d2f293",class:"section-font-attribute"},"Font size - 3rem / 48px"),t("div",{key:"3eec252fbabf4ece5e755f0af60dfd2242435bee",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"a8963b28e463300f9d3254ac4e64ea16515ba9a7",class:"section-font"},t("div",{key:"575275b4a83952628ab51f2b14fc3c0a3bfd8b9f",class:"font font-display-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"6fe5fa3003cf15c5bb9da3d28096c1ff06cbd1d1",class:"section-font-class"},"klase: tet-font__display--l"),t("div",{key:"e00ac30b553cd922e7bc4563fe894f7c452f8a97",class:"section-font-attribute"},"Font size - 3.5rem / 56px"),t("div",{key:"64b5d8cfbc864aadacac113408202ec25336105e",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"708258a618e80ca18aff1487c4b41d24606794ec",class:"section"},t("div",{key:"194adb3916b50ee65d6b2e5a9e1019e564f6d7dc",class:"container-title"},"Expose - Gilroy"),t("div",{key:"c547365eda33a4513f4f5d8cff89ba11c5866398",class:"section-font"},t("div",{key:"097c4f5917ce4ddeaf3015657b0014d62063de89",class:"font font-expose-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"78a3a8779b16272ae26334b43519954a908529e3",class:"section-font-class"},"klase: tet-font__expose--s"),t("div",{key:"2950c4b43e3e696b4ec673c2a63bcd17d89cb54b",class:"section-font-attribute"},"Font size - 4rem / 64px"),t("div",{key:"353790cd3747dcac4149ee1e77f3426c4cb85310",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"2f3079841dc0e70fc4b441fc5872a373091a9134",class:"section-font"},t("div",{key:"3c228f59e613d765d0e0a28450457eef524c4b98",class:"font font-expose-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"e72b10fa9c3dc45886bb61585286f52e8f15c72a",class:"section-font-class"},"klase: tet-font__expose--m"),t("div",{key:"5790f36acc175aa1fedff0c42aa1142cd39f6970",class:"section-font-attribute"},"Font size - 5rem / 80px"),t("div",{key:"22def43b2b0abe73546e4da9973aeb8aca70aa22",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"7c84dcc57aa7010aa0ba5e3f05e467dc304dfc93",class:"section-font"},t("div",{key:"73f9c4f7ee8d09803366b500fadb06888fe21cad",class:"font font-expose-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"24b25d793686e41c7578a536a1813975af3a896b",class:"section-font-class"},"klase: tet-font__expose--l"),t("div",{key:"dbe178f6b4a57d8825f20fd2e78a7a3b9e293838",class:"section-font-attribute"},"Font size - 6rem / 96px"),t("div",{key:"ab14a415f546fc97cf788dda7e9fa99a8ea40c94",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"7e0c25803f695f14955982cc14cd4ca4d10e56d4",class:"section-font"},t("div",{key:"a3534b8ff5b94ccccb12d8ebec1f1a9d49d68807",class:"font font-expose-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"ab95d8944c05e419da52dad9fe8ff9a987c9685b",class:"section-font-class"},"klase: tet-font__expose--xl"),t("div",{key:"17709ec978fb46be2b26c72c13944760fd8b2548",class:"section-font-attribute"},"Font size - 7.25rem / 116px"),t("div",{key:"0f62bad99283f959408b38537c9c7b189ea8bfd3",class:"section-font-attribute"},"Font weight - 600")))))}};o.style='@charset "UTF-8";: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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable-type:after{border-top:0.125rem solid #779af5;content:"tips";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{border-top:0.125rem solid #779af5;content:"izmērs";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.section{display:flex;flex-direction:column}.section-font{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem;overflow:hidden}.section-title{font-size:1rem;margin:0.25rem 0;padding:2rem 0;text-align:center;font-weight:600;background:lightgray}.section-font-class{padding-top:1rem;font-size:1rem;color:black}.section-font-attribute{font-size:0.75rem;color:rgb(88, 99, 116)}.font{white-space:nowrap}.font-body-xs{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-body-s{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-body-m{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-body-l{font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-label-xs{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-label-s{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-label-m{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-label-l{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-title-xs{font:600 0.75rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-title-s{font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-title-m{font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-title-l{font:600 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-headline-inter-s{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.020625rem}.font-headline-inter-m{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.029375rem}.font-headline-inter-l{font:500 1.75rem/2rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0375rem}.font-headline-inter-xl{font:500 2rem/2.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.043125rem}.font-headline-s{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-m{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-l{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-xl{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-display-s{font:600 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-display-m{font:600 3rem/3.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.015rem}.font-display-l{font:600 3.5rem/4rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0175rem}.font-expose-s{font:600 4rem/4.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.04rem}.font-expose-m{font:600 5rem/5.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.05rem}.font-expose-l{font:600 6rem/6.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.06rem}.font-expose-xl{font:600 7.25rem/8.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0725rem}';export{o as tet_fonts}
1	+ import{r as e,h as t,H as a}from"./p-7c868b40.js";const o=class{constructor(t){e(this,t)}render(){return t(a,{key:"ce140b4cc2e3a7f198cb23ff55ba7962cdb7b23c"},t("div",{key:"3acb09a08f6a55a66ca30011bcf6ab488e93b752",class:"variable-container"},t("div",{key:"45791ddf5ad508dc657cb8dba1bf32f78893048b",class:"container-title main"},"Fonta klase"),t("div",{key:"b8380a2868f0f6851738a2861974b71083a16aa7",class:"container-section"},t("div",{key:"02039a210d479cc4a667156b8f391fe10eceeda1",class:"variable-name"},t("div",{key:"0b60d6a08314420a74eb107b82bca01cb8c43cfd",class:"variable-part"},"tet"),t("div",{key:"0b5dd21680619f140c7baf2ff0df2c08c10495cf",class:"variable-part"},"-font"),t("div",{key:"2ee49278c4da995ad07d832422dd3f374141f6b9",class:"variable-part variable variable-type"},"__label"),t("div",{key:"88c38591ba777c8aa5cfb08f1cdee8834b242f89",class:"variable-part variable variable-size"},"--m")))),t("div",{key:"6d8aa456cf2f1b34f754ce4f05c80c9ca8f28cbb",class:"tet-fonts-container"},t("div",{key:"8a6cfa50eb8e2f11e45abf3b2e11ba16d5a8ffdb",class:"section"},t("div",{key:"3a7182b0007b5dccb6e52b1a4474fa256373ad2e",class:"container-title"},"Body - Inter"),t("div",{key:"0ede9beb29f6719b9691fb645316a7174e244de9",class:"section-font"},t("div",{key:"de0ce5b76698875d591b7af7b86f760e8a095c8b",class:"font font-body-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"4bcd8988147eaf450e647a6bcc78f7f3e66b9a33",class:"section-font-class"},"klase: tet-font__body--xs"),t("div",{key:"20e86f890a6294fa64d4d4e31e692173b482c77b",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"aad44e317902efcb12d5bd56e033e903fc0ba50b",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"ce6fb80cc7122c2dc20aa6cb67b832ec4b6c6336",class:"section-font"},t("div",{key:"0db048581ca3413240b3429909aa1923efe05101",class:"font font-body-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"161e728d2933384fdd895a2f7ae5b1542ffc716c",class:"section-font-class"},"klase: tet-font__body--s"),t("div",{key:"55899bf5b4b05a3421bd7b9679700a487ad09034",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"71dcdcf81d9ac69322bcc550a85756ba64319127",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"589ffc87aae63263b7b7caeab30dbe4b7a838e8e",class:"section-font"},t("div",{key:"09d5b044fca4cafd17a5ded11db933705bf9ced3",class:"font font-body-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"5aaff4bdf454743f0bb7bc352e0aed55af0cd05f",class:"section-font-class"},"klase: tet-font__body--m"),t("div",{key:"f91f3808d65b97fcc047e90cc638a9e570751319",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"3a70363634cc34202a3d43bf12bf226d4eaee23f",class:"section-font-attribute"},"Font weight - 400")),t("div",{key:"293ac3a4a927903099d0a011ca9c7ab103d0ec74",class:"section-font"},t("div",{key:"3f99193608909e4e607d6141f55c1565e82c7278",class:"font font-body-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"2b321be7151c6d900a0da4fb52314783eeb253d1",class:"section-font-class"},"klase: tet-font__body--l"),t("div",{key:"fb0a9c01c3cdc57787523c0344c8051418097ed6",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"f308890e26ffc2cc645814fa289779aaa927ddd6",class:"section-font-attribute"},"Font weight - 400"))),t("div",{key:"30e2373750308ef04edcb6806cb51373225cb7a0",class:"section"},t("div",{key:"efcb17b98174705a527dc94864d16eb3b72cc516",class:"container-title"},"Label - Inter"),t("div",{key:"f78d17aa98737724f17dbe9ceb4aea8f8cfe5772",class:"section-font"},t("div",{key:"dda5bfd4f00726182ac8115f5040656db571cddd",class:"font font-label-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"25774f84b4d575423336bfde07421e40c272e1e9",class:"section-font-class"},"klase: tet-font__label--xs"),t("div",{key:"f2b155bf627482e41ea688002da5f37aa415e048",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"f6f3ef073f2329ea5cd48ea96bfca90e24223745",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"f236700bbca12baca8d0d3e70c015c818950a6c0",class:"section-font"},t("div",{key:"d6c6e3d11e77aad6e855bb286445d93ca13acabf",class:"font font-label-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"07c1b71be3ae24c1fe96a519cb73cfb419ba6e0b",class:"section-font-class"},"klase: tet-font__label--s"),t("div",{key:"3628aff5752ae1e8331f5c910902c9d0f97bebb1",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"cb155f10578f75a30f85303d0ca8ca309ffbbd8e",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"24cd6ce6569ca2b28bbc8541bdf3b814913bbc42",class:"section-font"},t("div",{key:"059bb17bd82fe8860b74d7370a6300a8e7a82355",class:"font font-label-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"24b60954f79aedac5150170f53b8181bb6f42876",class:"section-font-class"},"klase: tet-font__label--m"),t("div",{key:"be204eb3d100a472386d9dce4e94e5658feb3651",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"f326c5508112aed7bd3946b3f5776b9642859c92",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"0ce5d0fa473236a0ba5646a6d68f9ea482bcae4e",class:"section-font"},t("div",{key:"e8e5c75493ac04a86c2aa65836b8f340a5d1fe49",class:"font font-label-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"65d4e56903ea90c94bdb4484154d1f9f1ae05cd3",class:"section-font-class"},"klase: tet-font__label--l"),t("div",{key:"38b15a097b4a01dc0b8fca4ff751d8c52fdd8991",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"968c966a13a8b02b997f5f05e47e5b4329046f7c",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"d0ceb859afbe9522c2f30a600bfcf6d9db48dc31",class:"section"},t("div",{key:"7501ca6b1503fab1245c5f9750130c0dc24d4d32",class:"container-title"},"Title - Inter"),t("div",{key:"834f8715a2b451909a6083b805e9737fa1d52ed3",class:"section-font"},t("div",{key:"d4e80f0fa88813ea5416346ca9d6eb7d1be9475c",class:"font font-title-xs"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"13a3d9b2cab336a4832f9793c9a8c2daa11deb3a",class:"section-font-class"},"klase: tet-font__title--xs"),t("div",{key:"fce6ebe16487381ef7f8867fcd8c0eb14b5021be",class:"section-font-attribute"},"Font size - 0.75rem / 12px"),t("div",{key:"3c9fcabcc03223981836b8bd7068f14ae28ab74c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"59e529d42b7cd176a9a3d18a90a7f203856a1edf",class:"section-font"},t("div",{key:"5c70d15d63c8c1e162224740c3a86637eba5640f",class:"font font-title-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"2748585acfd3e7bd1a388b8a8f3873afa392c9f6",class:"section-font-class"},"klase: tet-font__title--s"),t("div",{key:"1091f8e133c1deb73ef55c3b07ecc7e6c171e306",class:"section-font-attribute"},"Font size - 0.875rem / 14px"),t("div",{key:"73cf72d35217032b8b49f2e4304429f0ab34d11c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"ea535bca62b1c99546544e0ba22a4bd3d8e94da8",class:"section-font"},t("div",{key:"12b839b5ce63f914aa59a9a4b75f7e7b5cdb24c3",class:"font font-title-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"1ea4a9d68cbf8e58f39172c21ab9bed28acf7ab6",class:"section-font-class"},"klase: tet-font__title--m"),t("div",{key:"f63e7ca9dab37a8f3a39dd9281fadd95929d2e08",class:"section-font-attribute"},"Font size - 1rem / 16px"),t("div",{key:"1402bc9567942615697ab8c7a4fc6dfc45a84229",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"5ae6754f0945f8dd7e0d1f7a54932835f8325eb7",class:"section-font"},t("div",{key:"71b36a7181861b9c1bb049b9defae79655e1e457",class:"font font-title-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"82fea32daadde4d02eb5b73f261f041fb06ecd0a",class:"section-font-class"},"klase: tet-font__title--l"),t("div",{key:"503768675a49f95242e01d2eb134ec8e0d3f1f7a",class:"section-font-attribute"},"Font size - 1.125rem / 18px"),t("div",{key:"c27372f510c0f682e13246cea2fe4a4dd105ef01",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"86ee5e61e1326c60dda315a6ec5493697f630986",class:"section"},t("div",{key:"22b2c630764195e69ba2f63901223c16e95a3d81",class:"container-title"},"Headline - Inter"),t("div",{key:"6b6cbee949ff4d7d153309d0b2a27a9232e86873",class:"section-font"},t("div",{key:"d2d1f0b301d32d4624efa2564a04d6ae2cdc691f",class:"font font-headline-inter-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"b0c870d80788f4a0e430d9740261ff8dd758a59b",class:"section-font-class"},"klase: tet-font__headline-inter--s"),t("div",{key:"1cae05b4d6fafd65dcb329fc456fdfbbb7bf7109",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"41d341f56d8e5ce4155e867f9a1f4a22e6bfdb5a",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"1a2055dcd764d9088adc7f0783e05b5f6df13252",class:"section-font"},t("div",{key:"27dc039e63dc3103fc3aee7abc371a1307153bf3",class:"font font-headline-inter-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"1c1ac33c5fdbaa929315c30405fcb33f39ad5a09",class:"section-font-class"},"klase: tet-font__headline-inter--m"),t("div",{key:"b9c1370a1a60b0f53b1fed4294e3919403a8e31f",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"cd7924f596f874efba586cef3bceb8abf3bbd4e6",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"ee954853a602c5e69390ea5863702a942f90f517",class:"section-font"},t("div",{key:"c032dc9ffc9f5e66e8bd22c25bf7f849284c4a6b",class:"font font-headline-inter-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"f8ce658bd9f4ca407be0b88f874e4571f52b0d27",class:"section-font-class"},"klase: tet-font__headline-inter--l"),t("div",{key:"50bd8928e25d4b35c04bffb70d5b5ae558a94ae3",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"514f5762dd6d7a83ec38a54b61ea0f12900fbc57",class:"section-font-attribute"},"Font weight - 500")),t("div",{key:"40b47f3bba48012606247a5cfc01978a43e02dc2",class:"section-font"},t("div",{key:"503a4a4fdd070f5d308024c07ec066cb506de0ea",class:"font font-headline-inter-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"302dfd57e02bbe2d40985dbf438df00303d2abae",class:"section-font-class"},"klase: tet-font__headline-inter--xl"),t("div",{key:"fac41afb40ba36a4e8c175182de105a38824ed5c",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"a194bc03e04c14ceb879a33be887028c289e0488",class:"section-font-attribute"},"Font weight - 500"))),t("div",{key:"2c0cfd8dbf2ed5df4c009f868ac28f6550595de9",class:"section"},t("div",{key:"55251a099ce4a4f7db0bb73e348e441a43675a32",class:"container-title"},"Headline - Gilroy"),t("div",{key:"c53822aad4d6125b0cc8b5b1eb9eda5e16f4e581",class:"section-font"},t("div",{key:"834bb20af1fb7d1f3895e9589076c296832f03cc",class:"font font-headline-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"af5be516a15ffdb908abee567e5db2bcdb76dd3f",class:"section-font-class"},"klase: tet-font__headline--s"),t("div",{key:"566306e7a2d7328a3e3db0f5e7c61285ac6a8313",class:"section-font-attribute"},"Font size - 1.25rem / 20px"),t("div",{key:"a9d5e12b127b81b3555c6b774cfa916177313c3b",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"e3d013c7fcaaa5222289d904d043d02e97982316",class:"section-font"},t("div",{key:"78d743f4850b56f2cccb3d6bbab47b2f6e321a15",class:"font font-headline-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"ba2ef4b98ac2fe85cf15f480ac300b3ecb24394c",class:"section-font-class"},"klase: tet-font__headline--m"),t("div",{key:"0dd5176a156ec28c43f815bc00f0d93d8d6c5c06",class:"section-font-attribute"},"Font size - 1.5rem / 24px"),t("div",{key:"95789ce0732ab91f5d838d851847a6eef3e15fdc",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"99e673f11f29dce16ce3345a9eea7f1d27175eee",class:"section-font"},t("div",{key:"de3ef167dd74d75b2aa8900ebd9d2102ef2ed423",class:"font font-headline-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"9db6a7d6139a3544e841bd9fa95aeceb3c6c937e",class:"section-font-class"},"klase: tet-font__headline--l"),t("div",{key:"bc868fc8795cc3de0841cf93b038255236558553",class:"section-font-attribute"},"Font size - 1.75rem / 28px"),t("div",{key:"877249531909087995bc8296c90778efc84c9fc9",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"9a8c68fcd032b7e585469921ed42eb4947432ba8",class:"section-font"},t("div",{key:"a5ff2908251aa3f3fbd00bb3f4893153abffb725",class:"font font-headline-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"009fb7c4e61520decc7ee6251595d4fab36a50cb",class:"section-font-class"},"klase: tet-font__headline--xl"),t("div",{key:"8b41782af4e96755a4b79c87446c08e08e89cdaa",class:"section-font-attribute"},"Font size - 2rem / 32px"),t("div",{key:"80969971eb48bac5107fd10897641ead564635dd",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"0eb3656b25d6c0edaa4304d2f875ebb0370dc39c",class:"section"},t("div",{key:"cb8b7f715c87f6235896a61e7f56bf54abd18ac2",class:"container-title"},"Display - Gilroy"),t("div",{key:"ec6162d1fa5a33375bdb4979eb656ad97b19a6ca",class:"section-font"},t("div",{key:"4a9438c028f46d7ff80a291045f99664685330f2",class:"font font-display-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"e7e35b69c2f9920d17872f823baa30d141b9017a",class:"section-font-class"},"klase: tet-font__display--s"),t("div",{key:"655e70e912075976a6eafdbb6cdc1adde6d11581",class:"section-font-attribute"},"Font size - 2.5rem / 40px"),t("div",{key:"8d11a0873a0ab17de5d93af3bad0fcc0e778295c",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"be747c5d6e05f1e0eb4fad90c3d702c6fbbec099",class:"section-font"},t("div",{key:"68e4b413ed1fc3fc79bdae99379d95313a4e26b6",class:"font font-display-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"8e5d08f1bb0d118a38d49e8da78646df49c77424",class:"section-font-class"},"klase: tet-font__display--m"),t("div",{key:"ac2e86674af98a11123d501900c3130724d2f293",class:"section-font-attribute"},"Font size - 3rem / 48px"),t("div",{key:"3eec252fbabf4ece5e755f0af60dfd2242435bee",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"a8963b28e463300f9d3254ac4e64ea16515ba9a7",class:"section-font"},t("div",{key:"575275b4a83952628ab51f2b14fc3c0a3bfd8b9f",class:"font font-display-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"6fe5fa3003cf15c5bb9da3d28096c1ff06cbd1d1",class:"section-font-class"},"klase: tet-font__display--l"),t("div",{key:"e00ac30b553cd922e7bc4563fe894f7c452f8a97",class:"section-font-attribute"},"Font size - 3.5rem / 56px"),t("div",{key:"64b5d8cfbc864aadacac113408202ec25336105e",class:"section-font-attribute"},"Font weight - 600"))),t("div",{key:"708258a618e80ca18aff1487c4b41d24606794ec",class:"section"},t("div",{key:"194adb3916b50ee65d6b2e5a9e1019e564f6d7dc",class:"container-title"},"Expose - Gilroy"),t("div",{key:"c547365eda33a4513f4f5d8cff89ba11c5866398",class:"section-font"},t("div",{key:"097c4f5917ce4ddeaf3015657b0014d62063de89",class:"font font-expose-s"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"78a3a8779b16272ae26334b43519954a908529e3",class:"section-font-class"},"klase: tet-font__expose--s"),t("div",{key:"2950c4b43e3e696b4ec673c2a63bcd17d89cb54b",class:"section-font-attribute"},"Font size - 4rem / 64px"),t("div",{key:"353790cd3747dcac4149ee1e77f3426c4cb85310",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"2f3079841dc0e70fc4b441fc5872a373091a9134",class:"section-font"},t("div",{key:"3c228f59e613d765d0e0a28450457eef524c4b98",class:"font font-expose-m"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"e72b10fa9c3dc45886bb61585286f52e8f15c72a",class:"section-font-class"},"klase: tet-font__expose--m"),t("div",{key:"5790f36acc175aa1fedff0c42aa1142cd39f6970",class:"section-font-attribute"},"Font size - 5rem / 80px"),t("div",{key:"22def43b2b0abe73546e4da9973aeb8aca70aa22",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"7c84dcc57aa7010aa0ba5e3f05e467dc304dfc93",class:"section-font"},t("div",{key:"73f9c4f7ee8d09803366b500fadb06888fe21cad",class:"font font-expose-l"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"24b25d793686e41c7578a536a1813975af3a896b",class:"section-font-class"},"klase: tet-font__expose--l"),t("div",{key:"dbe178f6b4a57d8825f20fd2e78a7a3b9e293838",class:"section-font-attribute"},"Font size - 6rem / 96px"),t("div",{key:"ab14a415f546fc97cf788dda7e9fa99a8ea40c94",class:"section-font-attribute"},"Font weight - 600")),t("div",{key:"7e0c25803f695f14955982cc14cd4ca4d10e56d4",class:"section-font"},t("div",{key:"a3534b8ff5b94ccccb12d8ebec1f1a9d49d68807",class:"font font-expose-xl"},"The quick brown fox jumps over the lazy dog"),t("div",{key:"ab95d8944c05e419da52dad9fe8ff9a987c9685b",class:"section-font-class"},"klase: tet-font__expose--xl"),t("div",{key:"17709ec978fb46be2b26c72c13944760fd8b2548",class:"section-font-attribute"},"Font size - 7.25rem / 116px"),t("div",{key:"0f62bad99283f959408b38537c9c7b189ea8bfd3",class:"section-font-attribute"},"Font weight - 600")))))}};o.style='@charset "UTF-8";: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)}.container-title{background:rgb(235, 237, 239);padding:2rem 0;margin:0.25rem 0;text-align:center;font-size:1.5rem;border-radius:1.5rem}.container-title.main{font-weight:600}.container-section{display:flex;flex-direction:column;flex-wrap:wrap;border:0.0625rem gray solid;border-radius:2rem;padding:1rem;gap:5rem;justify-content:center;height:12.5rem}.variable-name{display:flex;flex-direction:row;justify-content:center;font-size:1.75rem}.variable-part{position:relative;font-size:1.75rem;align-self:center}.variable-type:after{border-top:0.125rem solid #779af5;content:"tips";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.variable-size:after{border-top:0.125rem solid #779af5;content:"izmērs";position:absolute;top:2.5rem;font-size:1rem;left:5%;width:90%;text-align:center}.section{display:flex;flex-direction:column}.section-font{border:0.0625rem solid gray;padding:1rem 2rem;border-radius:2rem;overflow:hidden}.section-title{font-size:1rem;margin:0.25rem 0;padding:2rem 0;text-align:center;font-weight:600;background:lightgray}.section-font-class{padding-top:1rem;font-size:1rem;color:black}.section-font-attribute{font-size:0.75rem;color:rgb(88, 99, 116)}.font{white-space:nowrap}.font-body-xs{font:400 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-body-s{font:400 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-body-m{font:400 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-body-l{font:400 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-label-xs{font:500 0.75rem/1rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-label-s{font:500 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-label-m{font:500 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-label-l{font:500 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-title-xs{font:600 0.75rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-title-s{font:600 0.875rem/1.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.003125rem}.font-title-m{font:600 1rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.00625rem}.font-title-l{font:600 1.125rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-headline-inter-s{font:500 1.25rem/1.5rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.020625rem}.font-headline-inter-m{font:500 1.5rem/1.75rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.029375rem}.font-headline-inter-l{font:500 1.75rem/2rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0375rem}.font-headline-inter-xl{font:500 2rem/2.25rem Inter, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.043125rem}.font-headline-s{font:600 1.25rem/1.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-m{font:600 1.5rem/1.75rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-l{font:600 1.75rem/2rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-headline-xl{font:600 2rem/2.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:0}.font-display-s{font:600 2.5rem/3rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0125rem}.font-display-m{font:600 3rem/3.25rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.015rem}.font-display-l{font:600 3.5rem/4rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0175rem}.font-expose-s{font:600 4rem/4.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.04rem}.font-expose-m{font:600 5rem/5.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.05rem}.font-expose-l{font:600 6rem/6.5rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.06rem}.font-expose-xl{font:600 7.25rem/8.375rem Gilroy, Gilroy, Arial, sans-serif, Gilroy, Arial, sans-serif;letter-spacing:-0.0725rem}';export{o as tet_fonts}