import n from"style-inject";var r=".breadcrumb-content {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.7);\n  color: var(--color-transparent-black-07);\n  padding: 0px 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumb-content .breadcrumb-text {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumb-content .breadcrumb-icon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumb-content:focus {\n  outline: none;\n}\n.breadcrumb-content.clickable:hover, .breadcrumb-content:focus-within {\n  background-color: #c5c7d0;\n  background-color: var(--color-transparent-white-03);\n  border-radius: 4px;\n}\n.breadcrumb-content.current {\n  color: var(--color-content-primary);\n  font-weight: 500;\n}\n.breadcrumb-content.disabled {\n  border-color: rgba(255, 255, 255, 0.2);\n  border-color: var(--disabled-background-color);\n  color: rgba(255, 255, 255, 0.4);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumb-content.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumb-content {\n  font-family: var(--font-family);\n}";n(r,{insertAt:"top"});export{r as default};
