@charset "UTF-8";
.breadcrumbs {
		flex: 0 0 auto;
		width: 100%;
		overflow: hidden;
		font-weight: 300;
		font-size: 12px;
		line-height: 21px;
		letter-spacing: -0.01em;
		color: var(--grey500);
		padding: 24px 0 8px 0;
}
.breadcrumbs .swiper {
		overflow: visible !important;
}
.breadcrumbs a {
		color: var(--grey500);
		transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
		text-decoration: none;
}
.breadcrumbs svg {
		fill: var(--grey500);
		transition: fill 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (pointer:fine) {
		.breadcrumbs a:hover {
				color: var(--hover-dark);
		}
		.breadcrumbs a:hover svg {
				fill: var(--hover-dark);
		}
}
.breadcrumbs .swiper-slide {
		position: relative;
		width: auto;
}
.breadcrumbs .swiper-slide:not(:last-child) {
		padding-right: 29px;
}
.breadcrumbs .swiper-slide:not(:last-child):after {
		content: '→';
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		width: 29px;
}
.breadcrumbs .home {
		text-align: left;
		text-indent: -100vw;
		overflow: hidden;
		width: 21px;
		height: 21px;
		margin: 0 -5px 0 -2px;
		display: block;
		position: relative;
}
.breadcrumbs .home svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
}
/*mobile end*/
/*tablet start*/
@media only screen and (min-width: 768px) {
		.breadcrumbs {
				padding-top: 30px;
				padding-bottom: 15px;
				font-size: 15px;
		}
		.breadcrumbs .swiper-slide:not(:last-child) {
				padding-right: 39px;
		}
		.breadcrumbs .swiper-slide:not(:last-child):after {
				width: 39px;
		}
		.breadcrumbs .home {
				text-indent: 0;
				width: auto;
				height: auto;
				margin: 0;
				display: inline;
		}
		.breadcrumbs .home svg {
				display: none;
		}
}
/*tablet end*/
/*desktop start*/
@media only screen and (min-width: 1280px) {
		.breadcrumbs {
				padding-top: 45px;
		}
}