"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
const _react = require("@emotion/react");
const _tokens = require("../../../../../tokens");
const _VerticalTabItemstyles = require("../../VerticalTabItem.styles");
const base = (0, /*#__PURE__*/ _react.css)("color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");&:hover{color:var(", _tokens.tokens.itemColorHover, ");background-color:var(", _tokens.tokens.itemBackgroundColorHover, ");", _VerticalTabItemstyles.TabItemValue, "{color:var(", _tokens.tokens.itemValueColorHover, ");}}&:active{color:var(", _tokens.tokens.itemColorActive, ");", _VerticalTabItemstyles.TabItemValue, "{color:var(", _tokens.tokens.itemValueColorActive, ");}}&.", _tokens.classes.tabItemAnimated, "{transition:var(", _tokens.tokens.itemBackgroundTransition, ");}&.", _tokens.classes.selectedTabsItem, "{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");cursor:var(", _tokens.tokens.itemCursor, ");&:hover{color:var(", _tokens.tokens.itemSelectedColorHover, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColorHover, ");&::after{background:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}", _VerticalTabItemstyles.TabItemValue, "{color:var(", _tokens.tokens.itemSelectedValueColorHover, ");&:hover{color:var(", _tokens.tokens.itemSelectedValueColorHover, ");}}&::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(", _tokens.tokens.itemSelectedDividerColor, ");width:var(", _tokens.tokens.itemSelectedDividerWidth, ");border-radius:0.063rem;}}", "base");
