@sandlada/mdc/build/components/tabs/tabs.style.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{css as e,unsafeCSS as t}from"../../node_modules/@lit/reactive-element/css-tag.js";import"../../node_modules/lit/index.js";import{defineVars as n}from"../../node_modules/@sandlada/jss/dist/define-vars.js";import{defineTokenRefsRecord as r}from"../../node_modules/@sandlada/jss/dist/define-token-refs.js";import{TabsDefinition as i}from"../../component-definitions/tabs.definition.js";import"../../definitions.js";
/**
* @license
* Copyright 2026 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*
* @fileoverview
* Styles for `mdc-tabs` — the tab bar container and its trailing divider.
*/
const a=r(i,{expandShapes:!0,useBaseFallback:!0,prefix:`--mdc-tabs`}),o=t(n(a,!0).join(``)),s=e`
    :host {
        ${o};
    }
    :host {
        display: inline-flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
        color: inherit;
    }

    .tabs {
        display: flex;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .tabs::-webkit-scrollbar {
        display: none;
    }

    .divider {
        box-sizing: border-box;
        flex: 0 0 var(--_divider-height);
        width: 100%;
        height: var(--_divider-height);
        background-color: var(--_enabled-divider-color);
    }
`;export{s as TabsStyles};
//# sourceMappingURL=tabs.style.js.map