"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
var _styledcomponents = require("styled-components");
var _tokens = require("../../../../../tokens");
var _VerticalTabItemstyles = require("../../VerticalTabItem.styles");
var base = (0, _styledcomponents.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.tokens.itemColor, _tokens.tokens.itemBackgroundColor, _tokens.tokens.itemColorHover, _tokens.tokens.itemBackgroundColorHover, _VerticalTabItemstyles.TabItemValue, _tokens.tokens.itemValueColorHover, _tokens.tokens.itemColorActive, _VerticalTabItemstyles.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, _VerticalTabItemstyles.TabItemValue, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedValueColorHover, _tokens.tokens.itemSelectedDividerColor, _tokens.tokens.itemSelectedDividerWidth);
