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