import { css } from "@emotion/react";
import styled from "@emotion/styled";
import { addFocus } from "../../../../../mixins";
import { tokens } from "../../../tokens";
export var StyledContent = /*#__PURE__*/ styled("div", {
    target: "e1f0vf9g0",
    label: "StyledContent"
})("display:inline-block;width:fit-content;");
export var ActionContent = /*#__PURE__*/ styled("div", {
    target: "e1f0vf9g1",
    label: "ActionContent"
})("display:flex;margin-left:var(", tokens.actionContentMarginLeft, ");");
export var base = /*#__PURE__*/ css("position:relative;display:flex;align-items:center;justify-content:flex-start;gap:var(", tokens.itemContentGap, ");appearance:none;border:none;outline:none;cursor:var(", tokens.itemCursorOverNotSelected, ",var(", tokens.itemCursor, "));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;", addFocus({
    outlineSize: '0.063rem',
    outlineOffset: '0.063rem',
    outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
    outlineRadius: 'var(--border-radius-m , calc(var(--plasma_private-outline-radius) + 0.063rem))',
    customFocusRules: "\n            &.focus-visible:focus,\n            &[data-focus-visible-added] {\n                &::before {\n                    z-index: 1;\n                    outline: none;\n                    box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                }\n            }\n        ")
}), ";", "base");
