.f-carousel__thumbs{
	--f-thumb-width: 90px;
	--f-thumb-height: 57px;
	--f-thumb-outline: 0;
	--f-thumb-outline-color: #5eb0ef;
	--f-thumb-opacity: 1;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1;
	--f-thumb-border-radius: 5px;
	--f-thumb-offset: 0px;
	--f-button-next-pos: 0;
	--f-button-prev-pos: 0

}
.f-carousel__thumbs.is-classic{
	--f-thumb-gap: 8px;
	--f-thumb-opacity: 0.5;
	--f-thumb-hover-opacity: 1;
	--f-thumb-selected-opacity: 1
}
.f-carousel__thumbs.is-modern{
	--f-thumb-gap: 4px;
	--f-thumb-extra-gap: 20px;
	--f-thumb-clip-width: 46px
}
.f-thumbs{
	position:relative;
	flex:0 0 auto;
	margin:0;
	overflow:hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	user-select:none;
	perspective:1000px;
	transform:translateZ(0)
}
.f-thumbs .f-spinner{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:2px;
	background-image:linear-gradient(#ebeff2, #e2e8f0);
	z-index:-1
}
.f-thumbs .f-spinner svg{
	display:none
}
.f-thumbs.is-vertical{
	height:100%
}
.f-thumbs__viewport{
	width:100%;
	height:auto;
	overflow:hidden
}
.f-thumbs__track{
	display:flex;
	will-change:transform
}
.f-thumbs__slide{
	position:relative;
	flex:0 0 auto;
	box-sizing:content-box;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	margin:0;
	width:var(--f-thumb-width);
	min-width:var(--f-thumb-width);
	height:var(--f-thumb-height);
	overflow:visible;
	cursor:pointer
}
.f-thumbs__slide.is-loading img{
	opacity:0
}
.is-classic .f-thumbs__viewport{
	height:100%
}
.is-modern .f-thumbs__track{
	width:max-content
}
.is-modern .f-thumbs__track::before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:calc(var(--left, 0)*1px);
	width:calc(100% - var(--width, 0)*1px);
	cursor:pointer
}
.is-modern .f-thumbs__slide{
	--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
	transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);
	transition:none;
	pointer-events:none
}
.is-modern .f-thumbs__slide:focus-within:not(.is-selected){
	filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}
.is-modern .f-thumbs__slide>*{
	clip-path:var(--clip-path)
}
.is-modern.in-touch .f-thumbs__slide{
	filter:none
}
.is-modern.is-resting .f-thumbs__slide{
	transition:all .33s ease
}
.is-modern.is-resting .f-thumbs__slide>*{
	transition:all .33s ease
}
.f-thumbs__slide__button{
	appearance:none;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	border:0;
	position:relative;
	border-radius:var(--f-thumb-border-radius);
	overflow:hidden;
	background:rgba(0,0,0,0);
	outline:none;
	cursor:pointer;
	pointer-events:auto;
	touch-action:manipulation;
	opacity:var(--f-thumb-opacity);
	transition:opacity .2s ease
}
.f-thumbs__slide__button:hover{
	opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible){
	outline:none
}
.f-thumbs__slide__button:focus-visible{
	outline:none;
	opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button{
	opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button::after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:auto;
	bottom:0;
	border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
	border-radius:var(--f-thumb-border-radius);
	animation:f-fadeIn .2s ease-out;
	z-index:10
}
.f-thumbs__slide__img{
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	padding:var(--f-thumb-offset);
	box-sizing:border-box;
	pointer-events:none;
	object-fit:cover
}
.f-thumbs.is-horizontal .f-thumbs__track{
	margin: 0 auto;
	padding: 16px 20px 20px 20px
}
.f-thumbs.is-horizontal .f-thumbs__slide{
	margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track{
	flex-wrap:wrap;
	margin:auto 0;
	padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide{
	margin:0 0 var(--f-thumb-gap) 0
}