"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _styledcomponents = require("styled-components");
const _tokens = require("../../../../../tokens");
const _HorizontalTabItemstyles = require("../../HorizontalTabItem.styles");
const base = (0, _styledcomponents.css)([
    `color:var(`,
    `);background-color:var(`,
    `);margin-left:var(`,
    `,var(`,
    `));&:hover{color:var(`,
    `);background-color:var(`,
    `);`,
    `{color:var(`,
    `);}}&:active{color:var(`,
    `);`,
    `{color:var(`,
    `);}}&.`,
    `{transition:var(`,
    `);}&.`,
    `{color:var(`,
    `);background-color:var(`,
    `);cursor:var(`,
    `);&:hover{color:var(`,
    `);background-color:var(`,
    `);&::after{background:var(`,
    `);}}`,
    `{color:var(`,
    `);&:hover{color:var(`,
    `);}}&::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(`,
    `);height:var(`,
    `);border-radius:0.063rem;}}`
], _tokens.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemMarginLeftFilled, _tokens.tokens.itemMarginLeft, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _HorizontalTabItemstyles.TabItemValue, _tokens.tokens.itemValueColorHover, _tokens.tokens.itemColorActive, _HorizontalTabItemstyles.TabItemValue, _tokens.tokens.itemValueColorActive, _tokens.classes.tabItemAnimated, _tokens.tokens.itemBackgroundTransition, _tokens.classes.selectedTabsItem, _tokens.tokens.itemSelectedColor, _tokens.tokens.itemSelectedBackgroundColor, _tokens.tokens.itemCursor, _tokens.tokens.itemSelectedColorHover, _tokens.tokens.itemSelectedBackgroundColorHover, _tokens.tokens.itemSelectedDividerColorHover, _HorizontalTabItemstyles.TabItemValue, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerHeight);
