"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get StyledHidden () {
        return StyledHidden;
    },
    get StyledRoot () {
        return StyledRoot;
    },
    get StyledShorter () {
        return StyledShorter;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _mixins = require("../../../../mixins");
const _Breadcrumbstokens = require("../../Breadcrumbs.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledRoot = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1iz9z4z0",
    label: "StyledRoot"
})();
const StyledShorter = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1iz9z4z1",
    label: "StyledShorter"
})("cursor:pointer;outline:none;", (0, _mixins.addFocus)({
    outlineOffset: '0.125rem',
    outlineSize: '0.125rem',
    outlineRadius: '0.375rem',
    outlineColor: `var(${_Breadcrumbstokens.tokens.breadcrumbsFocusOutlineColor})`
}));
const StyledHidden = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "e1iz9z4z2",
    label: "StyledHidden"
})("display:flex;align-items:center;gap:var(", _Breadcrumbstokens.tokens.breadcrumbsGap, ");");
