import styled from "@emotion/styled";
import { addFocus } from "../../../../mixins";
import { tokens } from "../../Breadcrumbs.tokens";
export const StyledRoot = /*#__PURE__*/ styled("div", {
    target: "eavurfr0",
    label: "StyledRoot"
})();
export const StyledShorter = /*#__PURE__*/ styled("div", {
    target: "eavurfr1",
    label: "StyledShorter"
})("cursor:pointer;", addFocus({
    outlineOffset: '0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: '0',
    outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`
}));
export const StyledHidden = /*#__PURE__*/ styled("div", {
    target: "eavurfr2",
    label: "StyledHidden"
})("display:flex;align-items:center;gap:var(", tokens.breadcrumbsGap, ");");
