:host(:not([hidden])) {
	display: block;
	width: 100%;
}

.ui5-breadcrumbs-root {
    white-space: nowrap;
    outline: none;
    margin:var(--_ui5_breadcrumbs_margin);
}

.ui5-breadcrumbs-root > ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.ui5-breadcrumbs-root > ol > li {
    display: inline;
}

.ui5-breadcrumbs-current-location {
    flex: 1 1 auto;
    /* Fix extra height in ul -> li element */
    font-size: 0;
    align-self: center;
}

.ui5-breadcrumbs-current-location [ui5-label] {
	color: var(--_ui5_breadcrumbs_current_location_color);
}

.ui5-breadcrumbs-current-location,
.ui5-breadcrumbs-link-wrapper:last-child {
	min-width: 1%;
}

.ui5-breadcrumbs-current-location > span:focus {
    outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
    border-radius: var(--_ui5_breadcrumbs_current_location_focus_border_radius);
}

.ui5-breadcrumbs-dropdown-arrow-link-wrapper[hidden] {
    display: none
}

.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon] {
    width: var(--sapFontSize);
    height: var(--sapFontSize);
    padding-left: .675rem;
    vertical-align: middle;
    color: var(--sapLinkColor);
}

.ui5-breadcrumbs-dropdown-arrow-link-wrapper:focus-within [ui5-link] [ui5-icon] {
    color: var(--_ui5_link_focus_color);
}

.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-icon]::before {
    content: "...";
    position: absolute;
    left: 0;
    top: 0.1rem;
    line-height: 1rem;
    vertical-align: middle;
}

.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link]::part(root),
.ui5-breadcrumbs-link-wrapper [ui5-link]::part(root) {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

/* underline icon on hover */
.ui5-breadcrumbs-dropdown-arrow-link-wrapper [ui5-link][focused] [ui5-icon]::after,
.ui5-breadcrumbs-dropdown-arrow-link-wrapper:hover [ui5-icon]::after {
    content: "";
    position: absolute;
    height: 0.0725rem;
    background-color: currentColor;
    left: 0;
    right: 0;
    bottom: 0.3475rem;
}

.ui5-breadcrumbs-popover {
    margin-top: 0.25rem;
}

.ui5-breadcrumbs-popover-footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

/* links separator */
.ui5-breadcrumbs-separator::after {
	content: "/"; /* default separator is "Slash" */
	padding: 0 .25rem;
	cursor: auto;
	color: var(--_ui5_breadcrumbs_separator_color);
	display: inline-block;
	font-family: var(--sapFontFamily);
	font-size: var(--sapFontSize);
}

/* separator styles */
:host([separators="DoubleSlash"]) .ui5-breadcrumbs-separator::after {
	content: "//";
}

:host([separators="BackSlash"]) .ui5-breadcrumbs-separator::after {
	content: "\\\\";
}

:host([separators="DoubleBackSlash"]) .ui5-breadcrumbs-separator::after {
	content: "\\\\\\\\";
}

:host([separators="GreaterThan"]) .ui5-breadcrumbs-separator::after {
	content: ">";
}

:host([separators="DoubleGreaterThan"]) .ui5-breadcrumbs-separator::after {
	content: ">>";
}