"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 _SegmentItemstyles = require("../../SegmentItem.styles");
const base = (0, /*#__PURE__*/ _react.css)("&[disabled]{cursor:not-allowed;&:hover{color:var(", _tokens.tokens.itemColor, ");background-color:var(", _tokens.tokens.itemBackgroundColor, ");", _SegmentItemstyles.RightContent, "{color:var(", _tokens.tokens.itemColor, ");}", _SegmentItemstyles.RightContent, ".", _tokens.classes.segmentAdditionalText, "{color:var(", _tokens.tokens.itemAdditionalColor, ");}}&.", _tokens.classes.selectedSegmentItem, ":hover{color:var(", _tokens.tokens.itemSelectedColor, ");background-color:var(", _tokens.tokens.itemSelectedBackgroundColor, ");", _SegmentItemstyles.RightContent, "{color:var(", _tokens.tokens.itemSelectedColor, ");}", _SegmentItemstyles.RightContent, ".", _tokens.classes.segmentAdditionalText, "{color:var(", _tokens.tokens.itemSelectedAdditionalColor, ");}}}", "base");
