
.ibej-reference-carousel{
	--ibej-ref-gap:18px;
	position:relative;
	width:100%;
	padding-top:4px;
}
.ibej-reference-carousel__viewport{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	outline:none;
}
.ibej-reference-carousel__viewport::-webkit-scrollbar{display:none}
.ibej-reference-carousel__track{
	display:flex;
	gap:var(--ibej-ref-gap);
	align-items:stretch;
	width:100%;
}
.ibej-reference-carousel__item{
	flex:0 0 180px;
	min-width:0;
	height:132px;
	scroll-snap-align:start;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border:1px solid rgba(20,46,54,.08);
	transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.ibej-reference-carousel__item:hover{
	transform:translateY(-2px);
	border-color:rgba(73,166,204,.28);
	box-shadow:0 10px 28px rgba(20,46,54,.06);
}
.ibej-reference-carousel__item>a,
.ibej-reference-carousel__item>span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	padding:14px 18px;
	box-sizing:border-box;
}
.ibej-reference-carousel__logo{
	display:block;
	width:100%;
	height:100%;
	max-width:none;
	max-height:none;
	object-fit:contain;
	transition:filter .28s ease,opacity .28s ease,transform .28s ease;
}
.ibej-reference-carousel.is-grayscale .ibej-reference-carousel__logo{
	filter:grayscale(1);
	opacity:.72;
}
.ibej-reference-carousel.is-grayscale .ibej-reference-carousel__item:hover .ibej-reference-carousel__logo,
.ibej-reference-carousel.is-grayscale .ibej-reference-carousel__item:focus-within .ibej-reference-carousel__logo{
	filter:grayscale(0);
	opacity:1;
	transform:scale(1.025);
}
.ibej-reference-carousel__controls{
	display:flex;
	justify-content:flex-end;
	gap:8px;
	margin:0 0 14px;
}
.ibej-reference-carousel__arrow{
	width:38px;
	height:38px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border:1px solid rgba(20,46,54,.16);
	border-radius:50%;
	background:transparent;
	color:#162b31;
	font-size:17px;
	line-height:1;
	cursor:pointer;
	transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.ibej-reference-carousel__arrow:hover,
.ibej-reference-carousel__arrow:focus-visible{
	background:#162b31;
	color:#fff;
	border-color:#162b31;
	outline:none;
}
@media(max-width:767px){
	.ibej-reference-carousel{--ibej-ref-gap:12px}
	.ibej-reference-carousel__item{height:112px}
	.ibej-reference-carousel__item>a,
	.ibej-reference-carousel__item>span{padding:14px 16px}
}
@media(prefers-reduced-motion:reduce){
	.ibej-reference-carousel__viewport{scroll-behavior:auto}
	.ibej-reference-carousel__item,
	.ibej-reference-carousel__logo{transition:none}
}
