﻿
.plyr--full-ui {
	color: #a0-e0ff;
	/*color: ##a1b1f2;*/
	color: #238cbc;
}

.plyr__badge {
	background: #4a5464;
	background: var(--plyr-badge-background,#4a5464);
	color: #fff;
	color: var(--plyr-badge-text-color,#fff);
}

.plyr__caption {
	background: #000c;
	background: var(--plyr-captions-background,#000c);
	color: #fff;
	color: var(--plyr-captions-text-color,#fff);
}

.plyr__control {
	padding: 7px 10px;
	border-radius: 2px;
}

.plyr__control:focus-visible {
	outline: 2px dashed #238cbc;
	outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
	outline-offset: 2px
}

.plyr__menu__container {
	animation: plyr-popup .2s ease;
	background: #ffffffe6;
	background: var(--plyr-menu-background,#ffffffe6);
	border-radius: 2px;
	border-radius: var(--plyr-menu-radius,2px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-menu-shadow,0 1px 2px #00000026);
	color: #4a5464;
	color: var(--plyr-menu-color,#4a5464);
	font-size: 15px;
	font-size: var(--plyr-font-size-base,15px);
	margin-bottom: 10px;
	position: absolute;
	right: -3px;
	text-align: left;
	white-space: nowrap;
	z-index: 3
}

	.plyr__menu__container:after {
		border: 4px solid #0000;
		border-top-color: #ffffffe6;
		border: var(--plyr-menu-arrow-size,4px) solid #0000;
		border-top-color: var(--plyr-menu-background,#ffffffe6);
		content: "";
		height: 0;
		position: absolute;
		right: 14px;
		right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
		top: 100%;
		width: 0
	}

	.plyr__menu__container .plyr__control {
		align-items: center;
		color: #4a5464;
		color: var(--plyr-menu-color,#4a5464);
		display: flex;
		font-size: 13px;
		font-size: var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));
		padding: 4.66667px 10.5px;
		padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
		padding: 4px 30px;
		-webkit-user-select: none;
		user-select: none;
		width: 100%
	}

		.plyr__menu__container .plyr__control:after {
			border: 4px solid #0000;
			border: var(--plyr-menu-item-arrow-size,4px) solid #0000;
			content: "";
			position: absolute;
			top: 50%;
			transform: translateY(-50%)
		}

	.plyr__menu__container .plyr__control--forward:after {
		border-left-color: #728197;
		border-left-color: var(--plyr-menu-arrow-color,#728197);
		right: 6.5px;
		right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
	}

	.plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after {
		border-left-color: initial
	}

	.plyr__menu__container .plyr__control--back:after {
		border-right-color: #728197;
		border-right-color: var(--plyr-menu-arrow-color,#728197);
		left: 6.5px;
		left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
	}

	.plyr__menu__container .plyr__control--back:before {
		background: #dcdfe5;
		background: var(--plyr-menu-back-border-color,#dcdfe5);
		box-shadow: 0 1px 0 #fff;
		box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);
		content: "";
		height: 1px;
		left: 0;
		margin-top: 3.5px;
		margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 100%
	}

	.plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after {
		border-right-color: initial
	}

	.plyr__menu__container .plyr__control[role=menuitemradio] {
		padding-left: 7px;
		padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
	}

		.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
			border-radius: 100%
		}

		.plyr__menu__container .plyr__control[role=menuitemradio]:before {
			background: #0000001a;
			content: "";
			display: block;
			flex-shrink: 0;
			height: 16px;
			margin-right: 10px;
			margin-right: var(--plyr-control-spacing,10px);
			transition: all .3s ease;
			width: 16px
		}

		.plyr__menu__container .plyr__control[role=menuitemradio]:after {
			background: #fff;
			border: 0;
			height: 6px;
			left: 12px;
			opacity: 0;
			top: 50%;
			transform: translateY(-50%) scale(0);
			transition: transform .3s ease,opacity .3s ease;
			width: 6px
		}

		.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
			background: #238cbc;
			background: var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#238cbc)))
		}

		.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
			opacity: 1;
			transform: translateY(-50%) scale(1)
		}

		.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
			background: #23282f1a
		}

.plyr--full-ui input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	background: #0000;
	border: 0;
	border-radius: 26px;
	border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
	color: #238cbc;
	color: var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
	color: rgba(35,140,188,.7);
	display: block;
	height: 19px;
	height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
	margin: 0;
	min-width: 0;
	padding: 0;
	transition: box-shadow .3s ease;
	width: 100%
}

	.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
		background: #0000;
		background-image: linear-gradient(90deg,currentColor 0,#0000 0);
		background-image: linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height,5px);
		-webkit-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		-webkit-user-select: none;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		background: #fff;
		background: var(--plyr-range-thumb-background,#fff);
		background: #c2dbe7;
		border: 0;
		border-radius: 1px;
		box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
		height: 13px;
		height: var(--plyr-range-thumb-height,13px);
		margin-top: -4px;
		margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
		position: relative;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		width: 16px;
		width: var(--plyr-range-thumb-height,16px)
	}

	.plyr--full-ui input[type=range]::-moz-range-track {
		background: #0000;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height,5px);
		-moz-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-moz-range-thumb {
		background: #fff;
		background: var(--plyr-range-thumb-background,#fff);
		background: #c2dbe7;
		border: 0;
		border-radius: 1px;
		box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
		height: 13px;
		height: var(--plyr-range-thumb-height,13px);
		position: relative;
		-moz-transition: all .2s ease;
		transition: all .2s ease;
		width: 16px;
		width: var(--plyr-range-thumb-height,16px)
	}

	.plyr--full-ui input[type=range]::-ms-track {
		color: #0000
	}

	.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
		background: #0000;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height,5px);
		-ms-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-ms-fill-lower {
		background: #0000;
		background: currentColor;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height,5px);
		-ms-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-ms-thumb {
		background: #fff;
		background: var(--plyr-range-thumb-background,#fff);
		background: #c2dbe7;
		border: 0;
		border-radius: 1px;
		box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);
		height: 13px;
		height: var(--plyr-range-thumb-height,13px);
		margin-top: 0;
		position: relative;
		-ms-transition: all .2s ease;
		transition: all .2s ease;
		width: 16px;
		width: var(--plyr-range-thumb-height,16px)
	}

	.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
		outline: 2px dashed #238cbc;
		outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
		outline-offset: 2px
	}

	.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
		outline: 2px dashed #238cbc;
		outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
		outline-offset: 2px
	}

	.plyr--full-ui input[type=range]:focus-visible::-ms-track {
		outline: 2px dashed #238cbc;
		outline: 2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
		outline-offset: 2px
	}

.plyr__poster {
	background-color: #000;
	background-color: var(--plyr-video-background,var(--plyr-video-background,#000));
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: opacity .2s ease;
	width: 100%;
	z-index: 1
}

.plyr__tooltip {
	background: #fff;
	background: var(--plyr-tooltip-background,#fff);
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius,5px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
	color: #4a5464;
	color: var(--plyr-tooltip-color,#4a5464);
	font-size: 13px;
	font-size: var(--plyr-font-size-small,13px);
	font-weight: 400;
	font-weight: var(--plyr-font-weight-regular,400);
	left: 50%;
	line-height: 1.3;
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 5px 7.5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
	pointer-events: none;
	position: absolute;
	transform: translate(-50%,10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s,opacity .2s ease .1s;
	white-space: nowrap;
	z-index: 2
}

	.plyr__tooltip:before {
		border-left: 4px solid #0000;
		border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
		border-right: 4px solid #0000;
		border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
		border-top: 4px solid #fff;
		border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
		bottom: -4px;
		bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
		content: "";
		height: 0;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		width: 0;
		z-index: 2
	}

.plyr__progress__buffer {
	-webkit-appearance: none;
	background: #0000;
	border: 0;
	border-radius: 100px;
	height: 5px;
	height: var(--plyr-range-track-height,5px);
	left: 0;
	margin-top: -2.5px;
	margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
	padding: 0;
	position: absolute;
	top: 50%
}

	.plyr__progress__buffer::-webkit-progress-bar {
		background: #0000
	}

.plyr--loading .plyr__progress__buffer {
	animation: plyr-progress 1s linear infinite;
	background-image: linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);
	background-image: linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);
	background-repeat: repeat-x;
	background-size: 25px 25px;
	background-size: var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);
	color: #0000
}

.plyr--video.plyr--loading .plyr__progress__buffer {
	background-color: #ffffff40;
	background-color: var(--plyr-video-progress-buffered-background,#ffffff40)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-progress-buffered-background,#c1c8d199)
}

.plyr__progress__marker {
	background-color: #fff;
	background-color: var(--plyr-progress-marker-background,#fff);
	border-radius: 1px;
	height: 5px;
	height: var(--plyr-range-track-height,5px);
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 3px;
	width: var(--plyr-progress-marker-width,3px);
	z-index: 3
}

.plyr--audio .plyr__controls {
	background: #fff;
	background: var(--plyr-audio-controls-background,#fff);
	border-radius: inherit;
	color: #4a5464;
	color: var(--plyr-audio-control-color,#4a5464);
	padding: 10px;
	padding: var(--plyr-control-spacing,10px)
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
	background: #238cbc;
	background: var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
	color: #fff;
	color: var(--plyr-audio-control-color-hover,#fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
	background-color: #c1c8d199;
	background-color: var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)
}

.plyr--audio .plyr__progress__buffer {
	color: #c1c8d199;
	color: var(--plyr-audio-progress-buffered-background,#c1c8d199)
}

.plyr__video-wrapper {
	background: #000;
	background: var(--plyr-video-background,var(--plyr-video-background,#000));
	border-radius: inherit;
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}

.plyr--video .plyr__controls {
	background: linear-gradient(#0000,#000000bf);
	background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
	border-radius: 1px;
	bottom: 0;
	color: #fff;
	color: var(--plyr-video-control-color,#fff);
	left: 0;
	padding-top: 20px;
	padding-top: calc(var(--plyr-control-spacing, 10px)*2);
	position: absolute;
	right: 0;
	transition: opacity .4s ease-in-out,transform .4s ease-in-out;
	z-index: 3
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
	background: #238cbc;
	background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
	background: rgba(35,140,188,.7);
	color: #fff;
	color: var(--plyr-video-control-color-hover,#fff)
}

.plyr__control--overlaid {
	background: #238cbc;
	background: var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#238cbc)));
	/*background: #2e91ac;*/
	border: 0;
	border-radius: 3px;
	color: #fff;
	color: var(--plyr-video-control-color,#fff);
	display: none;
	left: 50%;
	opacity: .9;
	padding: 16px 32px;
	padding: calc(var(--plyr-control-spacing, 16px)*1) calc(var(--plyr-control-spacing, 16px)*2);
	position: absolute;
	top: 50%;
	box-shadow: 0 0 5px #abe, 0 0 10px #abe, 0 0 20px #abe, 0 0 40px #0be, 0 0 80px #0be, 0 0 90px #0be, 0 0 100px #0be, 0 0 150px #0be;
	transform: translate(-50%,-50%);
	transition: .3s;
	z-index: 2
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
	background-color: #ffffff40;
	background-color: var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
	box-shadow: 0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;
	box-shadow: var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)
}

.plyr--video .plyr__progress__buffer {
	color: #ffffff40;
	color: var(--plyr-video-progress-buffered-background,#ffffff40)
}

.plyr:fullscreen {
	background: #000;
	border-radius: 0 !important;
	height: 100%;
	margin: 0;
	width: 100%
}

.plyr--fullscreen-fallback {
	background: #000;
	border-radius: 0 !important;
	bottom: 0;
	height: 100%;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000000
}

.plyr__ads:after {
	background: #23282f;
	border-radius: 2px;
	bottom: 10px;
	bottom: var(--plyr-control-spacing,10px);
	color: #fff;
	content: attr(data-badge-text);
	font-size: 11px;
	padding: 2px 6px;
	pointer-events: none;
	position: absolute;
	right: 10px;
	right: var(--plyr-control-spacing,10px);
	z-index: 3
}

.plyr__ads:empty:after {
	display: none
}

.plyr__preview-thumb {
	background-color: #fff;
	background-color: var(--plyr-tooltip-background,#fff);
	border-radius: 8px;
	border-radius: var(--plyr-menu-radius,8px);
	bottom: 100%;
	box-shadow: 0 1px 2px #00000026;
	box-shadow: var(--plyr-tooltip-shadow,0 1px 2px #00000026);
	margin-bottom: 10px;
	margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
	opacity: 0;
	padding: 3px;
	pointer-events: none;
	position: absolute;
	transform: translateY(10px) scale(.8);
	transform-origin: 50% 100%;
	transition: transform .2s ease .1s,opacity .2s ease .1s;
	z-index: 2
}

.plyr__preview-thumb--is-shown {
	opacity: 1;
	transform: translate(0) scale(1)
}

.plyr__preview-thumb:before {
	border-left: 4px solid #0000;
	border-left: var(--plyr-tooltip-arrow-size,4px) solid #0000;
	border-right: 4px solid #0000;
	border-right: var(--plyr-tooltip-arrow-size,4px) solid #0000;
	border-top: 4px solid #fff;
	border-top: var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);
	bottom: -4px;
	bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
	content: "";
	height: 0;
	left: calc(50% + var(--preview-arrow-offset));
	position: absolute;
	transform: translateX(-50%);
	width: 0;
	z-index: 2
}

.plyr__preview-thumb__image-container {
	background: #c1c8d1;
	border-radius: 7px;
	border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	overflow: hidden;
	position: relative;
	z-index: 0
}

	.plyr__preview-thumb__image-container:after {
		border-radius: inherit;
		box-shadow: inset 0 0 0 1px #00000026;
		content: "";
		pointer-events: none
	}

.plyr__preview-thumb__time-container {
	background: linear-gradient(#0000,#000000bf);
	background: var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));
	border-bottom-left-radius: 7px;
	border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	border-bottom-right-radius: 7px;
	border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
	bottom: 0;
	left: 0;
	line-height: 1.1;
	padding: 20px 6px 6px;
	position: absolute;
	right: 0;
	z-index: 3
}

.plyr__preview-thumb__time-container span {
	color: #fff;
	font-size: 13px;
	font-size: var(--plyr-font-size-time,var(--plyr-font-size-small,13px))
}
