@layer components.tabs{:host{contain:style;display:block}:host([fullheight]){flex-direction:column;height:100%;display:flex}:host([fullheight]) e-tabs-content{flex:1;overflow-y:auto}:host([fullheight]) ::slotted(e-tab){min-height:100%}e-tabs-header{margin-bottom:var(--space-rem-m);display:block;position:relative}:host([sticky]) e-tabs-header{top:var(--header-height,60px);z-index:var(--z-index-sticky,10);background-color:color-mix(in srgb, var(--color-surface,#fff) 80%, transparent);backdrop-filter:blur(8px);padding-block:var(--space-rem-xs);margin-inline:calc(-1 * var(--space-rem-m));padding-inline:var(--space-rem-m);position:sticky}e-tabs-buttons{gap:var(--space-rem-3xs);padding:var(--space-rem-3xs);-webkit-overflow-scrolling:touch;border-radius:9999px;flex-wrap:nowrap;max-width:100%;display:inline-flex;overflow-x:auto}e-tabs-content{display:block}:host([scrollable]) e-tabs-content{max-height:var(--tabs-content-max-height,70vh);overflow-y:auto}::slotted(e-tab){display:none}::slotted(e-tab[active]){display:block}}