.irannet-archive-breadcrumb {
	--irannet-archive-breadcrumb-gap: 9px;
	--irannet-archive-breadcrumb-accent-width: 20%;
	--irannet-archive-breadcrumb-accent-height: 3px;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	color: var(--e-global-color-text, currentColor);
	font-family: var(--e-global-typography-text-font-family, inherit);
	font-size: var(--e-global-typography-text-font-size, inherit);
	font-weight: var(--e-global-typography-text-font-weight, inherit);
	line-height: var(--e-global-typography-text-line-height, normal);
	background: transparent;
}

.irannet-archive-breadcrumb *,
.irannet-archive-breadcrumb *::before,
.irannet-archive-breadcrumb *::after {
	box-sizing: border-box;
}

.irannet-archive-breadcrumb--bordered {
	border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.irannet-archive-breadcrumb--soft {
	background: color-mix(in srgb, var(--e-global-color-secondary, currentColor) 7%, transparent);
}

.irannet-archive-breadcrumb--pills .irannet-archive-breadcrumb__link,
.irannet-archive-breadcrumb--pills .irannet-archive-breadcrumb__current {
	padding: .45em .8em;
	border-radius: 999px;
	background: color-mix(in srgb, currentColor 6%, transparent);
}

.irannet-archive-breadcrumb--pills .irannet-archive-breadcrumb__current {
	background: color-mix(in srgb, var(--e-global-color-primary, currentColor) 11%, transparent);
}

.irannet-archive-breadcrumb--accent-line,
.irannet-archive-breadcrumb--has-accent {
	padding-bottom: calc(10px + var(--irannet-archive-breadcrumb-accent-height));
}

.irannet-archive-breadcrumb--accent-line::after,
.irannet-archive-breadcrumb--has-accent::after {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	bottom: 0;
	width: var(--irannet-archive-breadcrumb-accent-width);
	height: var(--irannet-archive-breadcrumb-accent-height);
	border-radius: 999px;
	background: var(--e-global-color-accent, currentColor);
}

.irannet-archive-breadcrumb__list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--irannet-archive-breadcrumb-gap);
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
}

.irannet-archive-breadcrumb__list::-webkit-scrollbar {
	height: 4px;
}

.irannet-archive-breadcrumb__item,
.irannet-archive-breadcrumb__separator {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.irannet-archive-breadcrumb__item.is-current {
	min-width: 0;
	max-width: min(52vw, 620px);
}

.irannet-archive-breadcrumb__link,
.irannet-archive-breadcrumb__current {
	display: inline-flex;
	align-items: center;
	gap: .4em;
	min-width: 0;
	color: inherit;
	text-decoration: none;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, opacity 180ms ease;
}

.irannet-archive-breadcrumb__link:hover,
.irannet-archive-breadcrumb__link:focus-visible {
	color: var(--e-global-color-primary, currentColor);
}

.irannet-archive-breadcrumb__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 4px;
}

.irannet-archive-breadcrumb__current {
	color: var(--e-global-color-secondary, currentColor);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.irannet-archive-breadcrumb__home-icon,
.irannet-archive-breadcrumb__separator {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.irannet-archive-breadcrumb__home-icon svg,
.irannet-archive-breadcrumb__separator svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.irannet-archive-breadcrumb__separator {
	color: var(--e-global-color-secondary, currentColor);
	user-select: none;
	pointer-events: none;
}

.irannet-archive-breadcrumb__notice {
	padding: 12px 14px;
	border: 1px dashed color-mix(in srgb, currentColor 25%, transparent);
	border-radius: 6px;
	color: var(--e-global-color-text, currentColor);
	font-family: var(--e-global-typography-text-font-family, inherit);
}

@media (max-width: 767px) {
	.irannet-archive-breadcrumb__item.is-current {
		max-width: 68vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	.irannet-archive-breadcrumb__link,
	.irannet-archive-breadcrumb__current {
		transition: none;
	}
}