@charset "UTF-8";
:root {
--plyr-color-main:#00b2ff;
--plyr-font-size-base:13px;
--plyr-font-size-small:12px;
--plyr-font-size-time:11px;
--plyr-font-size-badges:9px;
--plyr-font-size-menu:var(--plyr-font-size-base);
--plyr-font-weight-regular:500;
--plyr-font-weight-bold:600;
--plyr-font-size-captions-medium:18px;
--plyr-font-size-captions-large:21px
}
@font-face {
	font-display: swap;
	font-family: Gordita;
	font-style: normal;
	font-weight: 300;
	src: url(https://cdn.plyr.io/static/fonts/gordita-light.woff2) format("woff2"), url(https://cdn.plyr.io/static/fonts/gordita-light.woff) format("woff")
}
@font-face {
	font-display: swap;
	font-family: Gordita;
	font-style: normal;
	font-weight: 400;
	src: url(https://cdn.plyr.io/static/fonts/gordita-regular.woff2) format("woff2"), url(https://cdn.plyr.io/static/fonts/gordita-regular.woff) format("woff")
}
@font-face {
	font-display: swap;
	font-family: Gordita;
	font-style: normal;
	font-weight: 500;
	src: url(https://cdn.plyr.io/static/fonts/gordita-medium.woff2) format("woff2"), url(https://cdn.plyr.io/static/fonts/gordita-medium.woff) format("woff")
}
@font-face {
	font-display: swap;
	font-family: Gordita;
	font-style: normal;
	font-weight: 600;
	src: url(https://cdn.plyr.io/static/fonts/gordita-bold.woff2) format("woff2"), url(https://cdn.plyr.io/static/fonts/gordita-bold.woff) format("woff")
}
@font-face {
	font-display: swap;
	font-family: Gordita;
	font-style: normal;
	font-weight: 900;
	src: url(https://cdn.plyr.io/static/fonts/gordita-black.woff2) format("woff2"), url(https://cdn.plyr.io/static/fonts/gordita-black.woff) format("woff")
}
@keyframes fade-in {
0% {
opacity:0
}
to {
opacity:1
}
}
@keyframes shrink-hide {
0% {
opacity:.5;
width:38px
}
20% {
width:45px
}
to {
opacity:0;
width:0
}
}/*!normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css*/
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 1.15
}
body {
	margin: 0
}
article, aside, footer, header, nav, section {
	display: block
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
figcaption, figure, main {
	display: block
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-family: monospace;
	font-size: 1em
}
a, button.faux-link {
	-webkit-text-decoration-skip: objects;
	text-decoration-skip: objects;
	background-color: transparent
}
abbr[title] {
	border-bottom: 0;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
b, strong {
	font-weight: inherit;
	font-weight: bolder
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
dfn {
	font-style: italic
}
mark {
	background-color: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
img {
	border-style: none
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button;
	appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset {
	padding: .35em .75em .625em
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
textarea {
	overflow: auto
}
[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
	-webkit-appearance: textfield;
	appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none;
appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
appearance:button;
font:inherit
}
details, menu {
	display: block
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
template {
	display: none
}
*, :after, :before {
	box-sizing: border-box
}
body, html {
	display: flex;
	width: 100%
}
html {
	background: linear-gradient(to left top, #e0f6ff, #f5fcff);
	background-attachment: fixed;
	height: 100%
}
body {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 100%
}
.grid {
	flex: 1;
	overflow: auto
}
main {
	margin: auto;
	padding-bottom: 1px
}
aside, main {
	text-align: center
}
aside {
	align-items: center;
	background: #fff;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	padding: 16px;
	position: relative;
	text-shadow: none;
	width: 100%
}
aside .icon {
	fill: #4baaf4;
	margin-right: 8px
}
aside p {
	margin: 0
}
aside a, aside button.faux-link {
	color: #4baaf4
}
aside a.tab-focus, aside button.tab-focus.faux-link {
	box-shadow: 0 0 0 3px rgba(75,170,244,.35);
	outline: 0
}
.grid {
	margin: 0 auto;
	padding: 16px
}

@media only screen and (min-width:768px) {
.grid {
	align-items: center;
	display: flex;
	max-width: 1240px;
	width: 100%
}
.grid>* {
	flex: 1
}
}
html {
	font-size: 100%
}
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	color: #4a5764;
	font-family: Gordita, Avenir, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-size: 15px;
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.75
}
button, input, select, textarea {
	font: inherit
}
p, small {
	margin: 0 0 24px
}
small {
	display: block;
	font-size: 13px;
	font-size: .8125rem
}
h1 {
	color: #00b2ff;
	font-size: 64px;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.2;
	margin: 0 0 24px
}
.button, .button__count {
	align-items: center;
	border: 0;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	display: inline-flex;
	padding: 12px;
	position: relative;
	text-shadow: none;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: middle
}
.button {
	background: #00b2ff;
	color: #fff;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
	transition: all .2s ease
}
.button:focus, .button:hover {
	background: #19baff
}
.button:focus:after, .button:hover:after {
	display: none
}
.button:hover {
	box-shadow: 0 2px 2px rgba(0,0,0,.1)
}
.button:focus {
	outline: 0
}
.button.tab-focus {
	box-shadow: 0 0 0 3px hsla(0,0%,100%,.35);
	outline: 0
}
.button:active {
	top: 1px
}
.button--with-count {
	display: inline-flex
}
.button--with-count .button .icon {
	flex-shrink: 0
}
.button__count {
	animation: fade-in .2s ease;
	background: #fff;
	color: #5d6e7e;
	margin-left: 12px
}
.button__count:before {
	border-color: transparent #fff transparent transparent;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	content: "";
	height: 0;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 0
}
header {
	padding-bottom: 16px;
	text-align: center
}
header h1 span {
	animation: shrink-hide 1s cubic-bezier(.175, .885, .32, 1.275) 2s forwards;
	display: inline-block;
	font-weight: 300;
	opacity: .5
}
header .call-to-action {
	margin-top: 24px
}

@media only screen and (min-width:768px) {
header {
	margin-right: 48px;
	max-width: 360px;
	padding-bottom: 32px;
	text-align: left
}
header p:first-of-type {
	font-size: 16px;
	font-size: 1rem
}
}
.icon {
	fill: currentColor;
	height: 16px;
	vertical-align: -3px;
	width: 16px
}
a svg, button svg, button.faux-link svg, label svg {
	pointer-events: none
}
.btn .icon, a .icon, button.faux-link .icon {
	margin-right: 4px
}
button.faux-link {
	background: 0 0;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	font: inherit;
	line-height: 1.75;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: inherit;
	text-shadow: inherit;
	-webkit-user-select: text;
	user-select: text;
	vertical-align: baseline;
	width: auto
}
a, button.faux-link {
	border: none;
	color:transparent;
	position: relative;
	text-decoration: none;
	transition: all .2s ease
}
a:after, button.faux-link:after {
	background: currentColor;
	content: "";
	height: 1px;
	left: 50%;
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
	transition: width .2s ease;
	width: 0
}
a:focus, a:hover, button.faux-link:focus, button.faux-link:hover {
	border-bottom-color: transparent;
	outline: 0
}
a:focus:after, a:hover:after, button.faux-link:focus:after, button.faux-link:hover:after {
	width: 100%
}
a.tab-focus, button.tab-focus.faux-link {
	box-shadow: 0 0 0 3px hsla(0,0%,100%,.35);
	outline: 0
}
a.no-border:after, button.no-border.faux-link:after {
	display: none
}
li, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
audio, img, video {
	max-width: 100%;
	vertical-align: middle
}
nav {
	display: flex;
	justify-content: center;
	margin-bottom: 16px
}
.plyr {
	border-radius: 8px;
	box-shadow: 0 2px 15px rgba(0,0,0,.1);
	margin: 16px auto
}
.plyr.plyr--audio {
	max-width: 480px
}
.plyr__video-wrapper:after {
	border: 1px solid rgba(0,0,0,.15);
	border-radius: inherit;
	bottom: 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3
}
.plyr__cite {
	color: #728597
}
.plyr__cite .icon {
	margin-right: 2.6666666667px
}
@keyframes plyr-progress {
to {
background-position:25px 0;
background-position:var(--plyr-progress-loading-size, 25px) 0
}
}
@keyframes plyr-popup {
0% {
opacity:.5;
transform:translateY(10px)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes plyr-fade-in {
0% {
opacity:0
}
to {
opacity:1
}
}
.plyr {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	align-items: center;
	direction: ltr;
	display: flex;
	flex-direction: column;
	font-family: inherit;
	font-family: var(--plyr-font-family, inherit);
	font-variant-numeric: tabular-nums;
	font-weight: 500;
	font-weight: var(--plyr-font-weight-regular, 400);
	line-height: 1.7;
	line-height: var(--plyr-line-height, 1.7);
	max-width: 100%;
	min-width: 200px;
	position: relative;
	text-shadow: none;
	transition: box-shadow .3s ease;
	z-index: 0
}
.plyr audio, .plyr iframe, .plyr video {
	display: block;
	height: 100%;
	width: 100%
}
.plyr button {
	font: inherit;
	line-height: inherit;
	width: auto
}
.plyr:focus {
	outline: 0
}
.plyr--full-ui {
	box-sizing: border-box
}
.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
	box-sizing: inherit
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
	touch-action: manipulation
}
.plyr__badge {
	background: #4a5464;
	background: var(--plyr-badge-background, #4a5464);
	border-radius: 2px;
	border-radius: var(--plyr-badge-border-radius, 2px);
	color: #fff;
	color: var(--plyr-badge-text-color, #fff);
	font-size: 9px;
	font-size: var(--plyr-font-size-badge, 9px);
	line-height: 1;
	padding: 3px 4px
}
.plyr--full-ui ::-webkit-media-text-track-container {
display:none
}
.plyr__captions {
	animation: plyr-fade-in .3s ease;
	bottom: 0;
	display: none;
	font-size: 12px;
	font-size: var(--plyr-font-size-small, 13px);
	left: 0;
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px);
	position: absolute;
	text-align: center;
	transition: transform .4s ease-in-out;
	width: 100%
}
.plyr__captions span:empty {
	display: none
}

@media(min-width:480px) {
.plyr__captions {
	font-size: 13px;
	font-size: var(--plyr-font-size-base, 15px);
	padding: 20px;
padding:calc(var(--plyr-control-spacing, 10px)*2)
}
}

@media(min-width:768px) {
.plyr__captions {
	font-size: 18px;
	font-size: var(--plyr-font-size-large, 18px)
}
}
.plyr--captions-active .plyr__captions {
	display: block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
	transform: translateY(-40px);
transform: scale(.65) translateY(calc(var(--plyr-control-spacing, 8px)*-2));
}

.plyr.plyr--hide-controls .plyr__controls:not(:empty)~.plyr__captions {
	transform: scale(.65) translateY(calc(var(--plyr-control-spacing, 30px))) !important;
}

.plyr:not(.plyr--hide-controls):fullscreen .plyr__captions {
		transform: scale(1.4) translateY(calc(var(--plyr-control-spacing, 10px)*-5)) !important;
}

.plyr.plyr--hide-controls:fullscreen .plyr__captions {
		transform: scale(1.4) translateY(calc(var(--plyr-control-spacing, 10px)*-5)) !important;
}

.plyr__caption {
	background: rgba(0,0,0,.8);
	background: var(--plyr-captions-background, rgba(0,0,0,.8));
	border-radius: 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	color: #fff;
	color: var(--plyr-captions-text-color, #fff);
	line-height: 185%;
	padding: .2em .5em;
	white-space: pre-wrap
}
.plyr__caption div {
	display: inline
}
.plyr__control {
	background: 0 0;
	border: 0;
	border-radius: 3px;
	border-radius: var(--plyr-control-radius, 3px);
	color: inherit;
	cursor: pointer;
	flex-shrink: 0;
	overflow: visible;
	padding: 7px;
padding:calc(var(--plyr-control-spacing, 10px)*.7);
	position: relative;
	transition: all .3s ease
}
.plyr__control svg {
	fill: currentColor;
	display: block;
	height: 18px;
	height: var(--plyr-control-icon-size, 18px);
	pointer-events: none;
	width: 18px;
	width: var(--plyr-control-icon-size, 18px)
}
.plyr__control:focus {
	outline: 0
}
.plyr__control.plyr__tab-focus {
	outline: 3px dotted #00b2ff;
	outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
	outline-offset: 2px
}
a.plyr__control, button.plyr__control.faux-link {
	text-decoration: none
}
.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before, button.plyr__control.faux-link:after, button.plyr__control.faux-link:before {
	display: none
}
.plyr--full-ui ::-webkit-media-controls {
display:none
}
.plyr__controls {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	text-align: center
}
.plyr__controls .plyr__progress__container {
	flex: 1;
	min-width: 0
}
.plyr__controls .plyr__controls__item {
	margin-left: 2.5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item:first-child {
	margin-left: 0;
	margin-right: auto
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
	padding-left: 2.5px;
	padding-left: calc(var(--plyr-control-spacing, 10px)/4)
}
.plyr__controls .plyr__controls__item.plyr__time {
	padding: 0 5px;
	padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time+.plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
	padding-left: 0
}
.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
	display: none
}
.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
	display: inline-block
}
.plyr__menu {
	display: flex;
	position: relative
}
.plyr__menu .plyr__control svg {
	transition: transform .3s ease
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
	transform: rotate(90deg)
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
	display: none
}
.plyr__menu__container {
	animation: plyr-popup .2s ease;
	background: hsla(0,0%,100%,.9);
	background: var(--plyr-menu-background, hsla(0,0%,100%,.9));
	border-radius: 4px;
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0,0,0,.15));
	color: #4a5464;
	color: var(--plyr-menu-color, #4a5464);
	font-size: 13px;
	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>div {
	overflow: hidden;
	transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}
.plyr__menu__container:after {
	border: 4px solid transparent;
	border-top-color: hsla(0,0%,100%,.9);
	border: var(--plyr-menu-arrow-size, 4px) solid transparent;
	border-top-color: var(--plyr-menu-background, hsla(0,0%,100%,.9));
	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 [role=menu] {
	padding: 7px;
padding:calc(var(--plyr-control-spacing, 10px)*.7)
}
.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
	margin-top: 2px
}
.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
	margin-top: 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);
	-webkit-user-select: none;
	user-select: none;
	width: 100%
}
.plyr__menu__container .plyr__control>span {
	align-items: inherit;
	display: flex;
	width: 100%
}
.plyr__menu__container .plyr__control:after {
	border: 4px solid transparent;
	border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
	padding-right: 28px;
padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)
}
.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.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
	border-left-color: currentColor
}
.plyr__menu__container .plyr__control--back {
	font-weight: 500;
	font-weight: var(--plyr-font-weight-regular, 400);
	margin: 7px;
margin:calc(var(--plyr-control-spacing, 10px)*.7);
	margin-bottom: 3.5px;
margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);
	padding-left: 28px;
padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);
	position: relative;
	width: calc(100% - 14px);
width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
}
.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.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
	border-right-color: currentColor
}
.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: rgba(0,0,0,.1);
	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: #00b2ff;
	background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
}
.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].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
	background: rgba(35,40,47,.1)
}
.plyr__menu__container .plyr__menu__value {
	align-items: center;
	display: flex;
	margin-left: auto;
margin-right:calc(-7px - -2);
margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
	overflow: hidden;
	padding-left: 24.5px;
padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);
	pointer-events: none
}
.plyr--full-ui input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	background: 0 0;
	border: 0;
	border-radius: 26px;
border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);
	color: #75b72f !important;
	color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	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:0 0;
background-image:linear-gradient(90deg, currentColor 0, transparent 0);
background-image:linear-gradient(to right, currentColor var(--value, 0), transparent 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);
border:0;
border-radius:100%;
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2));
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:13px;
width:var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-track {
background:0 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);
-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);
border:0;
border-radius:100%;
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2));
height:13px;
height:var(--plyr-range-thumb-height, 13px);
position:relative;
-moz-transition:all .2s ease;
transition:all .2s ease;
width:13px;
width:var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-moz-range-progress {
background:currentColor;
border-radius:2.5px;
border-radius:calc(var(--plyr-range-track-height, 5px)/2);
height:5px;
height:var(--plyr-range-track-height, 5px)
}
.plyr--full-ui input[type=range]::-ms-track {
color:transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
background:0 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);
-ms-transition:box-shadow .3s ease;
transition:box-shadow .3s ease;
user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
background:0 0;
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);
border:0;
border-radius:100%;
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2));
height:13px;
height:var(--plyr-range-thumb-height, 13px);
margin-top:0;
position:relative;
-ms-transition:all .2s ease;
transition:all .2s ease;
width:13px;
width:var(--plyr-range-thumb-height, 13px)
}
.plyr--full-ui input[type=range]::-ms-tooltip {
display:none
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
border:0
}
.plyr--full-ui input[type=range]:focus {
	outline: 0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline:3px dotted #00b2ff;
outline:var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
outline-offset:2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline:3px dotted #00b2ff;
outline:var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
outline-offset:2px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline:3px dotted #00b2ff;
outline:var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
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--stopped.plyr__poster-enabled .plyr__poster {
	opacity: 1
}
.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
	display: none
}
.plyr__time {
	font-size: 11px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__time+.plyr__time:before {
	content: "⁄";
	margin-right: 10px;
	margin-right: var(--plyr-control-spacing, 10px)
}

@media(max-width:767px) {
.plyr__time+.plyr__time {
	display: none
}
}
.plyr__tooltip {
	background: hsla(0,0%,100%,.9);
	background: var(--plyr-tooltip-background, hsla(0,0%,100%,.9));
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius, 5px);
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,.15));
	color: #4a5464;
	color: var(--plyr-tooltip-color, #4a5464);
	font-size: 12px;
	font-size: var(--plyr-font-size-small, 13px);
	font-weight: 500;
	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 transparent;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-right: 4px solid transparent;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-top: 4px solid hsla(0,0%,100%,.9);
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0,0%,100%,.9));
	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 .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
	opacity: 1;
	transform: translate(-50%) scale(1)
}
.plyr .plyr__control:hover .plyr__tooltip {
	z-index: 3
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
	left: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 0 100%
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip:before, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
	left: 16px;
left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
	left: auto;
	right: 0;
	transform: translateY(10px) scale(.8);
	transform-origin: 100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
	left: auto;
	right: 16px;
right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
	transform: translateX(50%)
}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip, .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip, .plyr__controls>.plyr__control:last-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
	transform: translate(0) scale(1)
}
.plyr__progress {
	left: 6.5px;
left:calc(var(--plyr-range-thumb-height, 13px)*.5);
	margin-right: 13px;
	margin-right: var(--plyr-range-thumb-height, 13px);
	position: relative
}
.plyr__progress input[type=range], .plyr__progress__buffer {
	margin-left: -6.5px;
margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);
	margin-right: -6.5px;
margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);
	width: calc(100% + 13px);
	width: calc(100% + var(--plyr-range-thumb-height, 13px))
}
.plyr__progress input[type=range] {
	position: relative;
	z-index: 2
}
.plyr__progress .plyr__tooltip {
	left: 0;
	max-width: 120px;
	overflow-wrap: break-word;
	white-space: normal
}
.plyr__progress__buffer {
	-webkit-appearance: none;
	background: 0 0;
	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:0 0
}
.plyr__progress__buffer::-webkit-progress-value {
background:currentColor;
border-radius:100px;
min-width:5px;
min-width:var(--plyr-range-track-height, 5px);
-webkit-transition:width .2s ease;
transition:width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
background:currentColor;
border-radius:100px;
min-width:5px;
min-width:var(--plyr-range-track-height, 5px);
-moz-transition:width .2s ease;
transition:width .2s ease
}
.plyr__progress__buffer::-ms-fill {
border-radius:100px;
-ms-transition:width .2s ease;
transition:width .2s ease
}
.plyr--loading .plyr__progress__buffer {
	animation: plyr-progress 1s linear infinite;
	background-image: linear-gradient(-45deg, rgba(35,40,47,.6) 25%, transparent 0, transparent 50%, rgba(35,40,47,.6) 0, rgba(35,40,47,.6) 75%, transparent 0, transparent);
	background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35,40,47,.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35,40,47,.6)) 50%, var(--plyr-progress-loading-background, rgba(35,40,47,.6)) 75%, transparent 75%, transparent);
	background-repeat: repeat-x;
	background-size: 25px 25px;
	background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
	color: transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
	background-color: hsla(0,0%,100%,.25);
	background-color: var(--plyr-video-progress-buffered-background, hsla(0,0%,100%,.25))
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
	background-color: rgba(193,200,209,.6);
	background-color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,.6))
}
.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__volume {
	align-items: center;
	display: flex;
	max-width: 110px;
	min-width: 80px;
	position: relative;
	width: 20%
}
.plyr__volume input[type=range] {
	margin-left: 5px;
	margin-left: calc(var(--plyr-control-spacing, 10px)/2);
	margin-right: 5px;
	margin-right: calc(var(--plyr-control-spacing, 10px)/2);
	position: relative;
	z-index: 2
}
.plyr--is-ios .plyr__volume {
	min-width: 0;
	width: auto
}
.plyr--audio {
	display: block
}
.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.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
	background: #00b2ff;
	background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	color: #fff;
	color: var(--plyr-audio-control-color-hover, #fff)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color:rgba(193,200,209,.6);
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color:rgba(193,200,209,.6);
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color:rgba(193,200,209,.6);
background-color:var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193,200,209,.6)))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px rgba(35,40,47,.1);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px rgba(35,40,47,.1);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,.1))
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px rgba(35,40,47,.1);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35,40,47,.1))
}
.plyr--audio .plyr__progress__buffer {
	color: rgba(193,200,209,.6);
	color: var(--plyr-audio-progress-buffered-background, rgba(193,200,209,.6))
}
.plyr--video {
	background: #000;
	background: var(--plyr-video-background, var(--plyr-video-background, #000));
	overflow: hidden
}
.plyr--video.plyr--menu-open {
	overflow: visible
}
.plyr__video-wrapper {
	background: #000;
	background: var(--plyr-video-background, var(--plyr-video-background, #000));
	height: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
	aspect-ratio: 16/9
}
@supports not (aspect-ratio:16/9) {
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
height:0;
padding-bottom:56.25%;
position:relative
}
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
	padding-bottom: 240%;
	position: relative;
	transform: translateY(-38.28125%)
}
.plyr--video .plyr__controls {
	background: linear-gradient(transparent, rgba(0,0,0,.75));
	background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0,0,0,.75)));
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	bottom: 0;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	left: 0;
	padding: 5px;
	padding: calc(var(--plyr-control-spacing, 10px)/2);
	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
}

@media(min-width:480px) {
.plyr--video .plyr__controls {
	padding: 10px;
	padding: var(--plyr-control-spacing, 10px);
	padding-top: 35px;
padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)
}
}
.plyr--video.plyr--hide-controls .plyr__controls {
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%)
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
	background: #75b72f !important;
	background-color: #75b72f !important;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #75b72f)));
	color: #fff;
	color: var(--plyr-video-control-color-hover, #fff)
}
.plyr__control--overlaid {
	background: #75b72f;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
	border: 0;
	border-radius: 100%;
	color: #fff;
	color: var(--plyr-video-control-color, #fff);
	display: none;
	left: 50%;
	opacity: .9;
	padding: 15px;
padding:calc(var(--plyr-control-spacing, 10px)*1.5);
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
	z-index: 2
}
.plyr__control--overlaid svg {
	left: 2px;
	position: relative
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
	opacity: 1
}
.plyr--playing .plyr__control--overlaid {
	opacity: 0;
	visibility: hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
	display: block;
	background-color:#75b72f !important;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
background-color:hsla(0,0%,100%,.25);
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
background-color:hsla(0,0%,100%,.25);
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
background-color:hsla(0,0%,100%,.25);
background-color:var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0,0%,100%,.25)))
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px hsla(0,0%,100%,.5);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0,0%,100%,.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px hsla(0,0%,100%,.5);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0,0%,100%,.5))
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
box-shadow:0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2), 0 0 0 3px hsla(0,0%,100%,.5);
box-shadow:var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35,40,47,.15), 0 0 0 1px rgba(35,40,47,.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0,0%,100%,.5))
}
.plyr--video .plyr__progress__buffer {
	color: hsla(0,0%,100%,.25);
	color: var(--plyr-video-progress-buffered-background, hsla(0,0%,100%,.25))
}
.plyr:fullscreen {
background:#000;
border-radius:0!important;
height:100%;
margin:0;
width:100%
}
.plyr:fullscreen video {
height:100%
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
display:none
}
.plyr:fullscreen.plyr--hide-controls {
cursor:none
}

@media(min-width:1024px) {
.plyr:fullscreen .plyr__captions {
font-size:21px;
font-size:var(--plyr-font-size-xlarge, 21px)
}
}
.plyr--fullscreen-fallback {
	background: #000;
	border-radius: 0!important;
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	margin: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 10000000
}
.plyr--fullscreen-fallback video {
	height: 100%
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
	display: block
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
	display: none
}
.plyr--fullscreen-fallback.plyr--hide-controls {
	cursor: none
}

@media(min-width:1024px) {
.plyr--fullscreen-fallback .plyr__captions {
	font-size: 21px;
	font-size: var(--plyr-font-size-xlarge, 21px)
}
}
.plyr__ads {
	border-radius: inherit;
	bottom: 0;
	cursor: pointer;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1
}
.plyr__ads>div, .plyr__ads>div iframe {
	height: 100%;
	position: absolute;
	width: 100%
}
.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__cues {
	background: currentColor;
	display: block;
	height: 5px;
	height: var(--plyr-range-track-height, 5px);
	left: 0;
	opacity: .8;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	z-index: 3
}
.plyr__preview-thumb {
	background-color: hsla(0,0%,100%,.9);
	background-color: var(--plyr-tooltip-background, hsla(0,0%,100%,.9));
	border-radius: 5px;
	border-radius: var(--plyr-tooltip-radius, 5px);
	bottom: 100%;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
	box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0,0,0,.15));
	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 transparent;
	border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-right: 4px solid transparent;
	border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
	border-top: 4px solid hsla(0,0%,100%,.9);
	border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0,0%,100%,.9));
	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: 4px;
	border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
	overflow: hidden;
	position: relative;
	z-index: 0
}
.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}
.plyr__preview-thumb__image-container:after {
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
	content: "";
	pointer-events: none
}
.plyr__preview-thumb__image-container img {
	max-height: none;
	max-width: none
}
.plyr__preview-thumb__time-container {
	background: linear-gradient(transparent, rgba(0,0,0,.75));
	background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0,0,0,.75)));
	border-bottom-left-radius: 4px;
	border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
	border-bottom-right-radius: 4px;
	border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 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: 11px;
	font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
}
.plyr__preview-scrubbing {
	bottom: 0;
	filter: blur(1px);
	height: 100%;
	left: 0;
	margin: auto;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .3s ease;
	width: 100%;
	z-index: 1
}
.plyr__preview-scrubbing--is-shown {
	opacity: 1
}
.plyr__preview-scrubbing img {
	height: 100%;
	left: 0;
	max-height: none;
	max-width: none;
	-o-object-fit: contain;
	object-fit: contain;
	position: absolute;
	top: 0;
	width: 100%
}
.plyr--no-transition {
	transition: none!important
}
.plyr__sr-only {
	clip: rect(1px,1px,1px,1px);
	border: 0!important;
	height: 1px!important;
	overflow: hidden;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important
}
.plyr [hidden] {
	display: none!important
}
.no-border {
	border: 0
}
[hidden] {
	display: none
}
.sr-only {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	opacity: .001;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}
[data-plyr=play], [data-plyr=play]:hover, [data-plyr=mute], [data-plyr=mute]:hover, [data-plyr=settings], [data-plyr=settings]:hover, [data-plyr=captions], [data-plyr=captions]:hover,  [data-plyr=pip], [data-plyr=pip]:hover, [data-plyr=fullscreen], [data-plyr=fullscreen]:hover {
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position-x: center !important;
	background-position-y: center !important;
}

/*
[data-plyr=play], [data-plyr=play]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/3.svg) !important;
}
[data-plyr=mute], [data-plyr=mute]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/10.svg) !important;
}
[data-plyr=settings], [data-plyr=settings]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/7.svg) !important;
}
[data-plyr=captions], [data-plyr=captions]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/13.svg) !important;
}
[data-plyr=pip], [data-plyr=pip]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/12.svg) !important;
}
[data-plyr=fullscreen], [data-plyr=fullscreen]:hover {
	background-image: url(https://recursos.desafiolectura.cl/video/js2/img/8.svg) !important;
}
*/
div#htmlextension {
	z-index: 70 !important;
}
button.plyr__control.plyr__control--overlaid {
	width: 250px;
	height: 250px;
}
span.plyr__progress__marker {
	display: none;
}
[role="menu"] [data-plyr=settings], [role="menu"] [data-plyr=settings]:hover {
	background-image: none !important;
}
span.plyr__caption {
	font-size: 30px;
}
button.plyr__control.plyr__control--overlaid {
	width: 120px;
	height: 120px;
}
[data-plyr=play], [data-plyr=play]:hover {
	background-position-x: 5px !important;
}

button.plyr__controls__item.plyr__control.plyr__control--pressed[data-plyr="play"][aria-label="Pausar"] > svg.icon--pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/3-off.svg) !important;
	background-position: center;
	background-repeat: no-repeat;
}

/*
button.plyr__controls__item.plyr__control[data-plyr="play"] > svg.icon--not-pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/3.svg) !important;
	background-position: center;
	background-size: 38px;
}

button.plyr__control[data-plyr="mute"] > svg.icon--not-pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/10.svg) !important;
	background-position: center;
	background-size: 38px;
}
button.plyr__control[data-plyr="mute"] > svg.icon--pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/10-off.svg) !important;
	background-position: center;
	background-size: 38px;
}
button.plyr__controls__item.plyr__control.plyr__control--pressed[data-plyr="captions"] > svg.icon--not-pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/13-off.svg) !important;
	background-position: center;
	background-size: 38px;
}
button.plyr__controls__item.plyr__control.plyr__control--pressed[data-plyr="captions"] > svg.icon--pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/13.svg) !important;
	background-position: center;
	background-size: 38px;
}

button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] > svg.icon--pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/8-off.svg) !important;
	background-position: center;
	background-size: 38px;
}*/

button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] > svg.icon--not-pressed {
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/8.svg) !important;
	background-position: center;
}

button.plyr__controls__item.plyr__control[data-plyr="play"] > svg.icon--not-pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/3.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__controls__item plyr__control plyr__control--pressed[data-plyr="play"] > svg.icon--pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/3-off.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__control[data-plyr="mute"] > svg.icon--not-pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/10.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__control.plyr__control--pressed[data-plyr="mute"] > svg.icon--pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/10-off.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__controls__item.plyr__control[data-plyr="captions"] > svg.icon--not-pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/13-off.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__controls__item.plyr__control.plyr__control--pressed[data-plyr="captions"] > svg.icon--pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/13.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

[data-plyr=pip], [data-plyr=pip]:hover {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/12.svg) !important;
	background-size: 19px !important;
}

button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] > svg.icon--not-pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/8.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

button.plyr__controls__item.plyr__control[data-plyr="fullscreen"] > svg.icon--pressed {
    background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/8-off.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
}

.plyr__controls__item.plyr__menu .plyr__control svg {
	transition: transform .3s ease;
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/config.svg) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 14px;
}

button.plyr__control.plyr__control--overlaid svg {
	left: 6px;
	top: 1px;
	position: relative;
	background-image: url(https://recursos.desafiolectura.cl/video/jsciencias/img/3.svg) !important;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	width: 3rem;
	height: 3rem;
}

#extensióndehtml {
		clip: inherit !important;
}

.plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--pip-supported.plyr--captions-enabled.plyr--paused, .plyr.plyr--full-ui.plyr--video.plyr--html5.plyr--fullscreen-enabled.plyr--pip-supported.plyr--captions-enabled.plyr--playing  {
		margin-top: 12px !important;
}