/*
$plyr-color-main: var(--plyr-color-main, hsl(198, 100%, 50%)) !default;
$plyr-video-background: var(--plyr-video-background, rgba(0,0,0,1)) !default;

// Grayscale
$plyr-color-gray-900: hsl(216, 15%, 16%) !default;
$plyr-color-gray-800: hsl(216, 15%, 25%) !default;
$plyr-color-gray-700: hsl(216, 15%, 34%) !default;
$plyr-color-gray-600: hsl(216, 15%, 43%) !default;
$plyr-color-gray-500: hsl(216, 15%, 52%) !default;
$plyr-color-gray-400: hsl(216, 15%, 61%) !default;
$plyr-color-gray-300: hsl(216, 15%, 70%) !default;
$plyr-color-gray-200: hsl(216, 15%, 79%) !default;
$plyr-color-gray-100: hsl(216, 15%, 88%) !default;
$plyr-color-gray-50: hsl(216, 15%, 97%) !default;
*/

/*

--plyr-color-main    The primary UI color.    #f03c15 #00b3ff
--plyr-video-background    The background color of video and poster wrappers for using alpha channel videos and poster images.    rgba(0, 0, 0, 1)
--plyr-tab-focus-color    The color used for the dotted outline when an element is :focus-visible (equivalent) keyboard focus.    --plyr-color-main
--plyr-badge-background    The background color for badges in the menu.    #4a5464 #4a5464
--plyr-badge-text-color    The text color for badges.    #ffffff #ffffff
--plyr-badge-border-radius    The border radius used for badges.    2px
--plyr-tab-focus-color    The color used to highlight tab (keyboard) focus.    --plyr-color-main
--plyr-captions-background    The color for the background of captions.    rgba(0, 0, 0, 0.8)
--plyr-captions-text-color    The color used for the captions text.    #ffffff #ffffff
--plyr-control-icon-size    The size of the icons used in the controls.    18px
--plyr-control-spacing    The space between controls (sometimes used in a multiple - e.g. 10px / 2 = 5px).    10px
--plyr-control-padding    The padding inside controls.    --plyr-control-spacing * 0.7 (7px)
--plyr-control-radius    The border radius used on controls.    3px
--plyr-control-toggle-checked-background    The background color used for checked menu items.    --plyr-color-main
--plyr-video-controls-background    The background for the video controls.    linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75))
--plyr-video-control-color    The text/icon color for video controls.    #ffffff #ffffff
--plyr-video-control-color-hover    The text/icon color used when video controls are :hover, :focus and :focus-visible (equivalent).    #ffffff #ffffff
--plyr-video-control-background-hover    The background color used when video controls are :hover, :focus and :focus-visible (equivalent).    --plyr-color-main
--plyr-audio-controls-background    The background for the audio controls.    #ffffff #ffffff
--plyr-audio-control-color    The text/icon color for audio controls.    #4a5464 #4a5464
--plyr-audio-control-color-hover    The text/icon color used when audio controls are :hover, :focus and :focus-visible (equivalent).    #ffffff #ffffff
--plyr-audio-control-background-hover    The background color used when video controls are :hover, :focus and :focus-visible (equivalent).    --plyr-color-main
--plyr-menu-background    The background color for menus.    rgba(255, 255, 255, 0.9)
--plyr-menu-color    The text/icon color for menu items.    #4a5464 #4a5464
--plyr-menu-shadow    The shadow used on menus.    0 1px 2px rgba(0, 0, 0, 0.15)
--plyr-menu-radius    The border radius on the menu.    4px
--plyr-menu-arrow-size    The size of the arrow on the bottom of the menu.    6px
--plyr-menu-item-arrow-color    The color of the arrows in the menu.    #728197 #728197
--plyr-menu-item-arrow-size    The size of the arrows in the menu.    4px
--plyr-menu-border-color    The border color for the bottom of the back button in the top of the sub menu pages.    #dcdfe5 #dcdfe5
--plyr-menu-border-shadow-color    The shadow below the border of the back button in the top of the sub menu pages.    #ffffff #ffffff
--plyr-progress-loading-size    The size of the stripes in the loading state in the scrubber.    25px
--plyr-progress-loading-background    The background color on the loading state in the scrubber.    rgba(35, 40, 47, 0.6)
--plyr-video-progress-buffered-background    The fill color for the buffer indication in the scrubber for video.    rgba(255, 255, 255, 0.25)
--plyr-audio-progress-buffered-background    The fill color for the buffer indication in the scrubber for audio.    rgba(193, 200, 209, 0.6)
--plyr-range-thumb-height    The height of the scrubber handle/thumb.    13px
--plyr-range-thumb-background    The background of the scrubber handle/thumb.    #ffffff #ffffff
--plyr-range-thumb-shadow    The shadow of the scrubber handle/thumb.    0 1px 1px rgba(215, 26, 18, 0.15), 0 0 0 1px rgba(215, 26, 18, 0.2)
--plyr-range-thumb-active-shadow-width    The width of the shadow when the scrubber handle/thumb is :active (pressed).    3px
--plyr-range-track-height    The height of the scrubber/progress track.    5px
--plyr-range-fill-background    The fill color of the scrubber/progress.    --plyr-color-main
--plyr-video-range-track-background    The background of the scrubber/progress.    --plyr-video-progress-buffered-background
--plyr-video-range-thumb-active-shadow-color    The color of the shadow when the video scrubber handle/thumb is :active (pressed).    rgba(255, 255, 255, 0.5)
--plyr-audio-range-track-background    The background of the scrubber/progress.    --plyr-video-progress-buffered-background
--plyr-audio-range-thumb-active-shadow-color    The color of the shadow when the audio scrubber handle/thumb is :active (pressed).    rgba(215, 26, 18, 0.1)
--plyr-tooltip-background    The background color for tooltips.    rgba(255, 255, 255, 0.9)
--plyr-tooltip-color    The text color for tooltips.    #4a5464 #4a5464
--plyr-tooltip-padding    The padding for tooltips.    calc(var(--plyr-control-spacing) / 2))
--plyr-tooltip-arrow-size    The size of the arrow under tooltips.    4px
--plyr-tooltip-radius    The border radius on tooltips.    3px
--plyr-tooltip-shadow    The shadow on tooltips.    0 1px 2px rgba(0, 0, 0, 0.15)
--plyr-font-family    The font family used in the player.
--plyr-font-size-base    The base font size. Mainly used for captions.    15px
--plyr-font-size-small    The smaller font size. Mainly used for captions.    13px
--plyr-font-size-large    The larger font size. Mainly used for captions.    18px
--plyr-font-size-xlarge    The even larger font size. Mainly used for captions.    21px
--plyr-font-size-time    The font size for the time.    --plyr-font-size-small
--plyr-font-size-menu    The font size used in the menu.    --plyr-font-size-small
--plyr-font-size-badge    The font size used for badges.    9px
--plyr-font-weight-regular    The regular font weight.    400
--plyr-font-weight-bold    The bold font weight.    600
--plyr-line-height    The line height used within the player.    1.7
--plyr-font-smoothing    Whether to enable font antialiasing within the player.    false
*/

:root{
/* General */
    --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

/* Captions */

/* Colors */

/* Controls */

/* Cosmetics */

/* Helpers */
/* Menus */
    --plyr-menu-radius: 4px !default;
    --plyr-menu-arrow-size: 4px !default;
    --plyr-menu-item-arrow-size: 4px !default;

/* Progress */
    --plyr-progress-loading-size: 25px !default;

/* Sliders */
    --plyr-range-thumb-height: 13px !default;
    --plyr-range-thumb-active-shadow-width: 3px !default;
    --plyr-range-track-height: 5px !default;

/* Tooltips */
    --plyr-tooltip-arrow-size: 4px !default;
    --plyr-tooltip-radius: 3px !default;

}
/*

@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 fadein{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes shrinkHide{
    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{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
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:initial;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a,button.faux-link{
    background-color:initial;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    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:initial
}
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
}
[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:initial
}
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;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-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:#00b3ff;
    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:#00b3ff;
    color:#fff;
    font-weight:600;
    padding-left:20px;
    padding-right:20px;
    transition:all .2s ease
}
.button:focus,.button:hover{
    background:#1abaff
}
.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:fadein .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:shrinkHide 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.faux-link svg,button svg,label svg{
    pointer-events:none
}
.btn .icon,a .icon,button.faux-link .icon{
    margin-right:8px
}
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;
    -moz-user-select:text;
    vertical-align:initial;
    width:auto
}
a,button.faux-link{
    border-bottom:1px dotted;
    color:#00b3ff;
    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__imp-full-width .plyr.plyr--audio {
    max-width: 100% !important;
    width: 100% !important;
}
.plyr__imp-no-rounds .plyr.plyr--audio .plyr__controls {
    border-radius: 0 !important;
}
.plyr__imp-no-shadow .plyr {
    box-shadow: none !important;
}

.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:3px
}
@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 button.faux-link,.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:translateY(calc(var(--plyr-control-spacing,10px)*-4))
}
.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-color:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    outline-offset:2px;
    outline-style:dotted;
    outline-width:3px
}
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:var(--plyr-menu-arrow-size,4px) solid hsla(0,0%,100%,.9);
    border-width:var(--plyr-menu-arrow-size,4px);
    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:initial
}
.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: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: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:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))
}
.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;
    background:0 0;
    border:0;
    border-radius:26px;
    border-radius:calc(var(--plyr-range-thumb-height,13px)*2);
    color:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    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;
    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)/2*-1 - 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]:focus{
    outline:0
}
.plyr--full-ui input[type=range]::-moz-focus-outer{
    border:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
    outline-color:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    outline-offset:2px;
    outline-style:dotted;
    outline-width:3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{
    outline-color:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    outline-offset:2px;
    outline-style:dotted;
    outline-width:3px
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{
    outline-color:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    outline-color:var(--plyr-tab-focus-color,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    outline-offset:2px;
    outline-style:dotted;
    outline-width:3px
}
.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:"\2044";
    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:3px;
    border-radius:var(--plyr-tooltip-radius,3px);
    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__control .plyr__tooltip,.plyr__controls>.plyr__control:first-child .plyr__tooltip{
    left:0;
    transform:translateY(10px) scale(.8);
    transform-origin:0 100%
}
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child .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__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.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 .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.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__buffer,.plyr__progress input[type=range]{
    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{
    font-size:11px;
    font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
    left:0
}
.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__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:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)));
    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));
    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]{
    color:#fff;
    color:var(--plyr-video-control-color-hover,#fff)
}
.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true],.plyr__control--overlaid{
    background:var(--plyr-color-main,var(--plyr-color-main,#00b3ff));
    background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b3ff)))
}
.plyr__control--overlaid{
    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
}
.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:-webkit-full-screen .plyr__captions{
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
    .plyr:fullscreen .plyr__captions{
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}
.plyr:-webkit-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-webkit-full-screen video{
    height:100%
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-webkit-full-screen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-webkit-full-screen .plyr__captions{
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}
.plyr:-moz-full-screen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-moz-full-screen video{
    height:100%
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-moz-full-screen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-moz-full-screen .plyr__captions{
        font-size:21px;
        font-size:var(--plyr-font-size-xlarge,21px)
    }
}
.plyr:-ms-fullscreen{
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-ms-fullscreen video{
    height:100%
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{
    display:block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{
    display:none
}
.plyr:-ms-fullscreen.plyr--hide-controls{
    cursor:none
}
@media(min-width:1024px){
    .plyr:-ms-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:after:empty{
    display:none
}
.plyr__cues{
    background:currentColor;
    display:block;
    height:5px;
    height:var(--plyr-range-track-height,5px);
    left:0;
    margin:-var(--plyr-range-track-height,5px)/2 0 0;
    opacity:.8;
    position:absolute;
    top: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:3px;
    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;
    padding:var(--plyr-tooltip-radius,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:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr__preview-thumb__image-container{
    background:#c1c8d1;
    border-radius:2px;
    border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__preview-thumb__image-container img{
    height:100%;
    left:0;
    max-height:none;
    max-width:none;
    position:absolute;
    top:0;
    width:100%
}
.plyr__preview-thumb__time-container{
    bottom:6px;
    left:0;
    position:absolute;
    right:0;
    white-space:nowrap;
    z-index:3
}
.plyr__preview-thumb__time-container span{
    background-color:rgba(0,0,0,.55);
    border-radius:2px;
    border-radius:calc(var(--plyr-tooltip-radius,3px) - 1px);
    color:#fff;
    font-size:11px;
    font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px));
    padding:3px 6px
}
.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
}