"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "base", {
    enumerable: true,
    get: function() {
        return base;
    }
});
var _react = require("@emotion/react");
var _tokens = require("../../../../../tokens");
var 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, ");}&:active{color:var(", _tokens.tokens.itemColorActive, ");}&.", _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-color:var(", _tokens.tokens.itemSelectedDividerColorHover, ");}}&::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(", _tokens.tokens.itemSelectedDividerColor, ");height:var(", _tokens.tokens.itemSelectedDividerHeight, ");border-radius:0.063rem;}}", "base");
