<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
carouselTicker 
https://yuriyberezovskiy.github.io/carouselTicker/
*/

.carouselTicker-container {
	max-width: 1160px;
	margin: 0 auto 2rem;
	border: 1px solid #666F76;
}

.carouselTicker__list {
	height: 300px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

.carouselTicker__item {
	list-style: none;
	height: 100%;
	margin: 0 !important;
	padding: 14px 14px 0 14px;
	float: left;
	cursor: pointer;
	line-height: 0 !important;
}

.carouselTicker__loader {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff url('/content/dam/oclc/cloudlibrary/images/comics-plus-covers/loader.gif') center center no-repeat;
}

#carouselTicker .carouselTicker__item {
	width: auto;
	height: auto;
	line-height: normal;
}

.carouselTicker__item img {
	height: 94%;
	-webkit-box-shadow: 0px 7px 14px -3px rgba(51,63,72,0.5);
	-moz-box-shadow: 0px 7px 14px -3px rgba(51,63,72,0.5);
	box-shadow: 0px 7px 14px -3px rgba(51,63,72,0.5);
}

@media screen and (max-width: 600px) {
	.carouselTicker__list {
		height: 200px;
	}
	.carouselTicker__item img {
		height: 90%;
	}
}
</pre></body></html>