import { css } from "styled-components";
import { classes, tokens } from "../../../../../tokens";
import { TabItemValue } from "../../VerticalTabItem.styles";
export const base = css([
    `color:var(`,
    `);background-color: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;top:0;left:0;bottom:0;background:var(`,
    `);width:var(`,
    `);border-radius:0.063rem;}}`
], tokens.itemColor, tokens.itemBackgroundColor, tokens.itemColorHover, tokens.itemBackgroundColorHover, TabItemValue, tokens.itemValueColorHover, tokens.itemColorActive, TabItemValue, tokens.itemValueColorActive, classes.tabItemAnimated, tokens.itemBackgroundTransition, classes.selectedTabsItem, tokens.itemSelectedColor, tokens.itemSelectedBackgroundColor, tokens.itemCursor, tokens.itemSelectedColorHover, tokens.itemSelectedBackgroundColorHover, tokens.itemSelectedDividerColorHover, TabItemValue, tokens.itemSelectedValueColorHover, tokens.itemSelectedValueColorHover, tokens.itemSelectedDividerColor, tokens.itemSelectedDividerWidth);
