/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 23 2025 | 07:48:21 */
/* Youtube Skin */
.k2s-preview a.play-btn {
	width: 68px;
	height: 48px;
	margin: -24px 0 0 -34px;
	border: none;
	background: rgba(33, 33, 33, 0.8);
	clip-path: url(#k2s-play-button-bg);
	opacity: 1;
	pointer-events: none;
	transition: 0.1s ease-in;
}

.k2s-preview a.play-btn i {
	margin: 14px 0 0 26px;
}

.k2s-preview .poster:hover ~ .play-btn {
	background: #f00;
}

.k2s-preview a.download-btn {
	top: 0;
	right: 0;
	border: solid transparent;
	border-width: 10px 20px 0 9px;
}

#k2s-preview-svg {
	width: 0;
	height: 0;
}

/* Built-in Screenlist */
@keyframes k2s-preview-screenlist-show {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes k2s-preview-screenlist-move {
	to {
		left: -100%;
	}
}

.k2s-preview .screenlist {
	position: absolute;
	bottom: 0;
	width: 1680px;
	padding-top: 8px;
	background: rgba(23,23,23,0.9);
	opacity: 0;
	pointer-events: none;
	transition: 0.1s ease-in;
	animation: k2s-preview-screenlist-show 0.1s ease-in;
}

.k2s-preview:hover .screenlist {
	opacity: 1;
}

.k2s-preview .thumbs {
	position: relative;
	left: 0;
	text-align: left;
	white-space: nowrap;
	opacity: 0;
	transition: opacity 0.4s ease-in;
	animation: k2s-preview-screenlist-show 0.4s ease-in, k2s-preview-screenlist-move 20s linear infinite paused;
}

.k2s-preview:hover .thumbs {
	opacity: 1;
	animation-play-state: running;
}

.k2s-preview .thumbs div {
	width: 160px;
	height: 120px;
	margin-right: 8px;
	background: #000 0 / cover;
	display: inline-block;
	vertical-align: bottom;
}