@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
    }
    100% {
        opacity:1
    }
}
@keyframes shrinkHide {
    0% {
        opacity:.5;
        width:38px
    }
    20% {
        width:45px
    }
    100% {
        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:content-box;
    height:0;
    overflow:visible
}
pre {
    font-family:monospace, monospace;
    font-size:1em
}
a, button.faux-link {
    background-color:transparent;
    -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
}
b, strong {
    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
}
[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;
    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
}
[hidden] {
    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;
    text-align:center
}
aside {
    align-items:center;
    background:#fff;
    display:flex;
    flex-shrink:0;
    justify-content:center;
    padding:16px;
    position:relative;
    text-align:center;
    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:1260px;
        width:100%
    }
    .grid>* {
        flex:1
    }
}
html {
    font-size:100%
}
body {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-size:15px;
    font-size:.9375rem;
    color:#4a5764;
    font-family:Gordita, Avenir, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight:500;
    line-height:1.75
}
button, input, select, textarea {
    font:inherit
}
p, small {
    margin:0 0 24px
}
small {
    font-size:13px;
    font-size:.8125rem;
    display:block
}
h1 {
    font-size:64px;
    font-size:4rem;
    color:#00b3ff;
    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;
    -moz-user-select:none;
    -ms-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 rgba(255, 255, 255, .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:5px solid transparent;
    border-left-width:0;
    border-right-color:#fff;
    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 svg, button.faux-link 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:baseline;
    width:auto
}
a, button.faux-link {
    border-bottom:1px dotted currentColor;
    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 rgba(255, 255, 255, .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:4px;*/
    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
    }
}
@keyframes plyr-popup {
    0% {
        opacity:.5;
        transform:translateY(10px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes plyr-fade-in {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
.plyr {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    direction:ltr;
    font-family:inherit;
    font-variant-numeric:tabular-nums;
    font-weight:500;
    line-height:1.7;
    max-width:100%;
    min-width:200px;
    position:relative;
    text-shadow:none;
    transition:box-shadow .3s ease
}
.plyr audio, .plyr video {
    border-radius:inherit;
    height:auto;
    vertical-align:middle;
    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:#4a5764;
    border-radius:2px;
    color:#fff;
    font-size: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;
    color:#fff;
    display:none;
    font-size:12px;
    left:0;
    padding:10px;
    position:absolute;
    text-align:center;
    transition:transform .4s ease-in-out;
    width:100%
}
.plyr__captions .plyr__caption {
    background:rgba(0, 0, 0, .8);
    border-radius:2px;
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
    line-height:185%;
    padding:.2em .5em;
    white-space:pre-wrap
}
.plyr__captions .plyr__caption div {
    display:inline
}
.plyr__captions span:empty {
    display:none
}
@media (min-width:480px) {
    .plyr__captions {
        font-size:13px;
        padding:20px
    }
}
@media (min-width:768px) {
    .plyr__captions {
        font-size:18px
    }
}
.plyr--captions-active .plyr__captions {
    display:block
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform:translateY(-40px)
}
.plyr__control {
    background:0 0;
    border:0;
    border-radius:3px;
    color:inherit;
    cursor:pointer;
    flex-shrink:0;
    overflow:visible;
    padding:7px;
    position:relative;
    transition:all .3s ease
}
.plyr__control svg {
    display:block;
    fill:currentColor;
    height:18px;
    pointer-events:none;
    width:18px
}
.plyr__control:focus {
    outline:0
}
.plyr__control.plyr__tab-focus {
    box-shadow:0 0 0 5px rgba(0, 179, 255, .5);
    outline:0
}
a.plyr__control, button.plyr__control.faux-link {
    text-decoration:none
}
a.plyr__control::after, a.plyr__control::before, button.plyr__control.faux-link::after, button.plyr__control.faux-link::before {
    display: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 {
    display:none
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background:#00b3ff;
    color:#fff
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background:#00b3ff;
    color:#fff
}
.plyr__control--overlaid {
    background:rgba(0, 179, 255, .8);
    border:0;
    border-radius:100%;
    color:#fff;
    display:none;
    left:50%;
    padding:15px;
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:2
}
.plyr__control--overlaid svg {
    left:2px;
    position:relative
}
.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background:#00b3ff
}
.plyr--playing .plyr__control--overlaid {
    opacity:0;
    visibility:hidden
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display:block
}
.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
}
.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
}
.plyr__controls .plyr__controls__item.plyr__time {
    padding:0 5px
}
.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__controls .plyr__controls__item.plyr__volume {
    padding-right:5px
}
.plyr__controls .plyr__controls__item.plyr__volume:first-child {
    padding-right:0
}
.plyr__controls:empty {
    display:none
}
.plyr--audio .plyr__controls {
    background:#fff;
    border-radius:inherit;
    color:#4a5764;
    padding:10px
}
.plyr--video .plyr__controls {
    background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    border-bottom-left-radius:inherit;
    border-bottom-right-radius:inherit;
    bottom:0;
    color:#fff;
    left:0;
    padding:20px 5px 5px;
    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:35px 10px 10px
    }
}
.plyr--video.plyr--hide-controls .plyr__controls {
    opacity:0;
    pointer-events:none;
    transform:translateY(100%)
}
.plyr[data-plyr=airplay], .plyr[data-plyr=captions], .plyr[data-plyr=fullscreen], .plyr[data-plyr=pip] {
    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:rgba(255, 255, 255, .9);
    border-radius:4px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0, 0, 0, .15);
    color:#4a5764;
    font-size:13px;
    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:rgba(255, 255, 255, .9);
    content:'';
    height:0;
    position:absolute;
    right:15px;
    top:100%;
    width:0
}
.plyr__menu__container[role=menu] {
    padding:7px
}
.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:#4a5764;
    display:flex;
    font-size:13px;
    padding:4px 11px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-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;
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%)
}
.plyr__menu__container .plyr__control--forward {
    padding-right:28px
}
.plyr__menu__container .plyr__control--forward::after {
    border-left-color:rgba(74, 87, 100, .8);
    right:5px
}
.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;
    margin:7px;
    margin-bottom:3px;
    padding-left:28px;
    position:relative;
    width:calc(100% - 14px)
}
.plyr__menu__container .plyr__control--back::after {
    border-right-color:rgba(74, 87, 100, .8);
    left:7px
}
.plyr__menu__container .plyr__control--back::before {
    background:#c1c9d1;
    box-shadow:0 1px 0 #fff;
    content:'';
    height:1px;
    left:0;
    margin-top:4px;
    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
}
.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;
    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:#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(0, 0, 0, .1)
}
.plyr__menu__container .plyr__menu__value {
    align-items:center;
    display:flex;
    margin-left:auto;
    margin-right:-5px;
    overflow:hidden;
    padding-left:25px;
    pointer-events:none
}
.plyr--full-ui input[type=range] {
    -webkit-appearance:none;
    background:0 0;
    border:0;
    border-radius:26px;
    color:#00b3ff;
    display:block;
    height:19px;
    margin:0;
    padding:0;
    transition:box-shadow .3s ease;
    width:100%
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -webkit-user-select:none;
    user-select:none;
    background-image:linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px;
    -webkit-appearance:none;
    margin-top:-4px
}
.plyr--full-ui input[type=range]::-moz-range-track {
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -moz-user-select:none;
    user-select:none
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px
}
.plyr--full-ui input[type=range]::-moz-range-progress {
    background:currentColor;
    border-radius:2.5px;
    height:5px
}
.plyr--full-ui input[type=range]::-ms-track {
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -ms-user-select:none;
    user-select:none;
    color:transparent
}
.plyr--full-ui input[type=range]::-ms-fill-upper {
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -ms-user-select:none;
    user-select:none
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
    background:0 0;
    border:0;
    border-radius:2.5px;
    height:5px;
    transition:box-shadow .3s ease;
    -ms-user-select:none;
    user-select:none;
    background:currentColor
}
.plyr--full-ui input[type=range]::-ms-thumb {
    background:#fff;
    border:0;
    border-radius:100%;
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
    height:13px;
    position:relative;
    transition:all .2s ease;
    width:13px;
    margin-top:0
}
.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 {
    box-shadow:0 0 0 5px rgba(0, 179, 255, .5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow:0 0 0 5px rgba(0, 179, 255, .5);
    outline:0
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow:0 0 0 5px rgba(0, 179, 255, .5);
    outline:0
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color:rgba(255, 255, 255, .25)
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color:rgba(255, 255, 255, .25)
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color:rgba(255, 255, 255, .25)
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color:rgba(193, 201, 209, .66)
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color:rgba(193, 201, 209, .66)
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color:rgba(193, 201, 209, .66)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}
.plyr__poster {
    background-color:#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__time {
    font-size:11px
}
.plyr__time+.plyr__time::before {
    content:'\2044';
    margin-right:10px
}
@media (max-width:767px) {
    .plyr__time+.plyr__time {
        display:none
    }
}
.plyr--video .plyr__time {
    text-shadow:0 1px 1px rgba(0, 0, 0, .15)
}
.plyr__tooltip {
    background:rgba(255, 255, 255, .9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0, 0, 0, .15);
    color:#4a5764;
    font-size:12px;
    font-weight:500;
    left:50%;
    line-height:1.3;
    margin-bottom:10px;
    opacity:0;
    padding:5px 7.5px;
    pointer-events:none;
    position:absolute;
    transform:translate(-50%, 10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s .1s ease, opacity .2s .1s ease;
    white-space:nowrap;
    z-index:2
}
.plyr__tooltip::before {
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(255, 255, 255, .9);
    bottom:-4px;
    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%, 0) 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:translate(0, 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
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left:auto;
    right:0;
    transform:translate(0, 10px) scale(.8);
    transform-origin:100% 100%
}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left:auto;
    right:16px;
    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, 0) scale(1)
}
.plyr--video {
    background:#fff;
    overflow:hidden
}
.plyr--video.plyr--menu-open {
    overflow:visible
}
.plyr__video-wrapper {
    background:#000;
    border-radius:inherit;
    overflow:hidden;
    position:relative;
    z-index:0
}
.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height:0;
    padding-bottom:56.25%
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
    border:0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom:240%;
    position:relative;
    transform:translateY(-38.28125%)
}
.plyr__progress {
    left:6.5px;
    margin-right:13px;
    position:relative
}
.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left:-6.5px;
    margin-right:-6.5px;
    width:calc(100% + 13px)
}
.plyr__progress input[type=range] {
    position:relative;
    z-index:2
}
.plyr__progress .plyr__tooltip {
    font-size:11px;
    left:0
}
.plyr__progress__buffer {
    -webkit-appearance:none;
    background:0 0;
    border:0;
    border-radius:100px;
    height:5px;
    left:0;
    margin-top:-2.5px;
    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;
    transition:width .2s ease
}
.plyr__progress__buffer::-moz-progress-bar {
    background:currentColor;
    border-radius:100px;
    min-width:5px;
    transition:width .2s ease
}
.plyr__progress__buffer::-ms-fill {
    border-radius:100px;
    transition:width .2s ease
}
.plyr--video .plyr__progress__buffer {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15);
    color:rgba(255, 255, 255, .25)
}
.plyr--audio .plyr__progress__buffer {
    color:rgba(193, 201, 209, .66)
}
.plyr--loading .plyr__progress__buffer {
    animation:plyr-progress 1s linear infinite;
    background-image:linear-gradient(-45deg, rgba(35, 41, 47, .6) 25%, transparent 25%, transparent 50%, rgba(35, 41, 47, .6) 50%, rgba(35, 41, 47, .6) 75%, transparent 75%, transparent);
    background-repeat:repeat-x;
    background-size:25px 25px;
    color:transparent
}
.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color:rgba(255, 255, 255, .25)
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color:rgba(193, 201, 209, .66)
}
.plyr__volume {
    align-items:center;
    display:flex;
    flex:1;
    position:relative
}
.plyr__volume input[type=range] {
    margin-left:5px;
    position:relative;
    z-index:2
}
@media (min-width:480px) {
    .plyr__volume {
        max-width:90px
    }
}
@media (min-width:768px) {
    .plyr__volume {
        max-width:110px
    }
}
.plyr--is-ios .plyr__volume {
    display:none!important
}
.plyr--is-ios.plyr--vimeo[data-plyr=mute] {
    display:none!important
}
.plyr:-webkit-full-screen {
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-ms-fullscreen {
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:fullscreen {
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%
}
.plyr:-webkit-full-screen video {
    height:100%
}
.plyr:-ms-fullscreen video {
    height:100%
}
.plyr:fullscreen video {
    height:100%
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
    height:100%;
    position:static
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
    height:100%;
    position:static
}
.plyr:fullscreen .plyr__video-wrapper {
    height:100%;
    position:static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display:block
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display:none
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display:none
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display:none
}
.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor:none
}
.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor:none
}
.plyr:fullscreen.plyr--hide-controls {
    cursor:none
}
@media (min-width:1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size:21px
    }
    .plyr:fullscreen .plyr__captions {
        font-size: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__video-wrapper {
    height:100%;
    position:static
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.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
    }
}
.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__video-wrapper {
    height:100%;
    position:static
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.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
    }
}
.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__video-wrapper {
    height:100%;
    position:static
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.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
    }
}
.plyr--fullscreen-fallback {
    background:#000;
    border-radius:0!important;
    height:100%;
    margin:0;
    width:100%;
    bottom:0;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:10000000
}
.plyr--fullscreen-fallback video {
    height:100%
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
    height:100%;
    position:static
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height:0;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.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
    }
}
.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:rgba(35, 41, 47, .8);
    border-radius:2px;
    bottom:10px;
    color:#fff;
    content:attr(data-badge-text);
    font-size:11px;
    padding:2px 6px;
    pointer-events:none;
    position:absolute;
    right:10px;
    z-index:3
}
.plyr__ads::after:empty {
    display:none
}
.plyr__cues {
    background:currentColor;
    display:block;
    height:5px;
    left:0;
    margin:-2.5px 0 0;
    opacity:.8;
    position:absolute;
    top:50%;
    width:3px;
    z-index:3
}
.plyr__preview-thumb {
    background-color:rgba(255, 255, 255, .9);
    border-radius:3px;
    bottom:100%;
    box-shadow:0 1px 2px rgba(0, 0, 0, .15);
    margin-bottom:10px;
    opacity:0;
    padding:3px;
    pointer-events:none;
    position:absolute;
    transform:translate(0, 10px) scale(.8);
    transform-origin:50% 100%;
    transition:transform .2s .1s ease, opacity .2s .1s ease;
    z-index:2
}
.plyr__preview-thumb--is-shown {
    opacity:1;
    transform:translate(0, 0) scale(1)
}
.plyr__preview-thumb::before {
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgba(255, 255, 255, .9);
    bottom:-4px;
    content:'';
    height:0;
    left:50%;
    position:absolute;
    transform:translateX(-50%);
    width:0;
    z-index:2
}
.plyr__preview-thumb__image-container {
    background:#c1c9d1;
    border-radius:2px;
    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;
    color:#fff;
    font-size:11px;
    padding:3px 6px
}
.plyr__preview-scrubbing {
    bottom:0;
    filter:blur(1px);
    height:100%;
    left:0;
    margin:auto;
    opacity:0;
    overflow:hidden;
    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;
    object-fit:contain;
    position:absolute;
    top:0;
    width:100%
}
.plyr--no-transition {
    transition:none!important
}
.plyr__sr-only {
    clip:rect(1px, 1px, 1px, 1px);
    overflow:hidden;
    border:0!important;
    height:1px!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important
}
.plyr[hidden] {
    display:none!important
}
.no-border {
    border:0
}
[hidden] {
    display:none
}
.sr-only {
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    opacity:.001;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}