.#{$namespace}-wrapper {
	.ld-breadcrumbs {
		background:$light-grey;
		border-radius:$border-radius;
		padding:0.5em 1em;
		display:flex;
		justify-content:space-between;
		align-items:center;

		.ld-breadcrumbs-segments {
			font-size:0.75em;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;
			padding-right:1em;
			span {
				display:inline;
				a {
					font-weight:700;
				}

				&:after {
					content: #{"'>' /*rtl:'<'*/"};
					unicode-bidi: plaintext;
				}

				&:last-child {
					&:after {
						display:none;
					}
				}
			}
		}

		.ld-status {
			white-space:nowrap;
			&.ld-status-progress {
				background: $blue;
				color: #fff;
			}
			&.ld-status-complete {
				background: $green;
				color: #fff;
			}
		}

		@include for-phone {
			flex-direction:column;
			align-items:flex-start;
			.ld-breadcrumbs-segments {
				width:100%;
			}
			.ld-status {
				width:100%;
				margin-top:1em;
			}

		}
	}

}