@charset "UTF-8";

    :root {
        --plyr-color-main: var(--red);
        --plyr-progress-loading-size: 25px;
        --plyr-font-family: inherit;
        --plyr-font-weight-regular: 400;
        --plyr-line-height: 1.7;
        --plyr-badge-background: hsl(216, 15%, 34%);
        --plyr-badge-border-radius: 2px;
        --plyr-badge-text-color: #fff;
        --plyr-font-size-badge: 9px;
        --plyr-font-size-small: 13px;
        --plyr-control-spacing: 10px;
        --plyr-font-size-base: 15px;
        --plyr-font-size-large: 18px;
        --plyr-captions-background: rgba(0, 0, 0, 0.8);
        --plyr-captions-text-color: #fff;
        --plyr-control-radius: 4px;
        --plyr-control-icon-size: 18px;
        --plyr-focus-visible-color: var(--plyr-color-main, hsl(198, 100%, 50%));
        --plyr-menu-background: rgba(255, 255, 255, 0.9);
        --plyr-menu-radius: 8px;
        --plyr-menu-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        --plyr-menu-color: hsl(216, 15%, 34%);
        --plyr-menu-arrow-size: 4px solid transparent;
        --plyr-font-size-menu: var(--plyr-font-size-small);
        --plyr-menu-item-arrow-size: 4px solid transparent;
        --plyr-menu-arrow-color: hsl(216, 15%, 52%);
        --plyr-menu-back-border-color: hsl(216, 15%, 88%);
        --plyr-menu-back-border-shadow-color: #fff;
        --plyr-control-toggle-checked-background: var(--plyr-color-main, hsl(198, 100%, 50%));
        --plyr-range-thumb-height: 13px;
        --plyr-range-fill-background: var(--plyr-color-main, hsl(198, 100%, 50%));
        --plyr-range-thumb-active-shadow-width: calc(3px * 2 + var(--plyr-range-thumb-height));
        --plyr-range-track-height: 5px;
        --plyr-range-thumb-background: #fff;
        --plyr-range-thumb-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
        --plyr-video-background: rgb(0, 0, 0);
        --plyr-font-size-time: var(--plyr-font-size-small);
        --plyr-tooltip-background: #fff;
        --plyr-tooltip-radius: 5px;
        --plyr-tooltip-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        --plyr-tooltip-color: hsl(216, 15%, 34%);
        --plyr-tooltip-arrow-size: 4px solid var(--plyr-tooltip-background);
        --plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
        --plyr-video-control-color: #fff;
        --plyr-video-control-background-hover: var(--plyr-color-main, hsl(198, 100%, 50%));
        --plyr-video-control-color-hover: #fff;
        --plyr-video-range-track-background: rgba(255, 255, 255, 0.25);
        --plyr-progress-loading-background: rgba(35, 40, 47, 0.6);
        --plyr-video-progress-buffered-background: rgba(255, 255, 255, 0.25);
        --plyr-audio-progress-buffered-background: rgba(193, 200, 209, 0.6);
        --plyr-progress-marker-background: #fff;
        --plyr-progress-marker-width: 3px;
        --plyr-audio-controls-background: #fff;
        --plyr-audio-control-color: hsl(216, 15%, 34%);
        --plyr-audio-control-background-hover: var(--plyr-color-main, hsl(198, 100%, 50%));
        --plyr-audio-control-color-hover: #fff;
        --plyr-audio-range-track-background: rgba(193, 200, 209, 0.6);
        --plyr-font-size-xlarge: 21px;
    }

    :root {
        --plyr-control-spacing-0_7: calc(var(--plyr-control-spacing) * 0.7);
        --plyr-control-spacing-2: calc(var(--plyr-control-spacing) * 2);
        --plyr-control-spacing-3_5: calc(var(--plyr-control-spacing) * 3.5);
        --plyr-control-spacing-4: calc(var(--plyr-control-spacing) * 4);
        --plyr-control-spacing-neg-4: calc(var(--plyr-control-spacing) * -4);
        --plyr-control-spacing-div-2: calc(var(--plyr-control-spacing) / 2);
        --plyr-control-spacing-div-4: calc(var(--plyr-control-spacing) / 4);
        --plyr-control-spacing-0_7-div-2: calc(var(--plyr-control-spacing-0_7) / 2);
        --plyr-control-spacing-0_7-div-1_5: calc(var(--plyr-control-spacing-0_7) / 1.5);
        --plyr-control-spacing-0_7-mul-1_5: calc(var(--plyr-control-spacing-0_7) * 1.5);
        --plyr-control-spacing-0_7-mul-3_5: calc(var(--plyr-control-spacing-0_7) * 3.5);
    }


    @-webkit-keyframes plyr-progress {
        to {
            background-position: var(--plyr-progress-loading-size, 25px) 0;
        }
    }

    @keyframes plyr-progress {
        to {
            background-position: var(--plyr-progress-loading-size, 25px) 0;
        }
    }

    @-webkit-keyframes plyr-popup {
        0% {
            opacity: 0.5;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes plyr-popup {
        0% {
            opacity: 0.5;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @-webkit-keyframes plyr-fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes plyr-fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }

    .plyr {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -ms-flex-align: center;
        align-items: center;
        direction: ltr;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: var(--plyr-font-family, inherit);
        font-variant-numeric: tabular-nums;
        font-weight: var(--plyr-font-weight-regular, 400);
        line-height: var(--plyr-line-height, 1.7);
        max-width: 100%;
        min-width: 200px;
        position: relative;
        text-shadow: none;
        transition: box-shadow 0.3s ease;
        z-index: 0;
    }

    .plyr video,
    .plyr audio,
    .plyr iframe {
        display: block;
        height: 100%;
        width: 100%;
    }

    .plyr button {
        font: inherit;
        line-height: inherit;
        width: auto;
    }

    .plyr:focus {
        outline: 0;
    }

    .plyr--full-ui {
        box-sizing: border-box;
    }

    .plyr--full-ui *,
    .plyr--full-ui *::after,
    .plyr--full-ui *::before {
        box-sizing: inherit;
    }

    .plyr--full-ui a,
    .plyr--full-ui button,
    .plyr--full-ui input,
    .plyr--full-ui label {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .plyr__badge {
        background: var(--plyr-badge-background, hsl(216, 15%, 34%));
        border-radius: var(--plyr-badge-border-radius, 2px);
        color: var(--plyr-badge-text-color, #fff) !important;
        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 {
        -webkit-animation: plyr-fade-in 0.3s ease;
        animation: plyr-fade-in 0.3s ease;
        bottom: 0;
        display: none;
        font-size: var(--plyr-font-size-small, 13px);
        left: 0;
        padding: var(--plyr-control-spacing, 10px);
        position: absolute;
        text-align: center;
        transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        width: 100%;
    }

    .plyr__captions span:empty {
        display: none;
    }

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

    @media (min-width: 768px) {
        .plyr__captions {
            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 {
        -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
        transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    }

    .plyr__caption {
        background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
        border-radius: 2px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        color: var(--plyr-captions-text-color, #fff) !important;
        line-height: 185%;
        padding: 0.2em 0.5em;
        white-space: pre-wrap;
    }

    .plyr__caption div {
        display: inline;
    }

    .plyr__control {
        background: transparent;
        border: 0;
        border-radius: var(--plyr-control-radius, 4px);
        color: inherit;
        cursor: pointer;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        overflow: visible;
        padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
        position: relative;
        transition: all 0.3s ease;
    }

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: var(--plyr-control-icon-size, 18px);
        pointer-events: none;
        width: var(--plyr-control-icon-size, 18px);
        color:white !important;
    }

    .plyr__control:focus {
        outline: 0;
    }

    .plyr__control:focus-visible {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px;
    }

    a.plyr__control {
        text-decoration: none;
    }

    a.plyr__control::after, a.plyr__control::before {
        display: none;
    }

    .plyr__control:not(.plyr__control--pressed) .icon--pressed,
    .plyr__control.plyr__control--pressed .icon--not-pressed,
    .plyr__control:not(.plyr__control--pressed) .label--pressed,
    .plyr__control.plyr__control--pressed .label--not-pressed {
        display: none;
    }

    .plyr--full-ui ::-webkit-media-controls {
        display: none;
    }

    .plyr__controls {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: center;
    }

    .plyr__controls .plyr__progress__container {
        -ms-flex: 1;
        flex: 1;
        min-width: 0;
    }

    .plyr__controls .plyr__controls__item {
        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: calc(var(--plyr-control-spacing, 10px) / 4);
    }

    .plyr__controls .plyr__controls__item.plyr__time {
        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:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
        padding-left: 0;
    }

    .plyr__controls:empty {
        display: none;
    }

    .plyr [data-plyr=captions],
    .plyr [data-plyr=pip],
    .plyr [data-plyr=airplay],
    .plyr [data-plyr=fullscreen] {
        display: none;
    }

    .plyr--captions-enabled [data-plyr=captions],
    .plyr--pip-supported [data-plyr=pip],
    .plyr--airplay-supported [data-plyr=airplay],
    .plyr--fullscreen-enabled [data-plyr=fullscreen] {
        display: inline-block;
    }

    .plyr__menu {
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .plyr__menu .plyr__control svg {
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
        color:white !important;
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
        display: none;
    }

    .plyr__menu__container {
        -webkit-animation: plyr-popup 0.2s ease;
        animation: plyr-popup 0.2s ease;
        background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
        border-radius: var(--plyr-menu-radius, 8px);
        bottom: 100%;
        box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
        color: var(--plyr-menu-color, hsl(216, 15%, 34%));
        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 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .plyr__menu__container::after {
        border: var(--plyr-menu-arrow-size, 4px) solid transparent;
        border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
        content: "";
        height: 0;
        position: absolute;
        right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2);
        top: 100%;
        width: 0;
    }

    .plyr__menu__container [role=menu] {
        padding: calc(var(--plyr-control-spacing, 10px) * 0.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 {
        -ms-flex-align: center;
        align-items: center;
        color: var(--plyr-menu-color, hsl(216, 15%, 34%));
        display: -ms-flexbox;
        display: flex;
        font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
        padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
    }

    .plyr__menu__container .plyr__control > span {
        -ms-flex-align: inherit;
        align-items: inherit;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }

    .plyr__menu__container .plyr__control::after {
        border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .plyr__menu__container .plyr__control--forward {
        padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
    }

    .plyr__menu__container .plyr__control--forward::after {
        border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
        right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
    }

    .plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
        border-left-color: currentColor;
    }

    .plyr__menu__container .plyr__control--back {
        font-weight: var(--plyr-font-weight-regular, 400);
        margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
        position: relative;
        width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2);
    }

    .plyr__menu__container .plyr__control--back::after {
        border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
        left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
    }

    .plyr__menu__container .plyr__control--back::before {
        background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
        box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff) !important;
        content: "";
        height: 1px;
        left: 0;
        margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 100%;
    }

    .plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
        border-right-color: currentColor;
    }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
        padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
        border-radius: 100%;
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::before {
        background: rgba(0, 0, 0, 0.1);
        content: "";
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 16px;
        margin-right: var(--plyr-control-spacing, 10px);
        transition: all 0.3s ease;
        width: 16px;
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::after {
        background: #fff;
        border: 0;
        height: 6px;
        left: 12px;
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
        width: 6px;
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
        background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
        background: rgba(35, 40, 47, 0.1);
    }

    .plyr__menu__container .plyr__menu__value {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1);
        overflow: hidden;
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
        pointer-events: none;
    }

    .plyr--full-ui input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
        color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        display: block;
        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 0.3s ease;
        width: 100%;
    }

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
        -webkit-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.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: var(--plyr-range-thumb-background, #fff) !important;
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: var(--plyr-range-thumb-height, 13px);
        -webkit-appearance: none;
        appearance: none;
        margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
        -moz-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -moz-user-select: none;
        user-select: none;
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
        background: var(--plyr-range-thumb-background, #fff) !important;
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: var(--plyr-range-thumb-height, 13px);
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
        background: currentColor;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
    }

    .plyr--full-ui input[type=range]::-ms-track {
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -ms-user-select: none;
        user-select: none;
        color: transparent;
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper {
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -ms-user-select: none;
        user-select: none;
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
        background: transparent;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow 0.3s ease;
        transition: box-shadow 0.3s ease;
        -ms-user-select: none;
        user-select: none;
        background: currentColor;
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
        background: var(--plyr-range-thumb-background, #fff) !important;
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        width: var(--plyr-range-thumb-height, 13px);
        margin-top: 0;
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
        display: none;
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
        border: 0;
    }

    .plyr--full-ui input[type=range]:focus {
        outline: 0;
    }

    .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px;
    }

    .plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px;
    }

    .plyr--full-ui input[type=range]:focus-visible::-ms-track {
        outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        outline-offset: 2px;
    }

    .plyr__poster {
        background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity 0.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: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    }

    .plyr__time + .plyr__time::before {
        content: "⁄";
        margin-right: var(--plyr-control-spacing, 10px);
    }

    @media (max-width: 767px) {
        .plyr__time + .plyr__time {
            display: none;
        }
    }

    /* stylelint-disable selector-max-compound-selectors */

    .plyr__tooltip {
        background: var(--plyr-tooltip-background, #fff) !important;
        border-radius: var(--plyr-tooltip-radius, 5px);
        bottom: 100%;
        box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
        color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
        font-size: var(--plyr-font-size-small, 13px);
        font-weight: var(--plyr-font-weight-regular, 400);
        left: 50%;
        line-height: 1.3;
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
        opacity: 0;
        padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
        pointer-events: none;
        position: absolute;
        -webkit-transform: translate(-50%, 10px) scale(0.8);
        transform: translate(-50%, 10px) scale(0.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
        transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
        transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
        white-space: nowrap;
        z-index: 2;
    }

    .plyr__tooltip::before {
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff) !important;
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        z-index: 2;
    }

    .plyr .plyr__control:hover .plyr__tooltip,
    .plyr .plyr__control:focus-visible .plyr__tooltip,
    .plyr__tooltip--visible {
        opacity: 1;
        -webkit-transform: translate(-50%, 0) scale(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;
        -webkit-transform: translate(0, 10px) scale(0.8);
        transform: translate(0, 10px) scale(0.8);
        -webkit-transform-origin: 0 100%;
        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: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
    }

    .plyr__controls > .plyr__control:last-child .plyr__tooltip {
        left: auto;
        right: 0;
        -webkit-transform: translate(0, 10px) scale(0.8);
        transform: translate(0, 10px) scale(0.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

    .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
        left: auto;
        right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }

    .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
    .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
    .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
    .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
    .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
    .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
    .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
    .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    .plyr__progress {
        left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
        margin-right: var(--plyr-range-thumb-height, 13px);
        position: relative;
    }

    .plyr__progress input[type=range], .plyr__progress__buffer {
        margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
        margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
        width: calc(100% + var(--plyr-range-thumb-height, 13px));
    }

    .plyr__progress input[type=range] {
        position: relative;
        z-index: 2;
    }

    .plyr__progress .plyr__tooltip {
        left: 0;
        max-width: 120px;
        overflow-wrap: break-word;
    }

    .plyr__progress__buffer {
        -webkit-appearance: none; /* stylelint-disable-line */
        background: transparent;
        border: 0;
        border-radius: 100px;
        height: var(--plyr-range-track-height, 5px);
        left: 0;
        margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
        padding: 0;
        position: absolute;
        top: 50%;
    }

    .plyr__progress__buffer::-webkit-progress-bar {
        background: transparent;
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -webkit-transition: width 0.2s ease;
        transition: width 0.2s ease;
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -moz-transition: width 0.2s ease;
        transition: width 0.2s ease;
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        -ms-transition: width 0.2s ease;
        transition: width 0.2s ease;
    }

    .plyr--loading .plyr__progress__buffer {
        -webkit-animation: plyr-progress 1s linear infinite;
        animation: plyr-progress 1s linear infinite;
        background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
        background-repeat: repeat-x;
        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: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
    }

    .plyr--audio.plyr--loading .plyr__progress__buffer {
        background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
    }

    .plyr__progress__marker {
        background-color: var(--plyr-progress-marker-background, #fff) !important;
        border-radius: 1px;
        height: var(--plyr-range-track-height, 5px);
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: var(--plyr-progress-marker-width, 3px);
        z-index: 3;
    }

    .plyr__volume {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }

    .plyr__volume input[type=range] {
        margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
        margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
        max-width: 90px;
        min-width: 60px;
        position: relative;
        z-index: 2;
    }

    .plyr--audio {
        display: block;
    }

    .plyr--audio .plyr__controls {
        background: var(--plyr-audio-controls-background, #fff) !important;
        border-radius: inherit;
        color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
        padding: var(--plyr-control-spacing, 10px);
    }

    .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
        background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        color: var(--plyr-audio-control-color-hover, #fff) !important;
    }

    .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
        background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
    }

    .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
        background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
    }

    .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
        background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
    }

    .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
    }

    .plyr--audio .plyr__progress__buffer {
        color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
    }

    .plyr--video {
        overflow: hidden;
    }

    .plyr--video.plyr--menu-open {
        overflow: visible;
    }

    .plyr__video-wrapper {
        background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
        border-radius: inherit;
        height: 100%;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        aspect-ratio: 16/9;
    }

    @supports not (aspect-ratio: 16/9) {
        .plyr__video-embed,
        .plyr__video-wrapper--fixed-ratio {
            height: 0;
            padding-bottom: 56.25%;
            position: relative;
        }
    }

    .plyr__video-embed iframe,
    .plyr__video-wrapper--fixed-ratio video {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
        padding-bottom: 240%;
        position: relative;
        -webkit-transform: translateY(-38.28125%);
        transform: translateY(-38.28125%);
    }

    .plyr--video .plyr__controls {
        background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        bottom: 0;
        color: var(--plyr-video-control-color, #fff) !important;
        left: 0;
        padding: calc(var(--plyr-control-spacing, 10px) / 2);
        padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
        position: absolute;
        right: 0;
        transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
        z-index: 3;
    }

    @media (min-width: 480px) {
        .plyr--video .plyr__controls {
            padding: var(--plyr-control-spacing, 10px);
            padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
        }
    }

    .plyr--video.plyr--hide-controls .plyr__controls {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
        background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        color: var(--plyr-video-control-color-hover, #fff) !important;
    }

    .plyr__control--overlaid {
        background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
        border: 0;
        border-radius: 100%;
        color: var(--plyr-video-control-color, #fff) !important;
        display: none;
        left: 50%;
        opacity: 0.9;
        padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: 0.3s;
        z-index: 2;
    }

    .plyr__control--overlaid svg {
        color:white !important;
        left: 2px;
        position: relative;
    }

    .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
        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: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
        background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type=range]::-ms-track {
        background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--video .plyr__progress__buffer {
        color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
    }

    .plyr:-webkit-full-screen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

    .plyr:-moz-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:-moz-full-screen video {
        height: 100%;
    }

    .plyr:-ms-fullscreen video {
        height: 100%;
    }

    .plyr:fullscreen video {
        height: 100%;
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
        display: block;
    }

    .plyr:-moz-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:-moz-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:-moz-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: var(--plyr-font-size-xlarge, 21px);
        }

        .plyr:-moz-full-screen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px);
        }

        .plyr:-ms-fullscreen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px);
        }

        .plyr:fullscreen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 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__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: 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: hsl(216, 15%, 16%);
        border-radius: 2px;
        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: var(--plyr-control-spacing, 10px);
        z-index: 3;
    }

    .plyr__ads:empty::after {
        display: none;
    }

    .plyr__cues {
        background: currentColor;
        display: block;
        height: var(--plyr-range-track-height, 5px);
        left: 0;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 3px;
        z-index: 3;
    }

    .plyr__preview-thumb {
        background-color: var(--plyr-tooltip-background, #fff) !important;
        border-radius: var(--plyr-menu-radius, 8px);
        bottom: 100%;
        box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
        opacity: 0;
        padding: 3px;
        pointer-events: none;
        position: absolute;
        -webkit-transform: translate(0, 10px) scale(0.8);
        transform: translate(0, 10px) scale(0.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
        transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
        transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
        z-index: 2;
    }

    .plyr__preview-thumb--is-shown {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
    }

    .plyr__preview-thumb::before {
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff) !important;
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
        content: "";
        height: 0;
        left: calc(50% + var(--preview-arrow-offset));
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        z-index: 2;
    }

    .plyr__preview-thumb__image-container {
        background: hsl(216, 15%, 79%);
        border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
        overflow: hidden;
        position: relative;
        z-index: 0;
    }

    .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .plyr__preview-thumb__image-container::after {
        border-radius: inherit;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
        content: "";
        pointer-events: none;
    }

    .plyr__preview-thumb__image-container img {
        max-height: none;
        max-width: none;
    }

    .plyr__preview-thumb__time-container {
        background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
        border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
        border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
        bottom: 0;
        left: 0;
        line-height: 1.1;
        padding: 20px 6px 6px;
        position: absolute;
        right: 0;
        z-index: 3;
    }

    .plyr__preview-thumb__time-container span {
        color: #fff;
        font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    }

    .plyr__preview-scrubbing {
        bottom: 0;
        -webkit-filter: blur(1px);
        filter: blur(1px);
        height: 100%;
        left: 0;
        margin: auto;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity 0.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);
        overflow: hidden;
        border: 0 !important;
        height: 1px !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
    }

    .plyr [hidden] {
        display: none !important;
    }

    .plyr__progress__container,
    .plyr__volume input[type=range] {
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }

    .plyr--audio .plyr__controls {
        padding: 0;
    }

    [dir=rtl] .plyr__menu__container {
        direction: rtl;
        text-align: right;
    }

    [dir=rtl] .plyr__menu__container .plyr__control--forward::after {
        left: 5px;
        right: auto;
        border-right-color: rgba(var(--plyr-menu-color, hsl(216, 15%, 34%)), 0.8);
        border-left-color: transparent;
    }

    [dir=rtl] .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, [dir=rtl] .plyr__menu__container .plyr__control--forward:hover::after {
        border-right-color: currentColor;
    }

    [dir=rtl] .plyr__menu__container .plyr__menu__value {
        padding-left: 1rem;
        padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
    }

    [dir=rtl] .plyr__menu__container .plyr__control[role=menuitemradio] .plyr__menu__value {
        margin-right: auto;
        padding-left: 0;
    }

    [dir=rtl] .plyr__menu__container .plyr__control[role=menuitemradio]::before {
        margin-left: var(--plyr-control-spacing, 10px);
        margin-right: 0;
    }

    [dir=rtl] .plyr__menu__container .plyr__control[role=menuitemradio]::after {
        right: 15px;
        left: auto;
    }

    .light-style .plyr__tooltip {
        line-height: 1;
        font-size: 0.75rem;
    }

    .dark-style .plyr__tooltip {
        line-height: 1;
        font-size: 0.75rem;
    }

    .dark-style .plyr--audio .plyr__controls {
        color: #b6bee3;
        background-color: #2f3349;
    }

    .dark-style .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .dark-style .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .dark-style .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .dark-style .plyr--audio .plyr__progress__buffer {
        color: rgba(255, 255, 255, 0.6);
    }