@layer components{.md3-tabs-root{flex-direction:column;display:flex}.md3-tabs-list{isolation:isolate;scroll-behavior:smooth;scrollbar-width:none;background:var(--md-sys-color-surface);box-shadow:inset 0 -1px var(--md-sys-color-outline-variant);align-items:flex-end;display:flex;position:relative;overflow-x:auto}.md3-tabs-list::-webkit-scrollbar{display:none}.md3-tabs-tab{z-index:0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;white-space:nowrap;font-family:var(--md-sys-typescale-title-small-font);font-size:var(--md-sys-typescale-title-small-size);line-height:var(--md-sys-typescale-title-small-line-height);font-weight:var(--md-sys-typescale-title-small-weight);letter-spacing:var(--md-sys-typescale-title-small-tracking);color:var(--md-sys-color-on-surface-variant);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0 16px;display:inline-flex;position:relative}.md3-tabs-tab:hover,.md3-tabs-tab:focus-visible,.md3-tabs-tab:active{color:var(--md-sys-color-on-surface)}.md3-tabs-tab:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-4px;border-radius:8px}.md3-tabs-stateLayer{z-index:-1;color:var(--md-sys-color-on-surface);position:absolute;inset:0;overflow:hidden}.md3-tabs-stateLayer:before{content:"";opacity:0;background:currentColor;transition:opacity 15ms linear;position:absolute;inset:0}.md3-tabs-tab:hover .md3-tabs-stateLayer:before{opacity:var(--md-sys-state-hover-state-layer-opacity)}.md3-tabs-tab:focus-visible .md3-tabs-stateLayer:before{opacity:var(--md-sys-state-focus-state-layer-opacity)}.md3-tabs-content{box-sizing:border-box;justify-content:center;align-items:center;gap:8px;height:48px;display:inline-flex}.md3-tabs-icon{block-size:24px;inline-size:24px;font-size:24px;display:inline-flex;position:relative}.md3-tabs-badge{display:inline-flex;position:absolute;inset-block-start:0;inset-inline-start:50%}.md3-tabs-badge:has([data-variant=small]){margin-block-start:4px;margin-inline-start:6px}.md3-tabs-badge:has([data-variant=large]){margin-block-start:1px;margin-inline-start:2px}.md3-tabs-inlineBadge{display:inline-flex}.md3-tabs-indicator{z-index:1;bottom:0;left:calc(var(--active-tab-left) + 16px);right:calc(100% - var(--active-tab-left) - var(--active-tab-width) + 16px);background:var(--md-sys-color-primary);border-radius:3px 3px 0 0;height:3px;position:absolute}@media (prefers-reduced-motion:no-preference){.md3-tabs-indicator[data-activation-direction=right]{transition:left var(--md-sys-motion-duration-medium1) cubic-bezier(.12, 0, .39, 0), right var(--md-sys-motion-duration-medium1) cubic-bezier(.61, 1, .88, 1)}.md3-tabs-indicator[data-activation-direction=left]{transition:left var(--md-sys-motion-duration-medium1) cubic-bezier(.61, 1, .88, 1), right var(--md-sys-motion-duration-medium1) cubic-bezier(.12, 0, .39, 0)}}.md3-tabs-list[data-variant=primary] .md3-tabs-tab[data-stacked] .md3-tabs-content{flex-direction:column;gap:2px;height:64px}.md3-tabs-list[data-variant=primary] .md3-tabs-tab[data-active],.md3-tabs-list[data-variant=primary] .md3-tabs-tab:active .md3-tabs-stateLayer,.md3-tabs-list[data-variant=primary] .md3-tabs-tab[data-active] .md3-tabs-stateLayer{color:var(--md-sys-color-primary)}.md3-tabs-list[data-variant=secondary] .md3-tabs-indicator{left:var(--active-tab-left);right:calc(100% - var(--active-tab-left) - var(--active-tab-width));border-radius:0;height:2px}.md3-tabs-list[data-variant=secondary] .md3-tabs-tab[data-active]{color:var(--md-sys-color-on-surface)}.md3-tabs-tab[data-disabled]{cursor:default;pointer-events:none;color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity) * 100%), transparent)}.md3-tabs-panel:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}}