/* block 1 */
.kaltura-player-container {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* block 2 */
.playkit-container {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.playkit-engine {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

.playkit-engine video::-webkit-media-controls-panel,
.playkit-engine video::-webkit-media-controls-panel-container,
.playkit-engine video::-webkit-media-controls-start-playback-button,
.playkit-engine video::-webkit-media-controls-play-button {
    display: none;
    -webkit-appearance: none;
}

.playkit-poster {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--playkit-player-background-color);
    pointer-events: none;
}

.playkit-subtitles {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    margin-bottom: 5px;
}

.playkit-black-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    pointer-events: none;
}

.playkit-size-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
    z-index: -100;
}

.playkit-in-browser-fullscreen-mode {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    /*added for blocking element with fixed position which could be on the top of the player */
    z-index: 999999 !important;
}

.playkit-player {
    --playkit-primary-hsl-hue: 214deg;
    --playkit-secondary-hsl-hue: 40deg;
    --playkit-success-hsl-hue: 135deg;
    --playkit-danger-hsl-hue: 354deg;
    --playkit-warning-hsl-hue: 21deg;
    --playkit-primary-hsl-saturation: 100%;
    --playkit-secondary-hsl-saturation: 100%;
    --playkit-success-hsl-saturation: 57%;
    --playkit-danger-hsl-saturation: 76%;
    --playkit-warning-hsl-saturation: 81%;
    --playkit-primary-hsl-lightness: 49%;
    --playkit-secondary-hsl-lightness: 50%;
    --playkit-success-hsl-lightness: 30%;
    --playkit-danger-hsl-lightness: 51%;
    --playkit-warning-hsl-lightness: 53%;
    --playkit-primary-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) var(--playkit-primary-hsl-lightness));
    --playkit-primary-darker-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) calc(var(--playkit-primary-hsl-lightness) - 15%));
    --playkit-primary-brighter-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) calc(var(--playkit-primary-hsl-lightness) + 15%));
    --playkit-primary-text-contrast-color: #ffffff;
    --playkit-secondary-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) var(--playkit-secondary-hsl-lightness));
    --playkit-secondary-darker-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) calc(var(--playkit-secondary-hsl-lightness) - 15%));
    --playkit-secondary-brighter-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) calc(var(--playkit-secondary-hsl-lightness) + 15%));
    --playkit-secondary-text-contrast-color: #ffffff;
    --playkit-success-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) var(--playkit-success-hsl-lightness));
    --playkit-success-darker-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) calc(var(--playkit-success-hsl-lightness) - 15%));
    --playkit-success-brighter-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) calc(var(--playkit-success-hsl-lightness) + 15%));
    --playkit-success-text-contrast-color: #ffffff;
    --playkit-danger-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) var(--playkit-danger-hsl-lightness));
    --playkit-danger-darker-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) calc(var(--playkit-danger-hsl-lightness) - 15%));
    --playkit-danger-brighter-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) calc(var(--playkit-danger-hsl-lightness) + 15%));
    --playkit-danger-text-contrast-color: #ffffff;
    --playkit-warning-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) var(--playkit-warning-hsl-lightness));
    --playkit-warning-darker-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) calc(var(--playkit-warning-hsl-lightness) - 15%));
    --playkit-warning-brighter-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) calc(var(--playkit-warning-hsl-lightness) + 15%));
    --playkit-warning-text-contrast-color: #ffffff;
    --playkit-tone-1-color: #ffffff;
    --playkit-tone-2-color: #cccccc;
    --playkit-tone-3-color: #999999;
    --playkit-tone-4-color: #666666;
    --playkit-tone-5-color: #525252;
    --playkit-tone-6-color: #383838;
    --playkit-tone-7-color: #212121;
    --playkit-tone-8-color: #000000;
    --playkit-tone-1-color-rgb: 255, 255, 255;
    --playkit-tone-2-color-rgb: 204, 204, 204;
    --playkit-tone-3-color-rgb: 153, 153, 153;
    --playkit-tone-4-color-rgb: 102, 102, 102;
    --playkit-tone-5-color-rgb: 82, 82, 82;
    --playkit-tone-6-color-rgb: 56, 56, 56;
    --playkit-tone-7-color-rgb: 33, 33, 33;
    --playkit-tone-8-color-rgb: 0, 0, 0;
    --playkit-live-color: #e12437;
    --playkit-player-background-color: #000000;
    --playkit-tab-focus-color: var(--playkit-primary-color);
    --playkit-tooltip-background-color: var(--playkit-tone-1-color);
    --playkit-tooltip-color: var(--playkit-tone-7-color);
    --playkit-ads-color: var(--playkit-secondary-color);
    --playkit-background-color: #121212;
    --playkit-elevated-color: #333333;
    --playkit-paper-color: #242424;
    --playkit-protection-color: #222222
}

.playkit-row {
    display: block
}

.playkit-row:after {
    content: "";
    clear: both;
    display: block
}

.playkit-d-inline-block {
    display: inline-block
}

.playkit-mobile-hidden-select {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%
}

.playkit-font-size-base,
.playkit-ad-notice {
    font-size: 15px
}

.playkit-player .playkit-form-group {
    margin: 10px 0;
    position: relative;
    max-width: 100%
}

.playkit-player .playkit-form-group.playkit-has-error .playkit-form-control {
    border-color: var(--playkit-danger-color)
}

.playkit-player .playkit-form-group.playkit-has-error .playkit-form-control:focus {
    border-color: #fff
}

.playkit-player .playkit-form-group.playkit-has-icon .playkit-form-control {
    padding-left: 34px
}

.playkit-player .playkit-form-group .playkit-icon {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 32px;
    height: 32px;
    fill: rgba(255, 255, 255, .4)
}

.playkit-player .playkit-form-control {
    height: 32px;
    width: 100%;
    min-width: 72px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .4);
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    padding: 8px 10px;
    text-overflow: ellipsis
}

.playkit-player .playkit-form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.playkit-player .playkit-form-control:focus {
    background-color: #fff;
    border-color: #fff;
    color: var(--playkit-tone-7-color)
}

.playkit-player .playkit-form-control:focus::-webkit-input-placeholder {
    color: var(--playkit-tone-2-color)
}

.playkit-player .playkit-form-control:focus+.playkit-icon {
    fill: var(--playkit-tone-3-color)
}

.playkit-player textarea.playkit-form-control {
    min-height: 72px
}

.playkit-player select {
    font-size: 15px;
    color: #fff;
    -webkit-appearance: none;
    border: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' viewBox='0 0 1024 1024'><path d='M301.255 338.745c-24.994-24.994-65.516-24.994-90.51 0s-24.994 65.516 0 90.51l256 256c24.994 24.994 65.516 24.994 90.51 0l256-256c24.994-24.994 24.994-65.516 0-90.51s-65.516-24.994-90.51 0l-210.745 210.745-210.745-210.745z' /></svg>") no-repeat;
    background-size: 16px;
    background-position: 100% center;
    background-repeat: no-repeat;
    padding-right: 24px
}

.playkit-checkbox {
    font-size: 15px;
    position: relative
}

.playkit-checkbox input {
    display: none
}

.playkit-checkbox label:before {
    height: 16px;
    width: 16px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .4);
    margin-right: 8px;
    display: inline-block;
    content: "";
    vertical-align: middle
}

.playkit-checkbox input:checked+label:before {
    content: "✔";
    text-align: center;
    font-size: 14px
}

.playkit-form-group-row {
    font-size: 15px;
    margin: 24px 0
}

.playkit-form-group-row:after {
    clear: both;
    content: " ";
    display: block
}

.playkit-form-group-row label {
    float: left;
    color: rgba(244, 244, 244, .8)
}

.playkit-form-group-row .playkit-dropdown {
    float: right
}

.playkit-btn {
    text-decoration: none;
    height: 36px;
    border-radius: 18px;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    padding: 0 24px
}

.playkit-btn.playkit-btn-block {
    display: block
}

.playkit-btn.playkit-btn-dark-transparent {
    background-color: rgba(0, 0, 0, .5);
    border: 2px solid rgba(255, 255, 255, .2);
    line-height: 32px
}

.playkit-btn.playkit-btn-dark-transparent:hover {
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .4)
}

.playkit-btn.playkit-btn-branded {
    background-color: var(--playkit-primary-color)
}

.playkit-btn.playkit-btn-branded:hover {
    color: #fff
}

.playkit-btn-rounded {
    height: 36px;
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .4);
    display: inline-block;
    padding: 2px
}

.playkit-player button:focus {
    outline: none
}

.playkit-btn-borderless {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: none;
    padding: 8px 12px 8px 8px;
    width: 82px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.playkit-btn-borderless.playkit-only-icon {
    padding: 4px;
    width: 40px;
    height: 40px
}

.playkit-btn-borderless.playkit-only-label {
    padding: 8px;
    width: 50px;
    height: 40px
}

.playkit-btn-borderless i {
    width: 32px;
    height: 32px
}

.playkit-btn-borderless label {
    color: var(--playkit-tone-1-color)
}

.playkit-btn-borderless:hover {
    background-color: var(--playkit-tone-5-color)
}

.playkit-btn-translucent {
    background-color: rgba(0, 0, 0, .6)
}

.playkit-btn-translucent:hover {
    background-color: rgba(0, 0, 0, .7)
}

.playkit-player.playkit-size-sm .playkit-btn-borderless,
.playkit-player.playkit-size-xs .playkit-btn-borderless {
    height: 32px
}

.playkit-player.playkit-size-sm .playkit-btn-borderless i,
.playkit-player.playkit-size-xs .playkit-btn-borderless i {
    width: 24px;
    height: 24px
}

.playkit-player.playkit-size-sm .playkit-btn-borderless.playkit-only-icon,
.playkit-player.playkit-size-xs .playkit-btn-borderless.playkit-only-icon {
    padding: 4px;
    width: 32px;
    height: 32px
}

.playkit-player.playkit-size-sm .playkit-btn-borderless.playkit-only-label,
.playkit-player.playkit-size-xs .playkit-btn-borderless.playkit-only-label {
    padding: 8px;
    width: 50px;
    height: 32px
}

.playkit-icon {
    display: inline-block;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7))
}

.playkit-badge-icon:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

/* block 3 */
.playkit-player {
    --playkit-primary-hsl-hue: 214deg;
    --playkit-secondary-hsl-hue: 40deg;
    --playkit-success-hsl-hue: 135deg;
    --playkit-danger-hsl-hue: 354deg;
    --playkit-warning-hsl-hue: 21deg;
    --playkit-primary-hsl-saturation: 100%;
    --playkit-secondary-hsl-saturation: 100%;
    --playkit-success-hsl-saturation: 57%;
    --playkit-danger-hsl-saturation: 76%;
    --playkit-warning-hsl-saturation: 81%;
    --playkit-primary-hsl-lightness: 49%;
    --playkit-secondary-hsl-lightness: 50%;
    --playkit-success-hsl-lightness: 30%;
    --playkit-danger-hsl-lightness: 51%;
    --playkit-warning-hsl-lightness: 53%;
    --playkit-primary-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) var(--playkit-primary-hsl-lightness));
    --playkit-primary-darker-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) calc(var(--playkit-primary-hsl-lightness) - 15%));
    --playkit-primary-brighter-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-primary-hsl-saturation) calc(var(--playkit-primary-hsl-lightness) + 15%));
    --playkit-primary-text-contrast-color: #ffffff;
    --playkit-secondary-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) var(--playkit-secondary-hsl-lightness));
    --playkit-secondary-darker-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) calc(var(--playkit-secondary-hsl-lightness) - 15%));
    --playkit-secondary-brighter-color: hsl(var(--playkit-secondary-hsl-hue) var(--playkit-secondary-hsl-saturation) calc(var(--playkit-secondary-hsl-lightness) + 15%));
    --playkit-secondary-text-contrast-color: #ffffff;
    --playkit-success-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) var(--playkit-success-hsl-lightness));
    --playkit-success-darker-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) calc(var(--playkit-success-hsl-lightness) - 15%));
    --playkit-success-brighter-color: hsl(var(--playkit-success-hsl-hue) var(--playkit-success-hsl-saturation) calc(var(--playkit-success-hsl-lightness) + 15%));
    --playkit-success-text-contrast-color: #ffffff;
    --playkit-danger-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) var(--playkit-danger-hsl-lightness));
    --playkit-danger-darker-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) calc(var(--playkit-danger-hsl-lightness) - 15%));
    --playkit-danger-brighter-color: hsl(var(--playkit-danger-hsl-hue) var(--playkit-danger-hsl-saturation) calc(var(--playkit-danger-hsl-lightness) + 15%));
    --playkit-danger-text-contrast-color: #ffffff;
    --playkit-warning-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) var(--playkit-warning-hsl-lightness));
    --playkit-warning-darker-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) calc(var(--playkit-warning-hsl-lightness) - 15%));
    --playkit-warning-brighter-color: hsl(var(--playkit-warning-hsl-hue) var(--playkit-warning-hsl-saturation) calc(var(--playkit-warning-hsl-lightness) + 15%));
    --playkit-warning-text-contrast-color: #ffffff;
    --playkit-tone-1-color: #ffffff;
    --playkit-tone-2-color: #cccccc;
    --playkit-tone-3-color: #999999;
    --playkit-tone-4-color: #666666;
    --playkit-tone-5-color: #525252;
    --playkit-tone-6-color: #383838;
    --playkit-tone-7-color: #212121;
    --playkit-tone-8-color: #000000;
    --playkit-tone-1-color-rgb: 255, 255, 255;
    --playkit-tone-2-color-rgb: 204, 204, 204;
    --playkit-tone-3-color-rgb: 153, 153, 153;
    --playkit-tone-4-color-rgb: 102, 102, 102;
    --playkit-tone-5-color-rgb: 82, 82, 82;
    --playkit-tone-6-color-rgb: 56, 56, 56;
    --playkit-tone-7-color-rgb: 33, 33, 33;
    --playkit-tone-8-color-rgb: 0, 0, 0;
    --playkit-live-color: #e12437;
    --playkit-player-background-color: #000000;
    --playkit-tab-focus-color: var(--playkit-primary-color);
    --playkit-tooltip-background-color: var(--playkit-tone-1-color);
    --playkit-tooltip-color: var(--playkit-tone-7-color);
    --playkit-ads-color: var(--playkit-secondary-color);
    --playkit-background-color: #121212;
    --playkit-elevated-color: #333333;
    --playkit-paper-color: #242424;
    --playkit-protection-color: #222222;
}

.playkit-row {
    display: block;
}

.playkit-row:after {
    content: "";
    clear: both;
    display: block;
}

.playkit-d-inline-block {
    display: inline-block;
}

.playkit-mobile-hidden-select {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.playkit-font-size-base,
.playkit-ad-notice {
    font-size: 15px;
}

.playkit-player .playkit-form-group {
    margin: 10px 0;
    position: relative;
    max-width: 100%;
}

.playkit-player .playkit-form-group.playkit-has-error .playkit-form-control {
    border-color: var(--playkit-danger-color);
}

.playkit-player .playkit-form-group.playkit-has-error .playkit-form-control:focus {
    border-color: #fff;
}

.playkit-player .playkit-form-group.playkit-has-icon .playkit-form-control {
    padding-left: 34px;
}

.playkit-player .playkit-form-group .playkit-icon {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 32px;
    height: 32px;
    fill: rgba(255, 255, 255, .4);
}

.playkit-player .playkit-form-control {
    height: 32px;
    width: 100%;
    min-width: 72px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .4);
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    padding: 8px 10px;
    text-overflow: ellipsis;
}

.playkit-player .playkit-form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6);
}

.playkit-player .playkit-form-control:focus {
    background-color: #fff;
    border-color: #fff;
    color: var(--playkit-tone-7-color);
}

.playkit-player .playkit-form-control:focus::-webkit-input-placeholder {
    color: var(--playkit-tone-2-color);
}

.playkit-player .playkit-form-control:focus+.playkit-icon {
    fill: var(--playkit-tone-3-color);
}

.playkit-player textarea.playkit-form-control {
    min-height: 72px;
}

.playkit-player select {
    font-size: 15px;
    color: #fff;
    -webkit-appearance: none;
    border: 0;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFFFFF' viewBox='0 0 1024 1024'><path d='M301.255 338.745c-24.994-24.994-65.516-24.994-90.51 0s-24.994 65.516 0 90.51l256 256c24.994 24.994 65.516 24.994 90.51 0l256-256c24.994-24.994 24.994-65.516 0-90.51s-65.516-24.994-90.51 0l-210.745 210.745-210.745-210.745z' /></svg>") no-repeat;
    background-size: 16px;
    background-position: 100% center;
    background-repeat: no-repeat;
    padding-right: 24px;
}

.playkit-checkbox {
    font-size: 15px;
    position: relative;
}

.playkit-checkbox input {
    display: none;
}

.playkit-checkbox label:before {
    height: 16px;
    width: 16px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .4);
    margin-right: 8px;
    display: inline-block;
    content: "";
    vertical-align: middle;
}

.playkit-checkbox input:checked+label:before {
    content: "✔";
    text-align: center;
    font-size: 14px;
}

.playkit-form-group-row {
    font-size: 15px;
    margin: 24px 0;
}

.playkit-form-group-row:after {
    clear: both;
    content: " ";
    display: block;
}

.playkit-form-group-row label {
    float: left;
    color: rgba(244, 244, 244, .8);
}

.playkit-form-group-row .playkit-dropdown {
    float: right;
}

.playkit-btn {
    text-decoration: none;
    height: 36px;
    border-radius: 18px;
    color: #fff;
    line-height: 36px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    padding: 0 24px;
}

.playkit-btn.playkit-btn-block {
    display: block;
}

.playkit-btn.playkit-btn-dark-transparent {
    background-color: rgba(0, 0, 0, .5);
    border: 2px solid rgba(255, 255, 255, .2);
    line-height: 32px;
}

.playkit-btn.playkit-btn-dark-transparent:hover {
    color: #fff;
    border: 2px solid rgba(255, 255, 255, .4);
}

.playkit-btn.playkit-btn-branded {
    background-color: var(--playkit-primary-color);
}

.playkit-btn.playkit-btn-branded:hover {
    color: #fff;
}

.playkit-btn-rounded {
    height: 36px;
    width: 36px;
    min-width: 36px;
    min-height: 36px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .4);
    display: inline-block;
    padding: 2px;
}

.playkit-player button:focus {
    outline: none;
}

.playkit-btn-borderless {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: none;
    padding: 8px 12px 8px 8px;
    width: 82px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.playkit-btn-borderless.playkit-only-icon {
    padding: 4px;
    width: 40px;
    height: 40px;
}

.playkit-btn-borderless.playkit-only-label {
    padding: 8px;
    width: 50px;
    height: 40px;
}

.playkit-btn-borderless i {
    width: 32px;
    height: 32px;
}

.playkit-btn-borderless label {
    color: var(--playkit-tone-1-color);
}

.playkit-btn-borderless:hover {
    background-color: var(--playkit-tone-5-color);
}

.playkit-btn-translucent {
    background-color: rgba(0, 0, 0, .6);
}

.playkit-btn-translucent:hover {
    background-color: rgba(0, 0, 0, .7);
}

.playkit-player.playkit-size-sm .playkit-btn-borderless,
.playkit-player.playkit-size-xs .playkit-btn-borderless {
    height: 32px;
}

.playkit-player.playkit-size-sm .playkit-btn-borderless i,
.playkit-player.playkit-size-xs .playkit-btn-borderless i {
    width: 24px;
    height: 24px;
}

.playkit-player.playkit-size-sm .playkit-btn-borderless.playkit-only-icon,
.playkit-player.playkit-size-xs .playkit-btn-borderless.playkit-only-icon {
    padding: 4px;
    width: 32px;
    height: 32px;
}

.playkit-player.playkit-size-sm .playkit-btn-borderless.playkit-only-label,
.playkit-player.playkit-size-xs .playkit-btn-borderless.playkit-only-label {
    padding: 8px;
    width: 50px;
    height: 32px;
}

.playkit-icon {
    display: inline-block;
    font-size: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7));
}

.playkit-badge-icon:after {
    content: "";
    position: absolute;
    height: 16px;
    width: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.playkit-player {
    --playkit-icon-vr-stereo-full-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23006bff' d='M12 16C12 17.3807 10.8807 18.5 9.5 18.5C8.11929 18.5 7 17.3807 7 16C7 14.6193 8.11929 13.5 9.5 13.5C10.8807 13.5 12 14.6193 12 16Z'/%3E%3Cpath fill='%23006bff' d='M22.5 18.5C23.8807 18.5 25 17.3807 25 16C25 14.6193 23.8807 13.5 22.5 13.5C21.1193 13.5 20 14.6193 20 16C20 17.3807 21.1193 18.5 22.5 18.5Z'/%3E%3Cpath fill='%23006bff' fill-rule='evenodd' clip-rule='evenodd' d='M27 7H5C3.34315 7 2 8.34315 2 10V22C2 23.6569 3.34315 25 5 25H11.8676C12.9214 25 13.8979 24.4471 14.4401 23.5435L16 20.9437L17.5599 23.5435C18.1021 24.4471 19.0786 25 20.1324 25H27C28.6569 25 30 23.6569 30 22V10C30 8.34315 28.6569 7 27 7ZM4 10C4 9.44772 4.44772 9 5 9H27C27.5523 9 28 9.44772 28 10V22C28 22.5523 27.5523 23 27 23H20.1324C19.7811 23 19.4556 22.8157 19.2749 22.5145L17.715 19.9147C17.1467 18.9675 15.9182 18.6604 14.971 19.2287C14.6895 19.3976 14.4539 19.6332 14.285 19.9147L12.7251 22.5145C12.5444 22.8157 12.2189 23 11.8676 23H5C4.44772 23 4 22.5523 4 22V10Z'/%3E%3C/svg%3E");
    --playkit-icon-chromecast-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23006bff' d='M160 704v96h96c0-53.12-42.88-96-96-96zM160 576v64c88.32 0 160 71.68 160 160h64c0-123.84-100.16-224-224-224zM736 352h-448v52.16c126.72 40.96 226.88 141.12 267.84 267.84h180.16v-320zM160 448v64c159.040 0 288 128.96 288 288h64c0-194.56-157.76-352-352-352zM800 224h-576c-35.2 0-64 28.8-64 64v96h64v-96h576v448h-224v64h224c35.2 0 64-28.8 64-64v-448c0-35.2-28.8-64-64-64z'%3E%3C/path%3E%3C/svg%3E");
    --playkit-icon-quality-HD-active-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23006bff' d='M13.9932 4C14.5492 4 15 4.45304 15 4.99703V11.003C15 11.5536 14.5501 12 13.9932 12H2.00685C1.45078 12 1 11.547 1 11.003V4.99703C1 4.44639 1.44995 4 2.00685 4H13.9932Z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3Cpath fill='textColor' d='M3.74623 5H2.00684V11H3.74623L3.74602 8.56941H5.97529L5.976 11H7.70614V5H5.976L5.97529 7.32457H3.74602L3.74623 5Z'/%3E%3Cpath fill='textColor' d='M10.8565 5H8.66374V11H10.8842L11.1456 10.9922C11.5739 10.966 11.9652 10.8745 12.3197 10.7176L12.4987 10.6312L12.6935 10.52C13.0708 10.2858 13.3744 9.98155 13.6044 9.60714C13.8344 9.23273 13.9658 8.81089 13.9986 8.34161L14.0068 8.10302V7.9011L13.9986 7.66146C13.9658 7.19033 13.8344 6.76815 13.6044 6.39492C13.3361 5.95948 12.9652 5.61813 12.4918 5.37088C12.086 5.15895 11.6276 5.03784 11.1164 5.00757L10.8565 5ZM10.8565 6.24902C11.1618 6.24902 11.417 6.30946 11.6221 6.43034C11.8272 6.55122 11.9814 6.73323 12.0847 6.97636C12.1674 7.17086 12.217 7.40537 12.2335 7.67988L12.2397 7.89325V8.10342L12.2334 8.31837C12.2166 8.59485 12.1663 8.83089 12.0824 9.0265C11.9776 9.271 11.8249 9.45369 11.6244 9.57457C11.4641 9.67128 11.2741 9.7293 11.0545 9.74864L10.8843 9.75589L10.4026 9.75641V6.24977L10.8565 6.24902Z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3C/svg%3E");
    --playkit-icon-quality-4K-active-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23006bff' d='M13.9932 4C14.5492 4 15 4.45304 15 4.99703V11.003C15 11.5536 14.5501 12 13.9932 12H2.00685C1.45078 12 1 11.547 1 11.003V4.99703C1 4.44639 1.44995 4 2.00685 4H13.9932Z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3Cpath fill='textColor' fill-rule='evenodd' clip-rule='evenodd' d='M6.52118 5H4.77854L4.77781 5.01382L2 8.80769L2.10649 9.76786L4.77781 9.76867L4.77854 11H6.52118L6.52064 9.76867L7.19403 9.76786V8.5728L6.52064 8.57363L6.52118 5ZM4.77781 7.01953V8.5741L3.65067 8.57327L4.69625 7.13921L4.77781 7.01953Z'/%3E%3Cpath fill='textColor' d='M9.81283 5H7.99274V11H9.81283L9.81198 9.5062L10.4712 8.88589L11.8314 11H13.9806L11.6857 7.663L14 5H11.7588L10.355 6.78434L9.81198 7.5229L9.81283 5Z'/%3E%3C/svg%3E");
    --playkit-icon-quality-8K-active-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23006bff' d='M13.9932 4C14.5492 4 15 4.45304 15 4.99703V11.003C15 11.5536 14.5501 12 13.9932 12H2.00685C1.45078 12 1 11.547 1 11.003V4.99703C1 4.44639 1.44995 4 2.00685 4H13.9932Z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3Cpath fill='textColor' d='M4.5 5C4.04427 5 3.639 5.06279 3.28418 5.18838C2.92936 5.31396 2.65104 5.49967 2.44922 5.74549C2.2474 5.99132 2.14648 6.29459 2.14648 6.65531C2.14648 6.96259 2.24821 7.23113 2.45166 7.46092C2.58729 7.61412 2.75693 7.74445 2.96056 7.85193L3.07973 7.90981L3.04818 7.92134L2.87891 8.00067C2.71615 8.08484 2.57292 8.18353 2.44922 8.29676L2.33203 8.41483L2.24394 8.52321C2.08131 8.74602 2 9.00515 2 9.3006C2 9.67735 2.10986 9.99132 2.32959 10.2425C2.54932 10.4937 2.8488 10.6827 3.22803 10.8096C3.60726 10.9365 4.03613 11 4.51465 11C4.99642 11 5.42367 10.9365 5.79639 10.8096C6.16911 10.6827 6.46289 10.4937 6.67773 10.2425C6.89258 9.99132 7 9.67735 7 9.3006C7 8.95591 6.89176 8.66065 6.67529 8.41483L6.56041 8.29676C6.39837 8.14579 6.20089 8.02065 5.96796 7.92134L5.94 7.911L6.06141 7.85193L6.20532 7.76703C6.29701 7.70758 6.3802 7.64241 6.45489 7.57153L6.56055 7.46092L6.65156 7.3428C6.78945 7.14054 6.8584 6.91138 6.8584 6.65531C6.8584 6.29459 6.7583 5.99132 6.55811 5.74549C6.35791 5.49967 6.08122 5.31396 5.72803 5.18838C5.37484 5.06279 4.9655 5 4.5 5ZM4.5 6.16211C4.63672 6.16211 4.74902 6.18549 4.83691 6.23225C4.9248 6.27901 4.99072 6.34514 5.03467 6.43065C5.07861 6.51615 5.10059 6.62036 5.10059 6.74327C5.10059 6.86351 5.08024 6.96972 5.03955 7.06191C4.99886 7.15409 4.93538 7.22624 4.84912 7.27834C4.76286 7.33045 4.65137 7.3565 4.51465 7.3565C4.37793 7.3565 4.26481 7.33045 4.17529 7.27834C4.08577 7.22624 4.01986 7.15409 3.97754 7.06191C3.93522 6.96972 3.91406 6.86351 3.91406 6.74327C3.91406 6.62036 3.93522 6.51615 3.97754 6.43065C4.01986 6.34514 4.08496 6.27901 4.17285 6.23225C4.26074 6.18549 4.36979 6.16211 4.5 6.16211ZM4.50488 8.51882C4.65462 8.51882 4.78402 8.54354 4.89307 8.59297C5.00212 8.6424 5.08675 8.71522 5.14697 8.81141C5.20719 8.9076 5.2373 9.02784 5.2373 9.17213C5.2373 9.3084 5.20801 9.42597 5.14941 9.52484C5.09082 9.6237 5.007 9.70052 4.89795 9.7553C4.7889 9.81007 4.66113 9.83746 4.51465 9.83746C4.36491 9.83746 4.23389 9.81007 4.12158 9.7553C4.00928 9.70052 3.9222 9.6237 3.86035 9.52484C3.7985 9.42597 3.76758 9.3084 3.76758 9.17213C3.76758 9.02784 3.7985 8.9076 3.86035 8.81141C3.9222 8.71522 4.00846 8.6424 4.11914 8.59297C4.22982 8.54354 4.3584 8.51882 4.50488 8.51882Z' fill-rule='evenodd' clip-rule='evenodd'/%3E%3Cpath fill='textColor' d='M9.81789 5H8V11H9.81789L9.81771 9.5062L10.4752 8.88673L11.834 11H13.9807L11.6891 7.663L14 5H11.7615L10.3594 6.78434L9.81771 7.5229L9.81789 5Z'/%3E%3C/svg%3E");
}

.playkit-icon-maximize {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M800 269.255v114.745c0 17.673 14.327 32 32 32s32-14.327 32-32v-192c0-17.673-14.327-32-32-32h-192c-17.673 0-32 14.327-32 32s14.327 32 32 32h114.745l-137.373 137.373c-12.497 12.497-12.497 32.758 0 45.255s32.758 12.497 45.255 0l137.373-137.373z' /%3E %3Cpath fill='%23fff' d='M224 754.745v-114.745c0-17.673-14.327-32-32-32s-32 14.327-32 32v192c0 17.673 14.327 32 32 32h192c17.673 0 32-14.327 32-32s-14.327-32-32-32h-114.745l137.373-137.373c12.497-12.497 12.497-32.758 0-45.255s-32.758-12.497-45.255 0l-137.373 137.373z' /%3E%3C/svg%3E");
}

.playkit-icon-minimize {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M672 306.745v-114.745c0-17.673-14.327-32-32-32s-32 14.327-32 32v192c0 17.673 14.327 32 32 32h192c17.673 0 32-14.327 32-32s-14.327-32-32-32h-114.745l137.373-137.373c12.497-12.497 12.497-32.758 0-45.255s-32.758-12.497-45.255 0l-137.373 137.373z' /%3E%3Cpath fill='%23fff' d='M352 717.255v114.745c0 17.673 14.327 32 32 32s32-14.327 32-32v-192c0-17.673-14.327-32-32-32h-192c-17.673 0-32 14.327-32 32s14.327 32 32 32h114.745l-137.373 137.373c-12.497 12.497-12.497 32.758 0 45.255s32.758 12.497 45.255 0l137.373-137.373z' /%3E%3C/svg%3E");
}

.playkit-icon-play {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M796.806 461.202c44.919 28.075 44.739 73.706 0 101.668l-459.472 287.171c-44.919 28.075-81.334 7.915-81.334-45.305v-585.4c0-53.096 36.595-73.266 81.334-45.305l459.472 287.171z' /%3E%3C/svg%3E");
}

.playkit-icon-pause {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M256 287.843c0-35.259 28.407-63.843 64-63.843 35.346 0 64 28.564 64 63.843v448.314c0 35.259-28.407 63.843-64 63.843-35.346 0-64-28.564-64-63.843v-448.314zM640 287.843c0-35.259 28.407-63.843 64-63.843 35.346 0 64 28.564 64 63.843v448.314c0 35.259-28.407 63.843-64 63.843-35.346 0-64-28.564-64-63.843v-448.314z' /%3E%3C/svg%3E");
}

.playkit-icon-volume-base {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M128 416v192h96v-192h-96zM64 383.853c0-17.592 14.012-31.853 32.094-31.853h159.813c17.725 0 32.094 14.581 32.094 31.853v256.295c0 17.592-14.012 31.853-32.094 31.853h-159.813c-17.725 0-32.094-14.581-32.094-31.853v-256.295z' /%3E%3Cpath fill='%23fff' d='M288 634.342l160 88.889v-422.462l-160 88.889v244.684zM224 352l231.787-128.771c31.046-17.248 56.213-2.487 56.213 32.476v512.589c0 35.184-25.054 49.786-56.213 32.476l-231.787-128.771v-320z' /%3E%3C/svg%3E");
}

.playkit-icon-volume-waves {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M802.017 837.177c82.359-86.627 129.183-201.774 129.183-324.26 0-123.976-47.976-240.409-132.127-327.329-12.293-12.697-32.552-13.025-45.249-0.732s-13.025 32.552-0.732 45.249c72.692 75.084 114.109 175.597 114.109 282.812 0 105.928-40.422 205.331-111.566 280.162-12.177 12.808-11.666 33.063 1.143 45.24s33.063 11.666 45.24-1.143z' /%3E%3Cpath fill='%23fff' d='M667.436 743.221c67.761-60.884 107.273-147.888 107.273-241.233 0-87.318-34.552-169.203-94.836-229.446-12.501-12.493-32.762-12.486-45.255 0.015s-12.486 32.762 0.015 45.255c48.375 48.342 76.075 113.989 76.075 184.176 0 75.021-31.679 144.776-86.048 193.627-13.146 11.812-14.227 32.044-2.416 45.19s32.044 14.227 45.19 2.416z' /%3E%3C/svg%3E");
}

.playkit-icon-volume-wave {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M667.436 743.221c67.761-60.884 107.273-147.888 107.273-241.233 0-87.318-34.552-169.203-94.836-229.446-12.501-12.493-32.762-12.486-45.255 0.015s-12.486 32.762 0.015 45.255c48.375 48.342 76.075 113.989 76.075 184.176 0 75.021-31.679 144.776-86.048 193.627-13.146 11.812-14.227 32.044-2.416 45.19s32.044 14.227 45.19 2.416z'/%3E%3C/svg%3E");
}

.playkit-icon-volume-mute {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M768 466.745l-67.986-67.986c-12.213-12.213-32.654-12.393-45.151 0.104-12.584 12.584-12.543 32.711-0.104 45.151l67.986 67.986-67.986 67.986c-12.213 12.213-12.393 32.654 0.104 45.151 12.584 12.584 32.711 12.543 45.151 0.104l67.986-67.986 67.986 67.986c12.213 12.213 32.654 12.393 45.151-0.104 12.584-12.584 12.543-32.711 0.104-45.151l-67.986-67.986 67.986-67.986c12.213-12.213 12.393-32.654-0.104-45.151-12.584-12.584-32.711-12.543-45.151-0.104l-67.986 67.986z' /%3E%3C/svg%3E");
}

.playkit-icon-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M573.162 512l214.269-214.269c16.772-16.772 16.688-44.071-0.202-60.96-17.007-17.007-44.182-16.98-60.96-0.202l-214.269 214.269-214.269-214.269c-16.772-16.772-44.071-16.688-60.96 0.202-17.007 17.007-16.98 44.182-0.202 60.96l214.269 214.269-214.269 214.269c-16.772 16.772-16.688 44.071 0.202 60.96 17.007 17.007 44.182 16.98 60.96 0.202l214.269-214.269 214.269 214.269c16.772 16.772 44.071 16.688 60.96-0.202 17.007-17.007 16.98-44.182 0.202-60.96l-214.269-214.269z' /%3E%3C/svg%3E");
}

.playkit-icon-settings {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M803.451 546.033c2.552-22.107 2.552-44.408 0.246-64.81-1.084-6.208-6.499-10.721-12.535-10.671-30.286 0.533-57.727-17.773-68.866-45.941s-3.64-60.291 18.795-80.593c3.935-3.569 4.416-9.583 0.92-13.959-13.595-17.35-29.146-33.073-46.311-46.83-4.23-3.38-10.359-2.886-14.783 1.966-14.421 14.721-34.212 22.938-54.434 22.761-9.009 0.041-17.942-1.652-26.865-5.212-28.414-11.992-46.226-40.546-44.49-71.542 0.335-5.319-3.547-9.972-8.785-10.588-21.926-2.538-44.068-2.595-65.961-0.176-5.349 0.6-9.341 5.207-9.175 10.514 1.027 30.384-16.802 58.251-45.764 70.431-8.238 3.138-16.993 4.701-25.207 4.609-20.599 0.206-40.395-7.982-55.482-23.363-2.014-2.187-4.849-3.435-7.553-3.445-2.441 0.015-4.811 0.83-6.513 2.139-17.541 13.798-33.455 29.547-47.262 46.729-3.418 4.337-2.922 10.575 0.97 14.162 22.816 20.692 30.19 53.479 17.807 83.351-13.035 27.396-41.135 44.394-71.446 43.222-5.112-0.197-9.499 3.606-10.086 9.179-2.673 22.023-2.673 44.289-0.212 64.867 1.080 6.27 6.559 10.824 13.309 10.737l2.225 0.006c28.935 0.604 54.726 18.391 65.634 45.374 11.22 28.205 3.921 60.407-18.565 81.204-3.866 3.509-4.341 9.418-0.895 13.742 13.545 17.354 29.027 33.106 46.042 46.867 4.303 3.449 10.547 2.954 14.986-1.907 14.414-14.76 34.226-23.001 54.43-22.82 9.070-0.052 18.063 1.668 27.041 5.299 28.19 12.071 45.891 40.41 44.347 71.468-0.342 5.312 3.536 9.962 8.802 10.578 21.915 2.548 44.049 2.605 65.929 0.176 5.364-0.604 9.364-5.227 9.191-10.598-0.997-30.358 16.84-58.183 45.452-70.201 8.263-3.256 17.070-4.908 25.521-4.865 20.676-0.206 40.533 8.070 55.398 23.38 2.039 2.195 4.898 3.446 7.673 3.455 2.268-0.011 4.468-0.776 6.321-2.228 17.625-13.724 33.599-29.444 47.415-46.611 3.426-4.348 2.928-10.6-0.863-14.097-22.358-20.082-30.057-51.85-19.372-79.939s37.55-46.71 67.745-46.857h5.229c5.12-0.026 9.413-3.875 9.996-8.962zM861.733 552.735c-3.961 34.572-33.157 60.748-68.129 60.926h-5.235c-5.803 0.028-10.991 3.624-13.054 9.048s-0.577 11.558 4.020 15.69c26.602 24.519 29.853 65.381 7.275 94.034-16.847 20.934-36.063 39.845-57.197 56.302-12.034 9.427-26.861 14.584-42.368 14.658-19.254-0.051-37.623-8.090-50.269-21.718-3.221-3.315-7.66-5.165-12.712-5.118-1.425-0.007-2.839 0.258-3.554 0.532-5.581 2.346-9.136 7.892-8.937 13.966 1.152 35.958-25.509 66.771-61.307 70.804-26.332 2.923-52.909 2.854-79.246-0.208-36.286-4.245-62.897-36.157-60.576-72.186 0.304-6.123-3.235-11.788-8.302-13.964-1.328-0.536-2.748-0.808-4.606-0.8-4.651-0.041-9.118 1.817-11.635 4.367-24.544 27.036-65.886 30.311-94.481 7.394-20.587-16.65-39.207-35.595-55.308-56.226-22.552-28.277-19.261-69.208 7.317-93.334 4.474-4.138 5.939-10.604 3.748-16.115-2.052-5.076-6.932-8.442-11.794-8.55-36.436 0.464-66.759-24.741-72.949-60.89-3.243-26.718-3.243-53.731-0.055-79.964 3.744-35.827 34.642-62.605 70.642-61.219 6.877 0.266 13.251-3.59 15.584-8.401 2.309-5.59 0.861-12.028-3.789-16.247-26.603-24.51-29.856-65.368-7.293-93.994 16.767-20.868 35.856-39.76 57.129-56.491 12.099-9.322 26.921-14.42 42.463-14.513 19.308 0.059 37.717 8.166 50.145 21.684 3.263 3.322 7.737 5.172 12.994 5.126 1.471 0.015 2.933-0.245 3.363-0.39 5.601-2.359 9.165-7.93 8.957-14.077-1.126-35.941 25.542-66.721 61.322-70.731 26.322-2.909 52.889-2.84 79.251 0.212 36.244 4.265 62.828 36.125 60.546 72.343-0.339 6.047 3.159 11.654 8.186 13.782 1.381 0.55 2.855 0.829 4.726 0.823 4.663 0.040 9.142-1.819 11.615-4.312 24.439-26.99 65.656-30.312 94.137-7.557 20.721 16.607 39.456 35.549 55.655 56.225 22.667 28.35 19.38 69.439-7.531 93.846-4.33 3.918-5.776 10.112-3.628 15.542s7.438 8.96 13.543 8.854c34.999-0.298 65.076 24.766 71.337 60.925 3.065 26.552 3.065 53.368 0 79.92zM511.956 589.951c43.215-0.108 78.137-35.17 78.072-78.385 0-31.732-19.132-60.334-48.461-72.448s-63.068-5.35-85.461 17.133c-22.393 22.483-29.022 56.249-16.791 85.529s40.909 48.298 72.641 48.171zM512.146 648.617c-55.438 0.221-105.58-33.029-126.965-84.224s-9.796-110.233 29.358-149.543c39.153-39.31 98.144-51.136 149.424-29.956s84.731 71.189 84.732 126.627c0.114 75.549-60.999 136.907-136.548 137.096z' /%3E%3C/svg%3E");
}

.playkit-icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M342.481 563.894c-12.577-12.416-32.838-12.285-45.254 0.292s-12.285 32.838 0.292 45.254l118.857 117.333c13.275 13.105 34.901 12.123 46.933-2.131l297.143-352c11.4-13.505 9.694-33.694-3.811-45.094s-33.694-9.694-45.094 3.811l-274.828 325.566-94.238-93.030z' /%3E%3C/svg%3E");
}

.playkit-icon-check-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M342.481 563.894c-12.577-12.416-32.838-12.285-45.254 0.292s-12.285 32.838 0.292 45.254l118.857 117.333c13.275 13.105 34.901 12.123 46.933-2.131l297.143-352c11.4-13.505 9.694-33.694-3.811-45.094s-33.694-9.694-45.094 3.811l-274.828 325.566-94.238-93.030z' /%3E%3C/svg%3E");
}

.playkit-icon-language {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M512 800c159.058 0 288-128.942 288-288s-128.942-288-288-288c-159.058 0-288 128.942-288 288s128.942 288 288 288zM512 864c-194.404 0-352-157.596-352-352s157.596-352 352-352c194.404 0 352 157.596 352 352s-157.596 352-352 352z' /%3E%3Cpath fill='%23fff' d='M441.231 173.324c-76.632 84.62-121.231 207.208-121.231 338.676 0 134.304 46.556 259.282 126.083 343.936l46.646-43.82c-68.041-72.429-108.728-181.651-108.728-300.116 0-116.001 39.001-223.203 104.669-295.716l-47.438-42.96z' /%3E%3Cpath fill='%23fff' d='M584.297 173.324c76.632 84.62 121.231 207.208 121.231 338.676 0 134.304-46.556 259.282-126.083 343.936l-46.646-43.82c68.041-72.429 108.728-181.651 108.728-300.116 0-116.001-39.001-223.203-104.669-295.716l47.438-42.96z' /%3E%3Cpath fill='%23fff' d='M840.432 419.786c-81.65-22.637-200.551-35.786-328.432-35.786-128.056 0-247.103 13.185-328.758 35.876l17.136 61.663c75.47-20.972 188.938-33.539 311.622-33.539 122.521 0 235.854 12.533 311.334 33.459l17.099-61.674z' /%3E%3Cpath fill='%23fff' d='M840.432 605.754c-81.65 22.637-200.551 35.786-328.432 35.786-128.056 0-247.103-13.185-328.758-35.876l17.136-61.663c75.47 20.972 188.938 33.539 311.622 33.539 122.521 0 235.854-12.533 311.334-33.459l17.099 61.674z' /%3E%3Cpath fill='%23fff' d='M480 192h64v640h-64v-640z' /%3E%3C/svg%3E");
}

.playkit-icon-quality {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M159.904 192h288.234c17.277 0 31.862 14.323 31.862 31.992 0 17.792-14.261 31.993-31.853 31.994l-288.147 0.014v544.174c-0.017-0.18 704-0.174 704-0.174v-128.006c0-17.795 14.327-31.994 32-31.994 17.796 0 32 14.34 32 32.029v128.145c0 35.25-28.639 63.826-63.904 63.826h-704.192c-35.293 0-63.904-28.875-63.904-63.826v-544.348c0-35.25 28.639-63.826 63.904-63.826zM501.818 378.182c108.449 0 196.364-87.915 196.364-196.364 0-29.091 43.636-29.091 43.636 0 0 108.449 87.915 196.364 196.364 196.364 29.091 0 29.091 43.636 0 43.636-108.449 0-196.364 87.915-196.364 196.364 0 29.091-43.636 29.091-43.636 0 0-108.449-87.915-196.364-196.364-196.364-29.091 0-29.091-43.636 0-43.636z' /%3E%3C/svg%3E");
}

.playkit-icon-captions {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M160 771.213c-0.017-0.172 704-0.166 704-0.166v-518.261c0.017 0.172-704 0.166-704 0.166v518.261zM96 252.787c0-33.572 28.639-60.787 63.904-60.787h704.192c35.293 0 63.904 27.5 63.904 60.787v518.427c0 33.572-28.639 60.787-63.904 60.787h-704.192c-35.293 0-63.904-27.5-63.904-60.787v-518.427z' /%3E%3Cpath fill='%23fff' d='M490.583 568.655c0 7.729-2.311 15.987-6.933 24.777s-11.668 17.162-21.14 25.118c-9.471 7.956-21.405 14.358-35.801 19.208s-30.611 7.274-48.644 7.274c-38.34 0-68.268-11.176-89.787-33.528s-32.278-52.319-32.278-89.901c0-25.459 4.925-47.962 14.775-67.511s24.095-34.665 42.734-45.348c18.639-10.684 40.916-16.025 66.829-16.025 16.063 0 30.8 2.349 44.212 7.047s24.777 10.759 34.096 18.185c9.32 7.425 16.442 15.343 21.367 23.754s7.388 16.253 7.388 23.527c0 7.425-2.766 13.714-8.297 18.867s-12.237 7.729-20.117 7.729c-5.152 0-9.433-1.326-12.843-3.978s-7.236-6.933-11.479-12.843c-7.577-11.517-15.495-20.155-23.754-25.913s-18.753-8.638-31.482-8.638c-18.336 0-33.111 7.16-44.325 21.481s-16.821 33.907-16.821 58.759c0 11.669 1.44 22.39 4.319 32.164s7.047 18.109 12.502 25.004c5.455 6.895 12.047 12.123 19.776 15.684s16.215 5.342 25.459 5.342c12.426 0 23.072-2.879 31.937-8.638s16.707-14.548 23.527-26.368c3.789-6.971 7.88-12.426 12.275-16.366s9.774-5.91 16.139-5.91c7.577 0 13.866 2.879 18.867 8.638s7.501 11.896 7.501 18.412zM767.219 568.655c0 7.729-2.311 15.987-6.933 24.777s-11.668 17.162-21.14 25.118c-9.471 7.956-21.405 14.358-35.801 19.208s-30.611 7.274-48.644 7.274c-38.34 0-68.268-11.176-89.787-33.528s-32.278-52.319-32.278-89.901c0-25.459 4.925-47.962 14.775-67.511s24.095-34.665 42.734-45.348c18.639-10.684 40.916-16.025 66.829-16.025 16.063 0 30.8 2.349 44.212 7.047s24.777 10.759 34.096 18.185c9.32 7.425 16.442 15.343 21.367 23.754s7.388 16.253 7.388 23.527c0 7.425-2.766 13.714-8.297 18.867s-12.237 7.729-20.117 7.729c-5.152 0-9.433-1.326-12.843-3.978s-7.236-6.933-11.479-12.843c-7.577-11.517-15.495-20.155-23.754-25.913s-18.753-8.638-31.482-8.638c-18.336 0-33.111 7.16-44.325 21.481s-16.821 33.907-16.821 58.759c0 11.669 1.44 22.39 4.319 32.164s7.047 18.109 12.502 25.004c5.455 6.895 12.047 12.123 19.776 15.684s16.215 5.342 25.459 5.342c12.426 0 23.072-2.879 31.937-8.638s16.707-14.548 23.527-26.368c3.789-6.971 7.88-12.426 12.275-16.366s9.774-5.91 16.139-5.91c7.577 0 13.866 2.879 18.867 8.638s7.501 11.896 7.501 18.412z' /%3E%3C/svg%3E");
}

.playkit-icon-speed {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M512 832c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64s28.654 64 64 64zM480.239 643.971c-0.158-1.272-0.239-2.566-0.239-3.876v-192.19c0-17.621 14.204-31.905 32-31.905 17.673 0 32 14.497 32 31.905v192.19c0 1.313-0.079 2.607-0.232 3.878 55.325 14.128 96.232 64.301 96.232 124.027 0 70.692-57.308 128-128 128s-128-57.308-128-128c0-59.729 40.91-109.903 96.239-124.029zM928 576c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-194.404-157.596-352-352-352s-352 157.596-352 352c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-229.75 186.25-416 416-416s416 186.25 416 416z' /%3E%3C/svg%3E");
}

.playkit-icon-speed-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M512 800c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64s28.654 64 64 64zM401.852 670.758c-1.056-0.826-2.077-1.728-3.055-2.706l-113.005-113.005c-12.533-12.533-12.65-32.737-0.066-45.321 12.497-12.497 32.536-12.719 45.321 0.066l113.005 113.005c0.976 0.976 1.876 1.998 2.701 3.059 19.106-11.343 41.416-17.855 65.248-17.855 70.692 0 128 57.308 128 128s-57.308 128-128 128c-70.692 0-128-57.308-128-128 0-23.829 6.511-46.137 17.852-65.242zM928 576c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-194.404-157.596-352-352-352s-352 157.596-352 352c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-229.75 186.25-416 416-416s416 186.25 416 416z'/%3E%3C/svg%3E");
}

.playkit-icon-speed-up {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M512 800c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64s28.654 64 64 64zM546.516 612.708c0.524-1.23 1.129-2.446 1.819-3.64l79.906-138.402c8.862-15.35 28.348-20.692 43.76-11.794 15.305 8.837 20.707 28.135 11.666 43.794l-79.906 138.402c-0.693 1.201-1.451 2.34-2.268 3.416 23.761 23.238 38.508 55.655 38.508 91.516 0 70.692-57.308 128-128 128s-128-57.308-128-128c0-70.692 57.308-128 128-128 11.959 0 23.535 1.64 34.516 4.708zM928 576c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-194.404-157.596-352-352-352s-352 157.596-352 352c0 17.673-14.327 32-32 32s-32-14.327-32-32c0-229.75 186.25-416 416-416s416 186.25 416 416z'/%3E%3C/svg%3E");
}

.playkit-icon-audio {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M768 625.124v-354.531l-352 135.385v330.022c0 70.692-57.308 128-128 128s-128-57.308-128-128c0-70.692 57.308-128 128-128 23.314 0 45.173 6.233 64 17.124v-241.124c0-13.241 8.155-25.114 20.513-29.867l416-160c20.96-8.062 43.487 7.41 43.487 29.867v512c0 70.692-57.308 128-128 128s-128-57.308-128-128c0-70.692 57.308-128 128-128 23.314 0 45.173 6.233 64 17.124zM288 800c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64s28.654 64 64 64zM704 800c35.346 0 64-28.654 64-64s-28.654-64-64-64c-35.346 0-64 28.654-64 64s28.654 64 64 64z' /%3E%3C/svg%3E");
}

.playkit-icon-arrow-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M301.255 338.745c-24.994-24.994-65.516-24.994-90.51 0s-24.994 65.516 0 90.51l256 256c24.994 24.994 65.516 24.994 90.51 0l256-256c24.994-24.994 24.994-65.516 0-90.51s-65.516-24.994-90.51 0l-210.745 210.745-210.745-210.745z' /%3E%3C/svg%3E");
}

.playkit-icon-start-over {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M255.271 339.053c94.182-126.513 270.298-165.203 410.222-84.418 150.758 87.040 202.411 279.813 115.371 430.571s-279.813 202.411-430.571 115.371c-61.424-35.463-107.948-89.4-134.169-153.673-7.677-18.818-29.156-27.85-47.974-20.173s-27.85 29.156-20.173 47.974c32.339 79.269 89.818 145.906 165.517 189.611 185.96 107.364 423.747 43.649 531.111-142.311s43.649-423.747-142.311-531.111c-172.433-99.554-389.428-52.014-505.682 103.69l-27.226-78.49c-6.66-19.202-27.626-29.368-46.828-22.708s-29.368 27.626-22.708 46.828l52.434 151.164c5.36 15.452 20.275 25.513 36.61 24.694l159.799-8.011c20.299-1.018 35.929-18.298 34.911-38.596s-18.298-35.929-38.596-34.911l-89.738 4.499z' /%3E%3C/svg%3E");
}

.playkit-icon-seek-end {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M742.494 323.053c-94.182-126.513-270.298-165.203-410.222-84.418-150.758 87.040-202.411 279.813-115.371 430.571s279.813 202.411 430.571 115.371c61.424-35.463 107.948-89.4 134.169-153.673 7.677-18.818 29.156-27.85 47.974-20.173s27.85 29.156 20.173 47.974c-32.339 79.269-89.818 145.906-165.517 189.611-185.96 107.364-423.747 43.649-531.111-142.311s-43.649-423.747 142.311-531.111c172.433-99.554 389.428-52.014 505.682 103.69l27.226-78.49c6.66-19.202 27.626-29.368 46.828-22.708s29.368 27.626 22.708 46.828l-52.434 151.164c-5.36 15.452-20.275 25.513-36.61 24.694l-159.799-8.011c-20.299-1.018-35.929-18.298-34.911-38.596s18.298-35.929 38.596-34.911l89.738 4.499z'/%3E%3C/svg%3E");
}

.playkit-icon-rewind {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' opacity='0.5' d='M258.471 323.053c94.182-126.513 270.298-165.203 410.222-84.418 150.758 87.040 202.411 279.813 115.371 430.571s-279.813 202.411-430.571 115.371c-61.424-35.463-107.948-89.4-134.169-153.673-7.677-18.818-29.156-27.85-47.974-20.173s-27.85 29.156-20.173 47.974c32.339 79.269 89.818 145.906 165.517 189.611 185.96 107.364 423.747 43.649 531.111-142.311s43.649-423.747-142.311-531.111c-172.433-99.554-389.428-52.014-505.682 103.69l-27.226-78.49c-6.66-19.202-27.626-29.368-46.828-22.708s-29.368 27.626-22.708 46.828l52.434 151.164c5.36 15.452 20.275 25.513 36.61 24.694l159.799-8.011c20.299-1.018 35.929-18.298 34.911-38.596s-18.298-35.929-38.596-34.911l-89.738 4.499z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M816.068 431.974c-20.553-78.699-71.369-149.456-147.375-193.338-139.923-80.785-316.040-42.095-410.222 84.418l89.738-4.499c20.299-1.018 37.579 14.613 38.596 34.911s-14.613 37.579-34.911 38.596l-159.799 8.011c-16.335 0.819-31.25-9.242-36.61-24.694l-52.434-151.164c-6.66-19.202 3.506-40.167 22.708-46.828s40.167 3.506 46.828 22.708l27.226 78.49c116.254-155.703 333.248-203.244 505.682-103.69 91.184 52.645 152.976 136.648 179.618 230.523l-69.044 26.555z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-rewind-10 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M258.471 323.053c94.182-126.513 270.298-165.203 410.222-84.418 150.758 87.040 202.411 279.813 115.371 430.571s-279.813 202.411-430.571 115.371c-61.424-35.463-107.948-89.4-134.169-153.673-7.677-18.818-29.156-27.85-47.974-20.173s-27.85 29.156-20.173 47.974c32.339 79.269 89.818 145.906 165.517 189.611 185.96 107.364 423.747 43.649 531.111-142.311s43.649-423.747-142.311-531.111c-172.433-99.554-389.428-52.014-505.682 103.69l-27.226-78.49c-6.66-19.202-27.626-29.368-46.828-22.708s-29.368 27.626-22.708 46.828l52.434 151.164c5.36 15.452 20.275 25.513 36.61 24.694l159.799-8.011c20.299-1.018 35.929-18.298 34.911-38.596s-18.298-35.929-38.596-34.911l-89.738 4.499z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M413.327 636.083h67.358v-252.083h-48.527c-2.173 7.358-4.949 13.589-8.329 18.693s-7.726 9.139-13.037 12.106c-5.311 2.967-11.709 5.103-19.193 6.409s-16.417 1.958-26.798 1.958v41.302h48.527v171.616zM596.807 554.192c0 17.803 1.569 29.849 4.708 36.139s8.208 9.435 15.21 9.435c7.001 0 12.071-3.145 15.21-9.435s4.708-18.336 4.708-36.139v-83.316c0-17.803-1.569-29.849-4.708-36.139s-8.208-9.435-15.21-9.435c-7.001 0-12.071 3.145-15.21 9.435s-4.708 18.336-4.708 36.139v83.316zM529.449 512.534c0-25.398 1.75-46.405 5.251-63.021s8.812-29.789 15.934-39.522c7.122-9.732 16.176-16.497 27.16-20.295s23.962-5.697 38.93-5.697c14.969 0 27.945 1.899 38.93 5.697s20.038 10.563 27.16 20.295c7.122 9.732 12.433 22.906 15.934 39.522s5.251 37.622 5.251 63.021c0 25.636-1.75 46.702-5.251 63.199s-8.812 29.552-15.934 39.166c-7.122 9.613-16.176 16.2-27.16 19.761s-23.962 5.341-38.93 5.341c-14.969 0-27.945-1.78-38.93-5.341s-20.038-10.147-27.16-19.761c-7.122-9.613-12.433-22.668-15.934-39.166s-5.251-37.563-5.251-63.199z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-forward {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' opacity='0.5' d='M765.529 323.053c-94.182-126.513-270.298-165.203-410.222-84.418-150.758 87.040-202.411 279.813-115.371 430.571s279.813 202.411 430.571 115.371c61.424-35.463 107.948-89.4 134.169-153.673 7.677-18.818 29.156-27.85 47.974-20.173s27.85 29.156 20.173 47.974c-32.339 79.269-89.818 145.906-165.517 189.611-185.96 107.364-423.747 43.649-531.111-142.311s-43.649-423.747 142.311-531.111c172.433-99.554 389.428-52.014 505.682 103.69l27.226-78.49c6.66-19.202 27.626-29.368 46.828-22.708s29.368 27.626 22.708 46.828l-52.434 151.164c-5.36 15.452-20.275 25.513-36.61 24.694l-159.799-8.011c-20.299-1.018-35.929-18.298-34.911-38.596s18.298-35.929 38.596-34.911l89.738 4.499z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M207.932 431.974c20.553-78.699 71.369-149.456 147.375-193.338 139.923-80.785 316.040-42.095 410.222 84.418l-89.738-4.499c-20.299-1.018-37.579 14.613-38.596 34.911s14.613 37.579 34.911 38.596l159.799 8.011c16.335 0.819 31.25-9.242 36.61-24.694l52.434-151.164c6.66-19.202-3.506-40.167-22.708-46.828s-40.167 3.506-46.828 22.708l-27.226 78.49c-116.254-155.703-333.248-203.244-505.682-103.69-91.184 52.645-152.976 136.648-179.618 230.523l69.044 26.555z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-forward-10 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M765.529 323.053c-94.182-126.513-270.298-165.203-410.222-84.418-150.758 87.040-202.411 279.813-115.371 430.571s279.813 202.411 430.571 115.371c61.424-35.463 107.948-89.4 134.169-153.673 7.677-18.818 29.156-27.85 47.974-20.173s27.85 29.156 20.173 47.974c-32.339 79.269-89.818 145.906-165.517 189.611-185.96 107.364-423.747 43.649-531.111-142.311s-43.649-423.747 142.311-531.111c172.433-99.554 389.428-52.014 505.682 103.69l27.226-78.49c6.66-19.202 27.626-29.368 46.828-22.708s29.368 27.626 22.708 46.828l-52.434 151.164c-5.36 15.452-20.275 25.513-36.61 24.694l-159.799-8.011c-20.299-1.018-35.929-18.298-34.911-38.596s18.298-35.929 38.596-34.911l89.738 4.499z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M365.327 636.083h67.358v-252.083h-48.527c-2.173 7.358-4.949 13.589-8.329 18.693s-7.726 9.139-13.037 12.106c-5.311 2.967-11.709 5.103-19.193 6.409s-16.417 1.958-26.798 1.958v41.302h48.527v171.616zM548.807 554.192c0 17.803 1.569 29.849 4.708 36.139s8.208 9.435 15.21 9.435c7.001 0 12.071-3.145 15.21-9.435s4.708-18.336 4.708-36.139v-83.316c0-17.803-1.569-29.849-4.708-36.139s-8.208-9.435-15.21-9.435c-7.001 0-12.071 3.145-15.21 9.435s-4.708 18.336-4.708 36.139v83.316zM481.449 512.534c0-25.398 1.75-46.405 5.251-63.021s8.812-29.789 15.934-39.522c7.122-9.732 16.176-16.497 27.16-20.295s23.962-5.697 38.93-5.697c14.969 0 27.945 1.899 38.93 5.697s20.038 10.563 27.16 20.295c7.122 9.732 12.433 22.906 15.934 39.522s5.251 37.622 5.251 63.021c0 25.636-1.75 46.702-5.251 63.199s-8.812 29.552-15.934 39.166c-7.122 9.613-16.176 16.2-27.16 19.761s-23.962 5.341-38.93 5.341c-14.969 0-27.945-1.78-38.93-5.341s-20.038-10.147-27.16-19.761c-7.122-9.613-12.433-22.668-15.934-39.166s-5.251-37.563-5.251-63.199z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-vr-stereo {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='32' height='32' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M25 16C25 17.3807 23.8807 18.5 22.5 18.5C21.1193 18.5 20 17.3807 20 16C20 14.6193 21.1193 13.5 22.5 13.5C23.8807 13.5 25 14.6193 25 16Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M29.6097 6.79267C30.0475 6.45594 30.1293 5.82809 29.7926 5.39034C29.4559 4.95258 28.828 4.87069 28.3903 5.20743L2.39028 25.2074C1.95252 25.5442 1.87063 26.172 2.20736 26.6098C2.5441 27.0475 3.17195 27.1294 3.6097 26.7927L5.94017 25H11.8676C12.9214 25 13.8979 24.4471 14.4401 23.5435L16 20.9437L17.5599 23.5435C18.1021 24.4471 19.0786 25 20.1324 25H27C28.6569 25 30 23.6569 30 22V10C30 8.96373 29.4746 8.05017 28.6756 7.5112L29.6097 6.79267ZM26.7402 9L8.54017 23H11.8676C12.2189 23 12.5444 22.8157 12.7251 22.5145L14.285 19.9147C14.4539 19.6332 14.6895 19.3976 14.971 19.2287C15.9182 18.6604 17.1467 18.9675 17.715 19.9147L19.2749 22.5145C19.4556 22.8157 19.7811 23 20.1324 23H27C27.5523 23 28 22.5523 28 22V10C28 9.44772 27.5523 9 27 9H26.7402Z'/%3E%3Cpath fill='%23fff' d='M5 7H22.7795L20.1795 9H5C4.44772 9 4 9.44772 4 10V21.4458L2.13197 22.8827C2.04618 22.6036 2 22.3072 2 22V10C2 8.34315 3.34315 7 5 7Z'/%3E%3Cpath fill='%23fff' d='M11.9163 15.3563C11.6324 14.2875 10.6582 13.5 9.5 13.5C8.11929 13.5 7 14.6193 7 16C7 16.9287 7.50642 17.7392 8.25819 18.1703L11.9163 15.3563Z'/%3E%3C/svg%3E");
}

.playkit-icon-vr-stereo-full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='32' height='32' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M12 16C12 17.3807 10.8807 18.5 9.5 18.5C8.11929 18.5 7 17.3807 7 16C7 14.6193 8.11929 13.5 9.5 13.5C10.8807 13.5 12 14.6193 12 16Z'/%3E%3Cpath fill='%23fff' d='M22.5 18.5C23.8807 18.5 25 17.3807 25 16C25 14.6193 23.8807 13.5 22.5 13.5C21.1193 13.5 20 14.6193 20 16C20 17.3807 21.1193 18.5 22.5 18.5Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M27 7H5C3.34315 7 2 8.34315 2 10V22C2 23.6569 3.34315 25 5 25H11.8676C12.9214 25 13.8979 24.4471 14.4401 23.5435L16 20.9437L17.5599 23.5435C18.1021 24.4471 19.0786 25 20.1324 25H27C28.6569 25 30 23.6569 30 22V10C30 8.34315 28.6569 7 27 7ZM4 10C4 9.44772 4.44772 9 5 9H27C27.5523 9 28 9.44772 28 10V22C28 22.5523 27.5523 23 27 23H20.1324C19.7811 23 19.4556 22.8157 19.2749 22.5145L17.715 19.9147C17.1467 18.9675 15.9182 18.6604 14.971 19.2287C14.6895 19.3976 14.4539 19.6332 14.285 19.9147L12.7251 22.5145C12.5444 22.8157 12.2189 23 11.8676 23H5C4.44772 23 4 22.5523 4 22V10Z'/%3E%3C/svg%3E");
}

.playkit-icon-chromecast {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M160 704v96h96c0-53.12-42.88-96-96-96zM160 576v64c88.32 0 160 71.68 160 160h64c0-123.84-100.16-224-224-224zM736 352h-448v52.16c126.72 40.96 226.88 141.12 267.84 267.84h180.16v-320zM160 448v64c159.040 0 288 128.96 288 288h64c0-194.56-157.76-352-352-352zM800 224h-576c-35.2 0-64 28.8-64 64v96h64v-96h576v448h-224v64h224c35.2 0 64-28.8 64-64v-448c0-35.2-28.8-64-64-64z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-chromecast-brand {
    background-image: var(--playkit-icon-chromecast-url);
}

.playkit-icon-next {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M640 549.333l-264.982 154.573c-30.386 17.725-55.018 3.388-55.018-32.094v-319.625c0-35.45 24.605-49.835 55.018-32.094l264.982 154.573v-154.448c0-17.794 14.204-32.219 32-32.219 17.673 0 32 14.398 32 32.219v383.562c0 17.794-14.204 32.219-32 32.219-17.673 0-32-14.398-32-32.219v-154.448z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-prev {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M384 549.333l264.982 154.573c30.386 17.725 55.018 3.388 55.018-32.094v-319.625c0-35.45-24.605-49.835-55.018-32.094l-264.982 154.573v-154.448c0-17.794-14.204-32.219-32-32.219-17.673 0-32 14.398-32 32.219v383.562c0 17.794 14.204 32.219 32 32.219 17.673 0 32-14.398 32-32.219v-154.448z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-picture-in-picture-start {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M224 256c-17.673 0-32 14.327-32 32v448c0 17.673 14.327 32 32 32h576c17.673 0 32-14.327 32-32v-448c0-17.673-14.327-32-32-32h-576zM224 192h576c53.019 0 96 42.981 96 96v448c0 53.019-42.981 96-96 96h-576c-53.019 0-96-42.981-96-96v-448c0-53.019 42.981-96 96-96z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M544 512h192c17.673 0 32 14.327 32 32v128c0 17.673-14.327 32-32 32h-192c-17.673 0-32-14.327-32-32v-128c0-17.673 14.327-32 32-32z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-picture-in-picture-stop {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M800 192c51.126 0 92.917 39.965 95.837 90.359l0.163 5.641v448c0 51.126-39.965 92.917-90.359 95.837l-5.641 0.163h-576c-51.126 0-92.917-39.965-95.837-90.359l-0.163-5.641v-64c0-17.673 14.327-32 32-32 16.411 0 29.936 12.353 31.785 28.268l0.215 3.732v64c0 16.411 12.353 29.936 28.268 31.785l3.732 0.215h576c16.411 0 29.936-12.353 31.785-28.268l0.215-3.732v-448c0-16.411-12.353-29.936-28.268-31.785l-3.732-0.215h-192c-17.673 0-32-14.327-32-32 0-16.411 12.353-29.936 28.268-31.785l3.732-0.215h192z'%3E%3C/path%3E%3Cpath fill='%23fff' d='M416 192c17.673 0 32 14.327 32 32 0 16.411-12.353 29.936-28.268 31.785l-3.732 0.215-178.752-0.032 202.711 202.736c12.497 12.497 12.497 32.758 0 45.255-11.535 11.535-29.687 12.423-42.24 2.662l-3.015-2.662-202.704-202.679v178.72c0 16.411-12.353 29.936-28.268 31.785l-3.732 0.215c-16.411 0-29.936-12.353-31.785-28.268l-0.215-3.732v-256l0.005-0.588c0.014-0.757 0.054-1.514 0.122-2.268l-0.127 2.856c0-1.62 0.12-3.212 0.353-4.767 0.083-0.544 0.182-1.101 0.295-1.656 0.141-0.705 0.307-1.399 0.495-2.084 0.14-0.5 0.288-0.992 0.449-1.482 0.204-0.629 0.434-1.262 0.684-1.885 0.227-0.568 0.466-1.121 0.722-1.669 0.311-0.661 0.644-1.314 0.998-1.954 0.212-0.388 0.439-0.779 0.676-1.166 0.503-0.818 1.040-1.614 1.61-2.382 0.174-0.238 0.351-0.47 0.532-0.7 1.588-2.021 3.42-3.854 5.45-5.446l-2.891 2.563c1.133-1.133 2.329-2.163 3.578-3.090 0.774-0.571 1.569-1.108 2.389-1.609 0.386-0.239 0.777-0.466 1.171-0.685 0.633-0.348 1.285-0.681 1.951-0.993 0.544-0.255 1.098-0.495 1.656-0.718 0.632-0.253 1.265-0.483 1.907-0.694 0.476-0.154 0.969-0.302 1.464-0.438 0.69-0.192 1.384-0.359 2.086-0.502 0.557-0.111 1.115-0.209 1.674-0.293 0.327-0.051 0.672-0.097 1.019-0.137l0.876-0.088c0.755-0.067 1.511-0.108 2.268-0.122l0.588-0.005h256z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-advanced-audio-description {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='32' height='32' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M24.5517 12.666H23.6342C24.67 13.5857 25.2672 14.8454 25.2672 16.1541C25.2672 17.3159 24.7998 18.4262 23.9718 19.3072H24.8517C25.5874 18.403 26 17.2953 26 16.1541C26 14.8686 25.4749 13.6321 24.5517 12.666Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.6097 6.79267C30.0475 6.45594 30.1293 5.82809 29.7926 5.39034C29.4559 4.95258 28.828 4.87069 28.3903 5.20743L2.39028 25.2074C1.95252 25.5442 1.87063 26.172 2.20736 26.6098C2.5441 27.0475 3.17195 27.1294 3.6097 26.7927L4.67285 25.9749C4.77836 25.9914 4.88663 26 4.997 26H27.003C28.105 26 29 25.1495 29 24.1004V7.89958C29 7.70242 28.9679 7.51176 28.9083 7.33221L29.6097 6.79267ZM27 8.80013L21.9744 12.666H22.6752C23.5984 13.6321 24.1235 14.8686 24.1235 16.1541C24.1235 17.2953 23.7109 18.403 22.9695 19.3072H22.0953C22.9233 18.4262 23.3907 17.3159 23.3907 16.1541C23.3907 14.8877 22.8315 13.6673 21.8569 12.7564L21.2576 13.2174C21.8933 14.0825 22.2412 15.1019 22.2412 16.1541C22.2412 17.2953 21.8344 18.403 21.093 19.3072H20.2188C21.041 18.4262 21.5084 17.3159 21.5084 16.1541C21.5084 15.2579 21.2311 14.3848 20.7237 13.628L19.7255 14.3959C20.0176 14.8723 20.1836 15.42 20.1836 16.0032C20.1836 17.8374 18.5103 19.3289 16.4532 19.3289V19.3315H14.1654V18.6729L13.3945 19.2659V19.3327H13.3077L7.1129 24.0979C12.6219 24.0951 27 24.0952 27 24.0952V8.80013ZM15.732 17.4679V17.7781H16.2513C17.3505 17.7781 18.2362 16.9821 18.2362 16.0032C18.2362 15.859 18.2169 15.7188 18.1804 15.5844L15.732 17.4679Z' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M4.997 6H24.0795L21.6053 7.90324C15.0918 7.90485 5 7.90476 5 7.90476V20.6766L3 22.215V7.89958C3 6.85047 3.89498 6 4.997 6Z'/%3E%3Cpath fill='%23fff' d='M14.1654 12.6723H15.4055L14.1654 13.6263V12.6723Z'/%3E%3Cpath fill='%23fff' d='M13.3945 12.6709V14.2193L11.7717 15.4676V14.678L10.4942 16.4502L6.74704 19.3327H6L11.3547 12.6709H13.3945Z'/%3E%3C/svg%3E");
}

.playkit-icon-advanced-audio-description-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='32' height='32' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M24.5517 12.666H23.6342C24.67 13.5857 25.2672 14.8454 25.2672 16.1541C25.2672 17.3159 24.7998 18.4262 23.9718 19.3072H24.8517C25.5874 18.403 26 17.2953 26 16.1541C26 14.8686 25.4749 13.6321 24.5517 12.666Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M13.3945 19.3327H11.7615V18.4517H9.02645L8.3975 19.3327H6L11.3547 12.6709H13.3945V19.3327ZM10.0522 17.0635H11.7717V14.678L10.0522 17.0635Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M20.1836 16.0032C20.1836 17.8374 18.5103 19.3289 16.4532 19.3289V19.3315H14.1654V12.6723H16.4705C18.5276 12.6723 20.1836 14.1613 20.1836 16.0032ZM16.2513 14.2308C17.3505 14.2308 18.2362 15.0268 18.2362 16.0032C18.2362 16.9821 17.3505 17.7781 16.2513 17.7781H15.732V14.2308H16.2513Z'/%3E%3Cpath fill='%23fff' d='M21.7577 12.666H22.6752C23.5984 13.6321 24.1235 14.8686 24.1235 16.1541C24.1235 17.2953 23.7109 18.403 22.9695 19.3072H22.0953C22.9233 18.4262 23.3907 17.3159 23.3907 16.1541C23.3907 14.8454 22.7935 13.5857 21.7577 12.666Z'/%3E%3Cpath fill='%23fff' d='M20.7929 12.666H19.8812C20.917 13.5857 21.5084 14.8454 21.5084 16.1541C21.5084 17.3159 21.041 18.4262 20.2188 19.3072H21.093C21.8344 18.403 22.2412 17.2953 22.2412 16.1541C22.2412 14.8686 21.7219 13.6321 20.7929 12.666Z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M4.997 6C3.89498 6 3 6.85047 3 7.89958V24.1004C3 25.1406 3.89409 26 4.997 26H27.003C28.105 26 29 25.1495 29 24.1004V7.89958C29 6.85938 28.1059 6 27.003 6H4.997ZM27 24.0952C27 24.0952 4.99946 24.0951 5 24.1004V7.90476C5 7.90476 27.0005 7.90495 27 7.89958V24.0952Z'/%3E%3C/svg%3E");
}

.playkit-icon-quality-hd:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M13.9931545,4 C14.5492199,4 15,4.45303631 15,4.99703014 L15,11.0029699 C15,11.5536144 14.5500512,12 13.9931545,12 L2.00684547,12 C1.45078007,12 1,11.5469637 1,11.0029699 L1,4.99703014 C1,4.4463856 1.44994876,4 2.00684547,4 L13.9931545,4 Z M3.73939861,5 L2,5 L2,11 L3.73939861,11 L3.73918396,8.56940659 L5.96845644,8.56940659 L5.9691596,11 L7.69930609,11 L7.69930609,5 L5.9691596,5 L5.96845644,7.32457143 L3.73918396,7.32457143 L3.73939861,5 Z M10.849653,5 L8.65690054,5 L8.65690054,11 L10.8774094,11 L11.1387878,10.9921562 C11.5670397,10.9660102 11.9583976,10.8744992 12.3128614,10.7176232 L12.3128614,10.7176232 L12.4919044,10.6311813 L12.686671,10.5199596 C13.0639309,10.2858264 13.3675515,9.98155416 13.5975328,9.60714286 C13.827514,9.23273155 13.9589319,8.81088809 13.9917864,8.34161247 L13.9917864,8.34161247 L14,8.10302198 L14,7.9010989 L13.9917864,7.66145717 C13.9589319,7.19033135 13.827514,6.76815149 13.5975328,6.39491758 C13.3292213,5.95947802 12.9583655,5.61813187 12.4849653,5.37087912 C12.0791937,5.15894819 11.6207417,5.03784481 11.1096093,5.00756896 L11.1096093,5.00756896 L10.849653,5 Z M10.849653,6.24862637 C11.154973,6.24862637 11.4101773,6.30906593 11.615266,6.42994505 C11.8203547,6.55082418 11.9745567,6.73282967 12.077872,6.97596154 C12.1605243,7.17046703 12.2101157,7.40497253 12.2266461,7.67947802 L12.2266461,7.67947802 L12.232845,7.89285714 L12.232845,8.10302198 L12.2265536,8.31796703 C12.2097764,8.59445055 12.1594449,8.83049451 12.075559,9.0260989 C11.9707016,9.2706044 11.8180416,9.4532967 11.617579,9.57417582 C11.4572089,9.67087912 11.2672321,9.7289011 11.0476484,9.74824176 L11.0476484,9.74824176 L10.8774094,9.75549451 L10.3957366,9.75600879 L10.3957366,6.24937143 Z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-quality-hd-active:after {
    background-image: var(--playkit-icon-quality-HD-active-url);
}

.playkit-icon-quality-4k:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M13.9931545,4 C14.5492199,4 15,4.45303631 15,4.99703014 L15,11.0029699 C15,11.5536144 14.5500512,12 13.9931545,12 L2.00684547,12 C1.45078007,12 1,11.5469637 1,11.0029699 L1,4.99703014 C1,4.4463856 1.44994876,4 2.00684547,4 L13.9931545,4 Z M6.52117789,5 L4.77853973,5 L4.7778117,5.01381978 L2,8.80769231 L2.10649455,9.76785714 L4.7778117,9.76866813 L4.77853973,11 L6.52117789,11 L6.52063574,9.76866813 L7.19402985,9.76785714 L7.19402985,8.5728022 L6.52063574,8.57362637 L6.52117789,5 Z M9.81282775,5 L7.99273901,5 L7.99273901,11 L9.81282775,11 L9.8119758,9.5061978 L10.4712352,8.88589011 L11.8313836,11 L13.9806374,11 L11.6856603,7.6629978 L14,5 L11.7587737,5 L10.3549818,6.78434066 L9.8119758,7.5229011 L9.81282775,5 Z M4.7778117,7.01905934 L4.7778117,8.57362637 L3.65066559,8.5728022 L4.69624849,7.13873626 L4.7778117,7.01905934 Z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-quality-4k-active:after {
    background-image: var(--playkit-icon-quality-4K-active-url);
}

.playkit-icon-quality-8k:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 16' width='16' height='16' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M13.9931545,4 C14.5492199,4 15,4.45303631 15,4.99703014 L15,11.0029699 C15,11.5536144 14.5500512,12 13.9931545,12 L2.00684547,12 C1.45078007,12 1,11.5469637 1,11.0029699 L1,4.99703014 C1,4.4463856 1.44994876,4 2.00684547,4 L13.9931545,4 Z M4.5,5 C4.04427083,5 3.6389974,5.06279225 3.28417969,5.18837675 C2.92936198,5.31396126 2.65104167,5.499666 2.44921875,5.74549098 C2.24739583,5.99131597 2.14648438,6.29458918 2.14648438,6.65531062 C2.14648438,6.96259185 2.24820964,7.23112892 2.45166016,7.46092184 C2.58729384,7.61411712 2.75692636,7.74445187 2.96055773,7.85192607 L2.96055773,7.85192607 L3.07972656,7.90981323 L3.04817708,7.92134269 L2.87890625,8.000668 C2.71614583,8.08483634 2.57291667,8.18353373 2.44921875,8.29676019 L2.44921875,8.29676019 L2.33203125,8.41482966 L2.24394133,8.52320968 C2.08131378,8.74602266 2,9.00515316 2,9.3006012 C2,9.67735471 2.10986328,9.99131597 2.32958984,10.242485 C2.54931641,10.493654 2.84879557,10.6826987 3.22802734,10.8096192 C3.60725911,10.9365397 4.03613281,11 4.51464844,11 C4.99641927,11 5.42366536,10.9365397 5.79638672,10.8096192 C6.16910807,10.6826987 6.46289063,10.493654 6.67773438,10.242485 C6.89257813,9.99131597 7,9.67735471 7,9.3006012 C7,8.95591182 6.89176432,8.66065464 6.67529297,8.41482966 L6.67529297,8.41482966 L6.56041124,8.29676019 C6.3983742,8.14579158 6.20089157,8.02065242 5.96796332,7.92134269 L5.96796332,7.92134269 L5.94,7.911 L6.06141493,7.85192607 L6.20532227,7.76703407 C6.29701063,7.70758183 6.38019929,7.64241446 6.45488824,7.57153195 L6.45488824,7.57153195 L6.56054688,7.46092184 L6.65155707,7.3427967 C6.78945132,7.14054034 6.85839844,6.91137831 6.85839844,6.65531062 C6.85839844,6.29458918 6.75830078,5.99131597 6.55810547,5.74549098 C6.35791016,5.499666 6.08121745,5.31396126 5.72802734,5.18837675 C5.37483724,5.06279225 4.96549479,5 4.5,5 Z M9.8178888,5 L8,5 L8,11 L9.8178888,11 L9.81771088,9.5061978 L10.4751832,8.88673407 L11.8340048,11 L13.9806608,11 L11.6891307,7.6629978 L14,5 L11.7614827,5 L10.3593876,6.78434066 L9.81771088,7.5229011 L9.8178888,5 Z M4.50488281,8.51903808 C4.6546224,8.51903808 4.78401693,8.54375418 4.89306641,8.59318637 C5.00211589,8.64261857 5.0867513,8.71543086 5.14697266,8.81162325 C5.20719401,8.90781563 5.23730469,9.02805611 5.23730469,9.17234469 C5.23730469,9.30861723 5.20800781,9.4261857 5.14941406,9.5250501 C5.09082031,9.6239145 5.0069987,9.7007348 4.89794922,9.75551102 C4.78889974,9.81028724 4.66113281,9.83767535 4.51464844,9.83767535 C4.36490885,9.83767535 4.23388672,9.81028724 4.12158203,9.75551102 C4.00927734,9.7007348 3.92220052,9.6239145 3.86035156,9.5250501 C3.7985026,9.4261857 3.76757812,9.30861723 3.76757812,9.17234469 C3.76757812,9.02805611 3.7985026,8.90781563 3.86035156,8.81162325 C3.92220052,8.71543086 4.00846354,8.64261857 4.11914062,8.59318637 C4.22981771,8.54375418 4.35839844,8.51903808 4.50488281,8.51903808 Z M4.5,6.16232465 C4.63671875,6.16232465 4.74902344,6.18570474 4.83691406,6.23246493 C4.92480469,6.27922512 4.99072266,6.34535738 5.03466797,6.43086172 C5.07861328,6.51636607 5.10058594,6.62057448 5.10058594,6.74348697 C5.10058594,6.86372745 5.08024089,6.96993988 5.03955078,7.06212425 C4.99886068,7.15430862 4.93538411,7.22645291 4.84912109,7.27855711 C4.76285807,7.33066132 4.65136719,7.35671343 4.51464844,7.35671343 C4.37792969,7.35671343 4.2648112,7.33066132 4.17529297,7.27855711 C4.08577474,7.22645291 4.01985677,7.15430862 3.97753906,7.06212425 C3.93522135,6.96993988 3.9140625,6.86372745 3.9140625,6.74348697 C3.9140625,6.62057448 3.93522135,6.51636607 3.97753906,6.43086172 C4.01985677,6.34535738 4.08496094,6.27922512 4.17285156,6.23246493 C4.26074219,6.18570474 4.36979167,6.16232465 4.5,6.16232465 Z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-quality-8k-active:after {
    background-image: var(--playkit-icon-quality-8K-active-url);
}

.playkit-icon-closed-captions-on {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M15.114 18.545c0.144-0.275 0.217-0.533 0.217-0.774 0-0.204-0.078-0.395-0.234-0.575s-0.353-0.27-0.59-0.27c-0.199 0-0.367 0.061-0.504 0.185s-0.265 0.294-0.384 0.511c-0.213 0.369-0.458 0.644-0.735 0.824s-0.61 0.27-0.998 0.27c-0.289 0-0.554-0.056-0.796-0.167s-0.447-0.275-0.618-0.49c-0.171-0.215-0.301-0.476-0.391-0.781s-0.135-0.64-0.135-1.005c0-0.777 0.175-1.389 0.526-1.836s0.812-0.671 1.385-0.671c0.398 0 0.726 0.090 0.984 0.27s0.505 0.45 0.742 0.81c0.133 0.185 0.252 0.318 0.359 0.401s0.24 0.124 0.401 0.124c0.246 0 0.456-0.081 0.629-0.242s0.259-0.357 0.259-0.59c0-0.227-0.077-0.472-0.231-0.735s-0.377-0.51-0.668-0.742c-0.291-0.232-0.646-0.421-1.066-0.568s-0.88-0.22-1.382-0.22c-0.81 0-1.506 0.167-2.088 0.501s-1.028 0.806-1.335 1.417-0.462 1.314-0.462 2.11c0 1.174 0.336 2.111 1.009 2.809s1.608 1.048 2.806 1.048c0.564 0 1.070-0.076 1.52-0.227s0.823-0.352 1.119-0.6c0.296-0.249 0.516-0.51 0.661-0.785z'%3E%3C/path%3E %3Cpath fill='%23fff' d='M23.759 18.545c0.145-0.275 0.217-0.533 0.217-0.774 0-0.204-0.078-0.395-0.234-0.575s-0.353-0.27-0.59-0.27c-0.199 0-0.367 0.061-0.504 0.185s-0.265 0.294-0.384 0.511c-0.213 0.369-0.458 0.644-0.735 0.824s-0.61 0.27-0.998 0.27c-0.289 0-0.554-0.056-0.796-0.167s-0.448-0.275-0.618-0.49c-0.17-0.215-0.301-0.476-0.391-0.781s-0.135-0.64-0.135-1.005c0-0.777 0.175-1.389 0.526-1.836s0.812-0.671 1.385-0.671c0.398 0 0.726 0.090 0.984 0.27s0.506 0.45 0.742 0.81c0.133 0.185 0.252 0.318 0.359 0.401s0.24 0.124 0.401 0.124c0.246 0 0.456-0.081 0.629-0.242s0.259-0.357 0.259-0.59c0-0.227-0.077-0.472-0.231-0.735s-0.377-0.51-0.668-0.742c-0.291-0.232-0.646-0.421-1.066-0.568s-0.88-0.22-1.382-0.22c-0.81 0-1.506 0.167-2.088 0.501s-1.028 0.806-1.335 1.417-0.462 1.314-0.462 2.11c0 1.174 0.336 2.111 1.009 2.809s1.608 1.048 2.806 1.048c0.564 0 1.070-0.076 1.52-0.227s0.823-0.352 1.119-0.6 0.516-0.51 0.661-0.785z'%3E%3C/path%3E %3Cpath fill='%23fff' d='M3 7.9c0-1.049 0.895-1.9 1.997-1.9h22.006c1.103 0 1.997 0.859 1.997 1.9v16.201c0 1.049-0.895 1.9-1.997 1.9h-22.006c-1.103 0-1.997-0.859-1.997-1.9v-16.201zM5 24.1c-0.001-0.005 22-0.005 22-0.005v-16.196c0 0.005-22 0.005-22 0.005v16.196z'%3E%3C/path%3E%3C/svg%3E");
}

.playkit-icon-closed-captions-off {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' width='36' height='36' fill-rule='nonzero'%3E%3Cpath fill='%23fff' d='M30.133 6.838l-1.143 0.863c0.007 0.065 0.011 0.131 0.011 0.198v16.201c0 1.049-0.895 1.9-1.997 1.9h-22.006c-0.080 0-0.159-0.005-0.236-0.013l-1.128 0.851c-0.463 0.349-1.121 0.257-1.471-0.206s-0.257-1.121 0.206-1.471l26.5-20c0.463-0.349 1.121-0.257 1.471 0.206s0.257 1.121-0.206 1.471zM27 9.202l-4.619 3.486c0.222 0.109 0.421 0.233 0.596 0.373 0.291 0.232 0.514 0.479 0.668 0.742s0.231 0.508 0.231 0.735c0 0.232-0.086 0.429-0.259 0.59s-0.382 0.242-0.629 0.242c-0.161 0-0.295-0.041-0.401-0.124s-0.226-0.217-0.359-0.401c-0.237-0.36-0.484-0.63-0.742-0.81-0.164-0.114-0.357-0.193-0.578-0.234l-2.249 1.697c-0.045 0.237-0.068 0.495-0.068 0.774 0 0.365 0.045 0.7 0.135 1.005s0.22 0.566 0.391 0.781c0.171 0.215 0.377 0.379 0.618 0.49s0.507 0.167 0.796 0.167c0.388 0 0.721-0.090 0.998-0.27s0.522-0.455 0.735-0.824c0.118-0.218 0.246-0.388 0.384-0.511s0.305-0.185 0.504-0.185c0.237 0 0.433 0.090 0.59 0.27s0.234 0.372 0.234 0.575c0 0.241-0.072 0.5-0.217 0.774s-0.365 0.536-0.661 0.785-0.669 0.449-1.119 0.6c-0.45 0.152-0.957 0.227-1.52 0.227-1.198 0-2.133-0.349-2.806-1.048-0.536-0.557-0.858-1.265-0.967-2.123l-1.382 1.043c-0.033 0.165-0.096 0.337-0.19 0.516-0.145 0.275-0.365 0.536-0.661 0.785s-0.669 0.449-1.119 0.6c-0.246 0.083-0.508 0.143-0.788 0.18l-5.283 3.987c5.615-0.003 19.737-0.003 19.737-0.003v-14.893z'%3E%3C/path%3E %3Cpath fill='%23fff' d='M4.997 6h19.546l-2.492 1.903c-6.487 0.002-17.051 0.002-17.051 0.002v13.019l-2 1.527v-14.551c0-1.049 0.895-1.9 1.997-1.9z'%3E%3C/path%3E %3Cpath fill='%23fff' d='M12.841 14.034c0.179 0.125 0.353 0.293 0.521 0.504l1.399-1.068c-0.121-0.141-0.264-0.277-0.428-0.409-0.291-0.232-0.646-0.421-1.066-0.568s-0.88-0.22-1.382-0.22c-0.81 0-1.506 0.167-2.088 0.501s-1.028 0.806-1.335 1.417-0.462 1.314-0.462 2.11c0 0.77 0.144 1.437 0.433 2.002l1.598-1.22c-0.056-0.252-0.085-0.522-0.085-0.81 0-0.777 0.175-1.389 0.526-1.836s0.812-0.671 1.385-0.671c0.398 0 0.726 0.090 0.984 0.27z'%3E%3C/path%3E%3C/svg%3E");
}

@keyframes playkit-openDropmenu {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.playkit-dropdown {
    position: relative;
    font-size: 15px;
}

.playkit-dropdown .playkit-label-badge {
    position: relative;
}

.playkit-dropdown .playkit-label-badge:after {
    top: -5px;
    right: -18px;
}

.playkit-dropdown.playkit-active .playkit-dropdown-menu {
    display: block;
    opacity: 1;
}

.playkit-dropdown.playkit-active .playkit-dropdown-button .playkit-icon-arrow-down {
    transform: rotate(180deg);
}

.playkit-dropdown .playkit-dropdown-button {
    font-weight: bold;
    line-height: 18px;
    color: #fff;
    cursor: pointer;
    padding-left: 20px;
    display: flex;
}

.playkit-dropdown .playkit-dropdown-button .playkit-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 6px;
    transition: 150ms transform;
    will-change: transform;
}

.playkit-dropdown .playkit-dropdown-button>.playkit-label-badge.playkit-badge-icon {
    margin-right: 13px;
}

.playkit-dropdown-menu {
    display: block;
    opacity: 1;
    position: absolute;
    background-color: #333;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    padding: 8px 0;
    z-index: 5;
    animation: playkit-openDropmenu 100ms ease-out forwards;
    max-height: 220px;
    overflow-y: auto;
    font-size: 15px;
    text-align: left;
    font-weight: normal;
}

.playkit-dropdown-menu.playkit-top {
    margin-bottom: 10px;
    bottom: 100%;
}

.playkit-dropdown-menu.playkit-bottom {
    margin-top: 10px;
    top: 100%;
}

.playkit-dropdown-menu.playkit-right {
    left: 0;
}

.playkit-dropdown-menu.playkit-left {
    right: 0;
}

.playkit-dropdown-menu.playkit-stick-bottom {
    bottom: -95px;
    margin: 5px 0;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px;
    margin: 4px;
    white-space: nowrap;
    min-height: 30px;
    cursor: pointer;
    border-radius: 4px;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item:hover,
.playkit-dropdown-menu .playkit-dropdown-menu-item:focus {
    background-color: var(--playkit-tone-6-color);
    color: #fff;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item.playkit-active .playkit-menu-icon-container {
    opacity: 1;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item .playkit-icon-check-active {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item .playkit-menu-icon-container {
    opacity: 0;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item>.playkit-label-badge.playkit-badge-icon {
    margin-right: 5px;
}

.playkit-player .playkit-control-button {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0);
    display: inline-block;
    opacity: .8;
    border: none;
    padding: 0;
    cursor: pointer;
}

.playkit-player .playkit-control-button.playkit-button-badge {
    position: relative;
}

.playkit-player .playkit-control-button.playkit-button-badge:after {
    top: -4px;
    right: -1px;
}

.playkit-player .playkit-control-button i {
    width: 32px;
    height: 32px;
}

.playkit-player .playkit-control-button.playkit-active {
    opacity: 1;
}

.playkit-player .playkit-control-button:disabled {
    opacity: .4;
    cursor: default;
}

.playkit-player .playkit-control-button.playkit-control-button-rounded {
    width: 36px;
    height: 36px;
    padding: 2px;
}

.playkit-player:not(.playkit-touch) .playkit-control-button:not(:disabled):hover {
    opacity: 1;
}

.playkit-player:not(.playkit-touch) .playkit-control-button:not(:disabled).playkit-control-button-rounded:hover {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 18px;
}

.playkit-player .playkit-control-button-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.playkit-player.playkit-touch .playkit-player .playkit-control-button-container {
    position: static;
}

.playkit-player.playkit-touch .playkit-control-button {
    position: relative;
}

.playkit-player.playkit-state-idle .playkit-no-idle-control {
    display: none;
}

.playkit-rotate {
    -moz-animation: playkit-spin .3s 1 linear;
    -o-animation: playkit-spin .3s 1 linear;
    -webkit-animation: playkit-spin .3s 1 linear;
    animation: playkit-spin .3s 1 linear;
}

.playkit-reverse-rotate {
    -moz-animation: playkit-reverse-spin .3s 1 linear;
    -o-animation: playkit-reverse-spin .3s 1 linear;
    -webkit-animation: playkit-reverse-spin .3s 1 linear;
    animation: playkit-reverse-spin .3s 1 linear;
}

@-webkit-keyframes playkit-spin {
    0% {
        -webkit-transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-moz-keyframes playkit-spin {
    0% {
        -moz-transform: rotate(359deg);
    }

    100% {
        -moz-transform: rotate(0deg);
    }
}

@-o-keyframes playkit-spin {
    0% {
        -o-transform: rotate(359deg);
    }

    100% {
        -o-transform: rotate(0deg);
    }
}

@-ms-keyframes playkit-spin {
    0% {
        -ms-transform: rotate(359deg);
    }

    100% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes playkit-spin {
    0% {
        transform: rotate(359deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes playkit-reverse-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@-moz-keyframes playkit-reverse-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@-o-keyframes playkit-reverse-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@-ms-keyframes playkit-reverse-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes playkit-reverse-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.playkit-upper-bar-icon {
    width: 36px;
    height: 36px;
    border-radius: 4px;
    padding: 2px;
    cursor: pointer;
    color: var(--playkit-tone-1-color);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .8;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    margin: 0 4px;
}

.playkit-upper-bar-icon:hover {
    background-color: var(--playkit-tone-4-color);
    opacity: 1;
}

.playkit-upper-bar-icon:active {
    background-color: var(--playkit-tone-6-color);
    opacity: 1;
}

.playkit-upper-bar-icon:disabled {
    opacity: .4;
}

.playkit-player a {
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
    --primary-hover-color: hsl(var(--playkit-primary-hsl-hue) var(--playkit-hsl-saturation) calc(var(--playkit-hsl-lightness) - 10%));
}

.playkit-player a:hover {
    color: var(--primary-hover-color);
}

.playkit-player a:active {
    opacity: .7;
}

.playkit-emptyUrl a {
    cursor: auto;
    pointer-events: none;
}

.playkit-player {
    overflow: hidden;
    user-select: none;
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: none;
    font-family: Lato, Helvetica Neue, Segoe UI, sans-serif;
}

.playkit-player:-webkit-full-screen {
    width: 100%;
    height: 100%;
    max-width: none;
}

.playkit-player * {
    box-sizing: border-box;
    outline: none;
}

.playkit-player ::selection {
    background-color: rgba(0, 0, 0, .1);
}

.playkit-player video {
    width: 100%;
    left: 0;
}

.playkit-player video::-webkit-media-controls-panel-container,
.playkit-player video::-webkit-media-controls {
    display: none !important;
    -webkit-appearance: none;
}

.playkit-player video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.playkit-player .playkit-player-gui {
    overflow: hidden;
    font-size: 0;
}

.playkit-player .playkit-player-gui label {
    margin-bottom: 0;
}

.playkit-player .overlay-portal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.playkit-player.playkit-overlay-active .overlay-portal {
    z-index: 11;
    pointer-events: initial;
}

.playkit-player.playkit-nav *:focus {
    outline: 1px solid var(--playkit-tab-focus-color) !important;
}

.playkit-player [id^="playkit-ads-container"] {
    transition: transform 100ms;
}

.playkit-player [id^="playkit-ads-container"][data-adtype="overlay"] {
    z-index: 1;
}

.playkit-player:not(.playkit-ad-break).playkit-metadata-loaded.playkit-hover [id^="playkit-ads-container"],
.playkit-player:not(.playkit-ad-break).playkit-metadata-loaded.playkit-state-paused [id^="playkit-ads-container"],
.playkit-player:not(.playkit-ad-break).playkit-metadata-loaded.playkit-state-idle [id^="playkit-ads-container"] {
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
}

.playkit-player.playkit-pre-playback,
.playkit-player.playkit-casting,
.playkit-player.playkit-metadata-loaded.playkit-hover,
.playkit-player.playkit-state-paused,
.playkit-player.playkit-state-idle,
.playkit-player.playkit-ad-break,
.playkit-player.playkit-menu-active,
.playkit-player.playkit-overlay-active {
    cursor: auto;
}

.playkit-player video::-webkit-media-text-track-container {
    max-height: none;
}

.playkit-player.playkit-iOS video::-webkit-media-text-track-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.playkit-player.playkit-state-paused video::-webkit-media-text-track-container,
.playkit-player.playkit-state-idle video::-webkit-media-text-track-container,
.playkit-player.playkit-hover video::-webkit-media-text-track-container {
    padding: 0 0 50px 0;
}

.playkit-player.playkit-state-paused.playkit-Safari video::-webkit-media-text-track-container,
.playkit-player.playkit-state-paused.playkit-iOS video::-webkit-media-text-track-container,
.playkit-player.playkit-state-idle.playkit-Safari video::-webkit-media-text-track-container,
.playkit-player.playkit-state-idle.playkit-iOS video::-webkit-media-text-track-container,
.playkit-player.playkit-hover.playkit-Safari video::-webkit-media-text-track-container,
.playkit-player.playkit-hover.playkit-iOS video::-webkit-media-text-track-container {
    padding: initial;
    max-height: calc(100% - 50px);
}

.playkit-player.playkit-state-paused.playkit-fullscreen.playkit-iOS video::-webkit-media-text-track-display,
.playkit-player.playkit-state-idle.playkit-fullscreen.playkit-iOS video::-webkit-media-text-track-display,
.playkit-player.playkit-hover.playkit-fullscreen.playkit-iOS video::-webkit-media-text-track-display {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
}

.playkit-player.playkit-fullscreen.playkit-iOS video::-webkit-media-text-track-container {
    max-height: none;
}

.playkit-player.playkit-overlay-active .playkit-subtitles {
    visibility: hidden;
}

.playkit-player .playkit-subtitles {
    top: 50px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transition: ease-in 100ms;
}

.playkit-player:not(.playkit-overlay-active).playkit-state-paused .playkit-subtitles,
.playkit-player:not(.playkit-overlay-active).playkit-state-idle .playkit-subtitles,
.playkit-player:not(.playkit-overlay-active).playkit-hover .playkit-subtitles {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
}

.playkit-player:not(.playkit-overlay-active).playkit-fullscreen.playkit-iOS .playkit-subtitles {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
}

.playkit-video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--playkit-player-background-color);
    transition: all 500ms;
    transition-property: left, right, bottom, top, width, height;
    display: flex;
}

.playkit-overlay-active .playkit-video-player {
    filter: blur(16px);
}

@keyframes playkit-openOverlay {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.playkit-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    animation: playkit-openOverlay 100ms ease-in-out forwards;
    z-index: 11;
}

.playkit-overlay.playkit-active {
    display: block;
    opacity: 1;
}

.playkit-overlay .playkit-overlay-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    z-index: 4;
    text-align: center;
    color: #fff;
    padding: 60px 20px 30px 20px;
    overflow-y: auto;
}

.playkit-overlay .playkit-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    margin-bottom: 60px;
    margin-top: 0px;
}

.playkit-overlay .playkit-close-overlay {
    position: absolute;
    top: 48px;
    right: 48px;
    z-index: 5;
    cursor: pointer;
}

.playkit-overlay .playkit-close-overlay .playkit-icon-close {
    width: 24px;
    height: 24px;
}

.playkit-overlay .playkit-overlay-screen {
    display: none;
}

.playkit-overlay .playkit-overlay-screen.playkit-active {
    display: block;
}

.playkit-player.playkit-size-md .playkit-overlay .playkit-overlay-contents {
    padding: 36px 20px;
}

.playkit-player.playkit-size-md .playkit-overlay .playkit-close-overlay {
    top: 38px;
}

.playkit-player.playkit-size-md .playkit-overlay .playkit-title {
    margin-bottom: 24px;
    margin-top: 0px;
}

.playkit-player.playkit-size-sm .playkit-overlay .playkit-overlay-contents,
.playkit-player.playkit-size-xs .playkit-overlay .playkit-overlay-contents {
    padding: 16px 24px;
}

.playkit-player.playkit-size-sm .playkit-overlay .playkit-close-overlay,
.playkit-player.playkit-size-xs .playkit-overlay .playkit-close-overlay {
    top: 15px;
    right: 24px;
}

.playkit-player.playkit-size-sm .playkit-overlay .playkit-title,
.playkit-player.playkit-size-xs .playkit-overlay .playkit-title {
    font-size: 20px;
    line-height: 19px;
    margin-bottom: 24px;
    margin-top: 0px;
}

@keyframes playkit-openSmartContainer {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes playkit-closeSmartContainer {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(10px);
    }
}

.playkit-player:not(.playkit-touch) .playkit-smart-container {
    background-color: #222;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    position: absolute;
    right: 0px;
    min-width: 193px;
    font-size: 15px;
    z-index: 10;
    display: block;
    animation: playkit-openSmartContainer 100ms ease-out forwards;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-leaving {
    animation: playkit-closeSmartContainer 100ms ease-out forwards;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-top {
    bottom: 100%;
    margin-bottom: 6px;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-top:before {
    display: block;
    content: " ";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-bottom {
    top: 100%;
    margin-top: 6px;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-right {
    left: 0px;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container.playkit-left {
    right: 0px;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item {
    margin: 16px;
    color: rgba(244, 244, 244, .8);
    white-space: nowrap;
    display: flex;
    justify-content: space-between;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item.playkit-select-menu-item label .playkit-label-icon {
    display: none;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item.playkit-select-menu-item .playkit-dropdown,
.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item.playkit-select-menu-item select {
    align-self: flex-end;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item.playkit-select-menu-item .playkit-dropdown span:not(.playkit-badge-icon) {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.playkit-player:not(.playkit-touch) .playkit-smart-container .playkit-smart-container-item.playkit-select-menu-item select {
    text-align-last: right;
}

.playkit-player.playkit-touch .playkit-smart-container-item,
.playkit-player.playkit-size-sm .playkit-smart-container-item,
.playkit-player.playkit-size-xs .playkit-smart-container-item {
    width: 300px;
    max-width: 100%;
    margin: 16px auto;
    color: rgba(244, 244, 244, .8);
    white-space: nowrap;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.playkit-player.playkit-touch .playkit-smart-container-item.playkit-select-menu-item label,
.playkit-player.playkit-size-sm .playkit-smart-container-item.playkit-select-menu-item label,
.playkit-player.playkit-size-xs .playkit-smart-container-item.playkit-select-menu-item label {
    font-size: 16px;
    color: rgba(255, 255, 255, .8);
    margin-right: 20px;
}

.playkit-player.playkit-touch .playkit-smart-container-item.playkit-select-menu-item label .playkit-label-icon,
.playkit-player.playkit-size-sm .playkit-smart-container-item.playkit-select-menu-item label .playkit-label-icon,
.playkit-player.playkit-size-xs .playkit-smart-container-item.playkit-select-menu-item label .playkit-label-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
}

.playkit-player.playkit-touch .playkit-smart-container-item.playkit-select-menu-item .playkit-dropdown,
.playkit-player.playkit-touch .playkit-smart-container-item.playkit-select-menu-item select,
.playkit-player.playkit-size-sm .playkit-smart-container-item.playkit-select-menu-item .playkit-dropdown,
.playkit-player.playkit-size-sm .playkit-smart-container-item.playkit-select-menu-item select,
.playkit-player.playkit-size-xs .playkit-smart-container-item.playkit-select-menu-item .playkit-dropdown,
.playkit-player.playkit-size-xs .playkit-smart-container-item.playkit-select-menu-item select {
    align-self: flex-end;
}

.playkit-player.playkit-touch .playkit-smart-container-item.playkit-select-menu-item select,
.playkit-player.playkit-size-sm .playkit-smart-container-item.playkit-select-menu-item select,
.playkit-player.playkit-size-xs .playkit-smart-container-item.playkit-select-menu-item select {
    text-align-last: right;
    min-width: 1px;
    line-height: 24px;
}

.playkit-player.playkit-touch.playkit-Windows select option,
.playkit-player.playkit-size-sm.playkit-Windows select option,
.playkit-player.playkit-size-xs.playkit-Windows select option {
    color: #000;
    background-color: #fff;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample {
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    padding: 0 31px;
    display: inline-block;
    margin: 0 12px;
    position: relative;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample:not(.playkit-custom) {
    cursor: pointer;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample.playkit-black-bg {
    background-color: #000;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample.playkit-yellow-text {
    color: #faff00;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample .playkit-active-tick {
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background-color: var(--playkit-primary-color);
    position: absolute;
    top: -5px;
    right: -5px;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample .playkit-active-tick .playkit-icon {
    vertical-align: top;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-sample span {
    font-size: 16px !important;
    line-height: 1;
    vertical-align: middle;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-button-save-cvaa {
    margin-top: 50px;
    height: 40px;
    width: 400px;
    max-width: 100%;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-captions-applied {
    margin-top: 50px;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-captions-applied a {
    color: var(--playkit-primary-brighter-color);
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-caption-form {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-caption-form a {
    color: #fff;
    line-height: 36px;
    text-decoration: none;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-caption-form a:hover,
.playkit-overlay.playkit-cvaa-overlay .playkit-custom-caption-form a:focus {
    text-decoration: underline;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-custom-caption-form .playkit-slider {
    float: right;
    width: 100px;
    margin-top: 5px;
}

.playkit-overlay.playkit-cvaa-overlay .playkit-preview-container {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-sample {
    width: 30%;
    margin: 2.33%;
    padding: 0;
}

.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-sample:first-child {
    margin-left: 0;
}

.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-sample:last-child {
    margin-right: 0;
}

.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-sample.playkit-custom {
    width: auto;
    padding: 0 10px;
}

.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-button-save-cvaa,
.playkit-player.playkit-size-sm .playkit-overlay.playkit-cvaa-overlay .playkit-custom-captions-applied {
    margin-top: 20px;
}

.playkit-font-size,
.playkit-font-alignment,
.playkit-font-color,
.playkit-font-family,
.playkit-font-style,
.playkit-font-opacity,
.playkit-background-color,
.playkit-background-opacity {
    background: initial;
}

.playkit-loading-backdrop {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 100ms opacity;
    opacity: 0;
    z-index: 5;
}

.playkit-loading-backdrop.playkit-show {
    opacity: 1;
}

.playkit-loading-backdrop.playkit-show .playkit-spinner-container {
    display: block;
}

.playkit-loading-backdrop .playkit-spinner-container {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button {
    transition: 400ms transform;
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button .playkit-icon-pause {
    transition: 400ms opacity;
    opacity: 0;
    display: none;
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button .playkit-icon-play {
    transition: 400ms opacity;
    opacity: 1;
    display: block;
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button.playkit-is-playing {
    transform: rotate(360deg);
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button.playkit-is-playing .playkit-icon-pause {
    opacity: 1;
    display: block;
}

.playkit-control-button-container.playkit-control-play-pause .playkit-control-button.playkit-is-playing .playkit-icon-play {
    opacity: 0;
    display: none;
}

.playkit-control-button-container.playkit-control-volume,
.playkit-control-button-container.playkit-volume-control {
    display: inline-block !important;
}

.playkit-control-button-container.playkit-control-volume.playkit-hover .playkit-volume-control-bar,
.playkit-control-button-container.playkit-volume-control.playkit-hover .playkit-volume-control-bar {
    display: block !important;
    opacity: 1;
    height: 112px;
    padding: 6px;
}

.playkit-control-button-container.playkit-control-volume.playkit-hover .playkit-volume-control-bar:before,
.playkit-control-button-container.playkit-volume-control.playkit-hover .playkit-volume-control-bar:before {
    height: 14px;
}

.playkit-control-button-container.playkit-control-volume.playkit-is-muted .playkit-icon-volume-waves,
.playkit-control-button-container.playkit-volume-control.playkit-is-muted .playkit-icon-volume-waves {
    opacity: 0;
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

.playkit-control-button-container.playkit-control-volume.playkit-is-muted .playkit-icon-volume-mute,
.playkit-control-button-container.playkit-volume-control.playkit-is-muted .playkit-icon-volume-mute {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.playkit-control-button-container.playkit-control-volume.playkit-dragging-active .playkit-volume-control-bar,
.playkit-control-button-container.playkit-volume-control.playkit-dragging-active .playkit-volume-control-bar {
    display: block !important;
    opacity: 1;
    height: 112px;
    padding: 6px;
}

.playkit-control-button-container.playkit-control-volume.playkit-dragging-active .playkit-volume-control-bar:before,
.playkit-control-button-container.playkit-volume-control.playkit-dragging-active .playkit-volume-control-bar:before {
    height: 14px;
}

.playkit-control-button-container.playkit-control-volume .playkit-icon-volume-waves,
.playkit-control-button-container.playkit-volume-control .playkit-icon-volume-waves {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.playkit-control-button-container.playkit-control-volume .playkit-icon-volume-mute,
.playkit-control-button-container.playkit-volume-control .playkit-icon-volume-mute {
    opacity: 1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.playkit-control-button-container.playkit-control-volume .playkit-icon-volume-waves,
.playkit-control-button-container.playkit-control-volume .playkit-icon-volume-mute,
.playkit-control-button-container.playkit-volume-control .playkit-icon-volume-waves,
.playkit-control-button-container.playkit-volume-control .playkit-icon-volume-mute {
    transition: 300ms transform, 300ms opacity;
}

.playkit-control-button-container.playkit-control-volume i,
.playkit-control-button-container.playkit-volume-control i {
    position: absolute;
    top: 0;
    left: 0;
}

.playkit-volume-control-bar {
    position: absolute;
    z-index: 2;
    bottom: 38px;
    left: 0;
    height: 0px;
    width: 34px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
    background-color: #333;
    padding: 0px;
    opacity: 0;
}

.playkit-volume-control-bar:before {
    position: absolute;
    width: 34px;
    height: 0px;
    bottom: -8px;
    left: 0;
    content: " ";
    display: block;
}

.playkit-volume-control-bar .playkit-bar {
    background-color: #424242;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.playkit-volume-control-bar .playkit-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 2px 2px;
    background-color: var(--playkit-tone-1-color);
}

.playkit-player.playkit-smart-container-open .playkit-control-button-container.playkit-control-volume.playkit-hover .playkit-control-volume-bar,
.playkit-player.playkit-smart-container-open .playkit-control-button-container.playkit-volume-control.playkit-hover .playkit-control-volume-bar {
    display: none !important;
}

.playkit-size-ty .playkit-control-button-container.playkit-control-volume.playkit-hover .playkit-control-volume-bar,
.playkit-size-ty .playkit-control-button-container.playkit-volume-control.playkit-hover .playkit-control-volume-bar {
    display: none !important;
}

.playkit-touch .playkit-control-button-container.playkit-control-volume.playkit-hover .playkit-control-volume-bar,
.playkit-touch .playkit-control-button-container.playkit-volume-control.playkit-hover .playkit-control-volume-bar {
    display: none !important;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button {
    transition: 100ms transform;
    transform: scale(1);
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button .playkit-icon-minimize {
    display: none;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button.playkit-is-fullscreen .playkit-icon-maximize {
    display: none;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button.playkit-is-fullscreen .playkit-icon-minimize {
    display: block;
}

.playkit-player:not(.playkit-touch) .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button:hover {
    transform: scale(1.1);
}

.playkit-player .playkit-seek-bar {
    padding: 12px 0 12px 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.playkit-player .playkit-seek-bar:hover .playkit-time-preview,
.playkit-player .playkit-seek-bar:hover .playkit-frame-preview:not(.playkit-hide-frame-preview),
.playkit-player .playkit-seek-bar.playkit-hover .playkit-time-preview,
.playkit-player .playkit-seek-bar.playkit-hover .playkit-frame-preview:not(.playkit-hide-frame-preview) {
    display: block;
}

.playkit-player .playkit-seek-bar:hover .playkit-progress-bar .playkit-scrubber,
.playkit-player .playkit-seek-bar.playkit-hover .playkit-progress-bar .playkit-scrubber {
    transform: scale(1);
}

.playkit-player .playkit-seek-bar:hover .playkit-progress-bar .playkit-virtual-progress,
.playkit-player .playkit-seek-bar.playkit-hover .playkit-progress-bar .playkit-virtual-progress {
    display: block;
}

.playkit-player .playkit-seek-bar.playkit-ad-break {
    cursor: initial;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar {
    width: 100%;
    height: 4px;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 2px;
    position: absolute;
    transition: height 200ms ease, transform 200ms ease;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar.playkit-chapters {
    background-color: rgba(0, 0, 0, 0);
}

.playkit-player .playkit-seek-bar .playkit-progress-bar.playkit-chapters .playkit-virtual-progress-indicator {
    height: 8px;
    transform: translateY(-2px);
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-virtual-progress {
    display: none;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-virtual-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: inherit;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-virtual-progress-indicator {
    width: 1px;
    height: 100%;
    background-color: var(--playkit-tone-1-color);
    float: right;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-scrubber {
    position: absolute;
    cursor: pointer;
    display: block;
    top: -6px;
    left: -6px;
    border-radius: 8px;
    height: 16px;
    width: 16px;
    background-color: var(--playkit-tone-1-color);
    box-shadow: 0 0 31px 0 rgba(0, 0, 0, .3);
    transform: scale(0);
    transition: 100ms transform;
    z-index: 1;
    pointer-events: none;
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-scrubber:active {
    opacity: 1;
    cursor: grabbing;
}

.playkit-player .playkit-seek-bar .playkit-frame-preview {
    position: absolute;
    bottom: 20px;
    left: 0;
}

.playkit-player .playkit-seek-bar .playkit-time-preview {
    position: absolute;
    bottom: 26px;
    left: 0;
    height: 22px;
    min-width: 48px;
    padding: 0 3px;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .7);
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    color: #fff;
    z-index: 1;
    pointer-events: none;
}

.playkit-player .playkit-seek-bar .playkit-time-preview,
.playkit-player .playkit-seek-bar .playkit-frame-preview {
    display: none;
}

.playkit-player .playkit-seek-bar .playkit-non-sticky:hover {
    display: none;
}

.playkit-player:not(.playkit-touch):not(.playkit-size-ty) .playkit-seek-bar:hover .playkit-progress-bar:not(.playkit-chapters),
.playkit-player:not(.playkit-touch):not(.playkit-size-ty) .playkit-seek-bar.playkit-hover .playkit-progress-bar:not(.playkit-chapters) {
    height: 8px;
    border-radius: 4px;
    transform: translateY(-2px);
}

.playkit-player:not(.playkit-touch):not(.playkit-size-ty) .playkit-seek-bar:hover .playkit-progress-bar:not(.playkit-chapters) .playkit-scrubber,
.playkit-player:not(.playkit-touch):not(.playkit-size-ty) .playkit-seek-bar.playkit-hover .playkit-progress-bar:not(.playkit-chapters) .playkit-scrubber {
    top: -4px;
}

.playkit-player.playkit-touch .playkit-seek-bar .playkit-progress-bar .playkit-virtual-progress,
.playkit-player.playkit-touch .playkit-seek-bar .playkit-progress-bar .playkit-time-preview,
.playkit-player.playkit-touch .playkit-seek-bar .playkit-progress-bar .playkit-frame-preview {
    display: none;
}

.playkit-player.playkit-size-ty .playkit-seek-bar {
    padding: 12px 0;
    cursor: pointer;
    position: relative;
    float: left;
    width: calc(100% - 45px);
    margin: 1px 0;
}

.playkit-player.playkit-size-ty .playkit-seek-bar .playkit-frame-preview {
    display: none;
}

.playkit-player.playkit-size-ty .playkit-seek-bar .playkit-time-preview {
    bottom: 16px;
}

.playkit-player .playkit-seek-bar.playkit-ad-break {
    cursor: initial;
}

.playkit-player .playkit-seek-bar.playkit-ad-break .playkit-progress-bar .playkit-progress {
    background-color: var(--playkit-ads-color);
}

.playkit-player .playkit-seek-bar.playkit-live .playkit-progress-bar .playkit-progress {
    background-color: var(--playkit-live-color);
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: inherit;
    background-color: var(--playkit-primary-color);
}

.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-buffered {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: inherit;
    background-color: rgba(255, 255, 255, .3);
}

.playkit-frame-preview .playkit-frame-preview-img-container {
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
}

.playkit-frame-preview .playkit-frame-preview-img-container .playkit-frame-preview-img {
    background-size: auto 100% !important;
    width: 100%;
    height: 100%;
    position: relative;
}

.playkit-player .playkit-time-display {
    display: inline-block;
    line-height: 32px;
    vertical-align: top;
    font-size: 14px;
    padding: 0 23px;
    font-weight: bold;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.7));
}

.playkit-touch .playkit-time-display {
    padding-left: 0;
}

.playkit-player.playkit-size-md .playkit-time-display,
.playkit-player.playkit-size-sm .playkit-time-display,
.playkit-player.playkit-size-xs .playkit-time-display {
    padding: 0 12px;
}

.playkit-player .playkit-video-playing-title {
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    padding: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.playkit-player .playkit-bottom-bar {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    color: #fff;
    height: auto;
    width: 100%;
    margin-top: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    position: absolute;
    padding: 0;
    opacity: 0;
    max-height: 60px;
    transition: 100ms opacity ease-in-out, 0ms padding linear 100ms;
}

.playkit-player .playkit-bottom-bar.playkit-hide {
    display: none;
}

.playkit-player .playkit-bottom-bar .playkit-controls-container {
    width: 100%;
    position: relative;
    z-index: 1;
}

.playkit-player .playkit-bottom-bar .playkit-controls-container .playkit-left-controls {
    float: left;
    text-align: left;
    pointer-events: none;
}

.playkit-player .playkit-bottom-bar .playkit-controls-container .playkit-left-controls .playkit-control-button-container:first-child {
    margin-left: 0px;
}

.playkit-player .playkit-bottom-bar .playkit-controls-container .playkit-right-controls {
    float: right;
    text-align: left;
    pointer-events: none;
}

.playkit-player .playkit-bottom-bar .playkit-controls-container .playkit-right-controls .playkit-control-button-container:last-child {
    margin-right: 0px;
}

.playkit-player .playkit-bottom-bar .playkit-bottom-bar-area {
    position: relative;
    pointer-events: none;
}

.playkit-player .playkit-bottom-bar .playkit-bottom-bar-area .playkit-time-display {
    padding: 0;
    position: absolute;
    bottom: 20px;
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
}

.playkit-player .playkit-bottom-bar .playkit-control-button-container {
    margin: 0 6px;
}

.playkit-player.playkit-size-ty .playkit-left-controls {
    display: none;
}

.playkit-player.playkit-size-ty .playkit-control-button-container {
    display: none;
    margin: 0;
}

.playkit-player.playkit-size-xs .playkit-control-button-container:not(.playkit-upper-bar-icon),
.playkit-player.playkit-size-sm .playkit-control-button-container:not(.playkit-upper-bar-icon) {
    margin: 0 3px;
}

.playkit-player.playkit-casting:not(.playkit-overlay-active) .playkit-bottom-bar,
.playkit-player.playkit-metadata-loaded.playkit-hover:not(.playkit-overlay-active) .playkit-bottom-bar,
.playkit-player.playkit-state-paused:not(.playkit-overlay-active) .playkit-bottom-bar,
.playkit-player.playkit-state-idle:not(.playkit-overlay-active) .playkit-bottom-bar,
.playkit-player.playkit-ad-break:not(.playkit-overlay-active) .playkit-bottom-bar,
.playkit-player.playkit-menu-active:not(.playkit-overlay-active) .playkit-bottom-bar {
    position: relative;
    opacity: 1;
    padding: 0 16px 4px;
    transition: 100ms opacity ease-in-out;
}

.playkit-player.playkit-size-sm .playkit-playback-controls+.playkit-time-display,
.playkit-player.playkit-size-xs .playkit-playback-controls+.playkit-time-display {
    padding-left: 0;
}

.playkit-player.playkit-size-sm .playkit-bottom-bar {
    padding: 0 8px 4px;
}

.playkit-player .playkit-bottom-bar .playkit-left-controls>*,
.playkit-player .playkit-bottom-bar .playkit-right-controls>*,
.playkit-player .playkit-bottom-bar .playkit-bottom-bar-area>* {
    pointer-events: auto;
}

.playkit-player .playkit-top-bar {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    visibility: hidden;
    position: relative;
    height: auto;
    min-height: 60px;
    max-height: 60px;
    margin-top: -60px;
    transition: 100ms visibility ease-in-out, 100ms margin-top ease-in-out, 100ms min-height ease-in-out;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
}

.playkit-player .playkit-top-bar .playkit-top-bar-area {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 28px);
    width: calc(100% - 32px);
    margin: 14px 16px;
    pointer-events: none;
}

.playkit-player .playkit-top-bar .playkit-top-bar-area:empty {
    margin: 0;
    height: 0;
    width: 0;
}

.playkit-player .playkit-top-bar.playkit-disabled {
    pointer-events: none;
}

.playkit-player .playkit-top-bar.playkit-hide {
    display: none;
}

.playkit-player .playkit-top-bar .playkit-left-controls {
    float: left;
    text-align: left;
    min-width: 0;
    margin: 14px 0 14px 16px;
    pointer-events: none;
}

.playkit-player .playkit-top-bar .playkit-left-controls:empty {
    margin: 0;
}

.playkit-player .playkit-top-bar .playkit-right-controls {
    float: right;
    text-align: left;
    margin: 14px 16px 14px 0;
    pointer-events: none;
}

.playkit-player .playkit-top-bar .playkit-right-controls:empty {
    margin: 0;
}

.playkit-player .playkit-top-bar .playkit-right-controls .playkit-control-button-container:not(.playkit-upper-bar-icon) {
    margin: 0 6px;
}

.playkit-player .playkit-top-bar .playkit-right-controls .playkit-control-button-container:not(.playkit-upper-bar-icon):last-child {
    margin-right: 0;
}

.playkit-player.playkit-casting:not(.playkit-overlay-active) .playkit-top-bar,
.playkit-player.playkit-metadata-loaded.playkit-hover:not(.playkit-overlay-active) .playkit-top-bar,
.playkit-player.playkit-state-paused:not(.playkit-overlay-active) .playkit-top-bar,
.playkit-player.playkit-state-idle:not(.playkit-overlay-active) .playkit-top-bar,
.playkit-player.playkit-ad-break:not(.playkit-overlay-active) .playkit-top-bar,
.playkit-player.playkit-menu-active:not(.playkit-overlay-active) .playkit-top-bar {
    visibility: visible;
    margin-top: 0;
    min-height: 16px;
}

.playkit-player .playkit-top-bar .playkit-left-controls>*,
.playkit-player .playkit-top-bar .playkit-right-controls>*,
.playkit-player .playkit-top-bar .playkit-top-bar-area>* {
    pointer-events: auto;
}

.playkit-player .playkit-top-bar:has(.playkit-left-controls:empty+.playkit-right-controls:empty) {
    visibility: hidden;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-left-controls {
    margin: 14px 0 14px 8px;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-left-controls:empty {
    margin: 0;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-right-controls {
    margin: 14px 8px 14px 0;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-right-controls:empty {
    margin: 0;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-top-bar-area {
    width: calc(100% - 16px);
    margin: 14px 8px;
}

.playkit-player.playkit-size-sm .playkit-top-bar .playkit-top-bar-area:empty {
    margin: 0;
}

@keyframes playkit-overlayActionIconIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    10% {
        opacity: .1;
        transform: scale(0.1);
    }

    20% {
        opacity: .3;
        transform: scale(0.2);
    }

    30% {
        opacity: .5;
        transform: scale(0.3);
    }

    40% {
        opacity: .7;
        transform: scale(0.4);
    }

    50% {
        opacity: .9;
        transform: scale(0.5);
    }

    60% {
        opacity: .9;
        transform: scale(0.5);
    }

    70% {
        opacity: .9;
        transform: scale(0.5);
    }

    75% {
        opacity: .9;
        transform: scale(0.5);
    }

    80% {
        opacity: 1;
        transform: scale(0.5);
    }

    85% {
        opacity: 1;
        transform: scale(0.5);
    }

    90% {
        opacity: 1;
        transform: scale(0.5);
    }

    93% {
        opacity: .7;
        transform: scale(0.5);
    }

    95% {
        opacity: .5;
        transform: scale(0.5);
    }

    98% {
        opacity: .2;
        transform: scale(0.5);
    }

    100% {
        opacity: 0;
        transform: scale(0.5);
    }
}

.playkit-overlay-action .playkit-icon {
    width: 144px;
    height: 144px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -72px 0 0 -72px;
    opacity: 0;
}

.playkit-player:not(.playkit-touch):not(.playkit-size-sm) .playkit-overlay-action.playkit-in .playkit-icon {
    animation: playkit-overlayActionIconIn 300ms linear forwards;
}

.playkit-pre-playback-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playkit-pre-playback-play-overlay .playkit-pre-playback-play-button {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 108px;
    width: 108px;
    border: 2px solid rgba(255, 255, 255, .2);
    background-color: rgba(0, 0, 0, .5);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    border-radius: 54px;
    padding: 20px;
    cursor: pointer;
}

.playkit-pre-playback-play-overlay .playkit-pre-playback-play-button:hover {
    border: 2px solid rgba(255, 255, 255, .4);
}

.playkit-pre-playback-play-overlay .playkit-pre-playback-play-button:active {
    opacity: .7;
    transform: scale(1) translate(-50%, -50%);
}

.playkit-pre-playback .playkit-bottom-bar,
.playkit-pre-playback .playkit-top-bar {
    opacity: 0;
    display: none;
}

.playkit-player.playkit-size-ty .playkit-pre-playback-play-button {
    width: 75px;
    height: 75px;
    padding: 12px;
}

.playkit-player.playkit-size-xs .playkit-pre-playback-play-button {
    width: 85px;
    height: 85px;
    padding: 15px;
}

.playkit-player.playkit-overlay-active .playkit-gui-area .playkit-pre-playback-play-overlay {
    opacity: 0;
    visibility: hidden;
}

.playkit-player .playkit-btn-skip-ad {
    font-weight: lighter;
    position: absolute;
    bottom: 60px;
    right: 16px;
    line-height: 36px;
}

.playkit-player .playkit-skip-ad {
    color: #fff;
    font-size: 20px;
    font-weight: lighter;
    line-height: 24px;
    text-shadow: 0 0 6px rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 66px;
    right: 16px;
}

.playkit-row {
    display: block;
}

.playkit-row:after {
    content: "";
    clear: both;
    display: block;
}

.playkit-d-inline-block {
    display: inline-block;
}

.playkit-mobile-hidden-select {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}

.playkit-font-size-base,
.playkit-ad-notice {
    font-size: 15px;
}

.playkit-ad-notice {
    pointer-events: none;
}

.playkit-live-tag {
    display: inline-block;
    background-color: var(--playkit-live-color);
    color: #fff;
    border-radius: 4px;
    padding: 3px 4px;
    margin: 5px 10px;
    text-transform: uppercase;
    font-size: 15px;
    cursor: default;
}

.playkit-live-tag.playkit-non-live-playhead {
    background-color: #666;
    cursor: pointer;
}

.playkit-player.playkit-size-sm .playkit-live-tag {
    margin-left: 0;
}

.playkit-interactive-area .playkit-unmute-button-container {
    top: 0;
    left: 0;
}

.playkit-unmute-button-container {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 15;
}

.playkit-unmute-button-container a {
    color: #fff;
}

.playkit-unmute-button-container.playkit-show-icon-only .playkit-btn.playkit-unmute-button {
    max-width: 64px;
}

.playkit-unmute-button-container.playkit-show-icon-only .playkit-btn.playkit-unmute-button span {
    transform: translateX(10px);
    opacity: 0;
}

.playkit-btn.playkit-unmute-button {
    font-size: 15px;
    max-width: 200px;
    transition: max-width 200ms;
    padding: 0 16px;
    white-space: nowrap;
}

.playkit-btn.playkit-unmute-button span {
    transform: translateX(0px);
    opacity: 1;
    transition: transform 100ms, opacity 100ms;
    display: inline-block;
    color: #fff;
}

.playkit-btn.playkit-unmute-button.playkit-has-top-bar {
    transition: 100ms transform;
}

.playkit-unmute-icon-container {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 3px;
}

.playkit-unmute-icon-container i {
    position: absolute;
    top: 0;
    left: 0;
}

.playkit-player.playkit-hover .playkit-unmute-button-container.playkit-has-top-bar,
.playkit-player.playkit-state-paused .playkit-unmute-button-container.playkit-has-top-bar,
.playkit-player.playkit-state-idle .playkit-unmute-button-container.playkit-has-top-bar,
.playkit-player.playkit-menu-active .playkit-unmute-button-container.playkit-has-top-bar {
    transform: translateY(32px);
}

.playkit-overlay.playkit-error-overlay {
    background-color: var(--playkit-tone-7-color);
    font-size: 0em;
}

.playkit-custom-error-slate .playkit-overlay.playkit-error-overlay .playkit-overlay-contents {
    padding: 0;
}

.playkit-error-overlay {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.playkit-error-overlay .playkit-copy-url-row {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.playkit-error-overlay .playkit-headline {
    color: var(--playkit-tone-1-color);
    margin-bottom: 16px;
}

.playkit-error-overlay .playkit-headline .playkit-error-title {
    font-weight: 700;
    font-size: 20px;
    font-style: normal;
    line-height: 22px;
    margin: 0 0 4px 0;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
}

.playkit-error-overlay .playkit-headline .playkit-error-message {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
}

.playkit-error-overlay .playkit-error-session {
    font-size: 14px;
    color: var(--playkit-tone-1-color);
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    max-width: 310px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, .25);
}

.playkit-error-overlay .playkit-retry-btn {
    height: 32px;
    width: auto;
    min-width: 120px;
    padding: 0 8px;
    border-radius: 4px;
    color: var(--playkit-tone-1-color);
    border: none;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    cursor: pointer;
}

.playkit-error-overlay .playkit-error-text {
    height: 0px;
    visibility: hidden;
}

.playkit-link-options-container {
    width: auto;
}

.playkit-link-options-container .playkit-copy-url-row .playkit-input-copy-url {
    margin: 0;
}

.playkit-link-options-container .playkit-copy-url-row .playkit-btn-copy-url {
    margin-left: 8px;
    height: 32px;
    width: 32px;
}

.playkit-link-options-container .playkit-copy-url-row .playkit-btn-copy-url .playkit-icon {
    height: 24px;
    width: 24px;
    margin-top: -3px;
}

.playkit-slider {
    height: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .2);
}

.playkit-slider .playkit-progress {
    background-color: var(--playkit-primary-color);
    height: 8px;
    border-radius: 4px;
    position: relative;
}

.playkit-slider .playkit-progress .playkit-handle {
    height: 12px;
    width: 12px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
    position: absolute;
    right: 0;
    top: 0px;
    transform: translate3d(6px, -2px, 0);
    cursor: pointer;
}

.playkit-player .playkit-learn-more {
    font-weight: lighter;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button {
    transition: 100ms transform;
    transform: scale(1);
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button .playkit-icon-minimize {
    display: none;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button.playkit-is-fullscreen .playkit-icon-maximize {
    display: none;
}

.playkit-player .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button.playkit-is-fullscreen .playkit-icon-minimize {
    display: block;
}

.playkit-player:not(.playkit-touch) .playkit-control-button-container.playkit-control-fullscreen .playkit-control-button:hover {
    transform: scale(1.1);
}

.playkit-player .playkit-watermark {
    position: absolute;
    transition: visibility 0s 1s, opacity 1s linear, transform ease-out 100ms;
}

.playkit-player .playkit-watermark.playkit-hide-watermark {
    visibility: hidden;
    opacity: 0;
}

.playkit-player .playkit-watermark.playkit-top {
    top: 0;
}

.playkit-player .playkit-watermark.playkit-bottom {
    bottom: 0;
}

.playkit-player .playkit-watermark.playkit-right {
    right: 0;
}

.playkit-player .playkit-watermark.playkit-left {
    left: 0;
}

.playkit-control-button-container.playkit-control-vr-stereo .playkit-control-button .playkit-icon-vr-stereo-full {
    display: none;
}

.playkit-control-button-container.playkit-control-vr-stereo .playkit-control-button.playkit-vr-stereo-mode .playkit-icon-vr-stereo {
    display: none;
}

.playkit-control-button-container.playkit-control-vr-stereo .playkit-control-button.playkit-vr-stereo-mode .playkit-icon-vr-stereo-full {
    display: block;
}

.playkit-control-button-container.playkit-control-closed-captions .playkit-control-button .playkit-icon-closed-captions-on {
    display: none;
}

.playkit-control-button-container.playkit-control-closed-captions .playkit-control-button.playkit-cc-on .playkit-icon-closed-captions-off {
    display: none;
}

.playkit-control-button-container.playkit-control-closed-captions .playkit-control-button.playkit-cc-on .playkit-icon-closed-captions-on {
    display: block;
}

.playkit-player .playkit-cast-button {
    display: block;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0);
    border: none;
    cursor: pointer;
    --connected-color: var(--playkit-tone-2-color);
    --disconnected-color: var(--playkit-tone-2-color);
}

.playkit-player .playkit-cast-button:hover {
    --connected-color: #ffffffff;
    --disconnected-color: #ffffffff;
}

.playkit-player .playkit-cast-button.playkit-cast-button-active {
    --connected-color: rgba(1, 172, 205, 0.8);
}

.playkit-player .playkit-cast-button.playkit-cast-button-active:hover {
    --connected-color: var(--playkit-primary-color);
}

.playkit-player .playkit-cast-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playkit-player .playkit-cast-overlay .playkit-cast-poster {
    all: inherit;
    background-size: contain;
    background: #000 no-repeat center center;
}

.playkit-player .playkit-cast-overlay .playkit-cast-poster.playkit-has-poster {
    background-color: #000;
}

.playkit-player .playkit-cast-overlay .playkit-cast-black-cover {
    all: inherit;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0) 72%, rgba(0, 0, 0, 0) 100%);
}

.playkit-player .playkit-cast-box .playkit-cast-icon {
    position: absolute;
    bottom: 0;
    left: 46px;
    height: 128px;
}

.playkit-player .playkit-cast-box .playkit-cast-icon .playkit-icon {
    width: 30px;
    height: 22px;
    color: rgba(255, 255, 255, .6);
    opacity: .6;
}

.playkit-player .playkit-cast-box .playkit-cast-connecting-spinner {
    height: 21px;
    width: 21px;
    -webkit-animation: playkit-spin .9s infinite linear;
    border: 3px solid rgba(255, 255, 255, .4);
    border-top-color: rgba(255, 255, 255, .8);
    border-radius: 100%;
}

.playkit-player .playkit-cast-box .playkit-cast-text {
    position: absolute;
    bottom: 0;
    left: 89px;
    height: 128px;
    font-weight: lighter;
}

.playkit-player .playkit-cast-box .playkit-cast-text .playkit-cast-status {
    display: inline-block;
    margin-top: 3px;
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
    float: left;
    font-weight: inherit;
}

.playkit-player .playkit-cast-box .playkit-cast-text .playkit-cast-device {
    left: 0;
    display: inline-block;
    font-weight: inherit;
    font-size: 25px;
    color: #fff;
    line-height: 40px;
}

@keyframes playkit-castOnTVAnimation {
    0% {
        opacity: 0;
        transform: rotateY(70deg);
    }

    33% {
        opacity: .3;
        transform: rotateY(50deg);
    }

    66% {
        opacity: .6;
        transform: rotateY(30deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(0);
    }
}

.playkit-player .playkit-cast-on-tv-button-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.playkit-player .playkit-cast-on-tv-button-container span {
    font-weight: lighter;
    color: #fff;
}

.playkit-player .playkit-cast-on-tv-button-container.playkit-show-cast-on-tv {
    animation: playkit-castOnTVAnimation 300ms linear forwards;
}

.playkit-player .playkit-btn.playkit-cast-on-tv-button {
    font-size: 15px;
    max-width: 200px;
    transition: max-width 200ms;
    padding: 0 16px;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    transform: translate(-50%, -50%);
    left: 50%;
}

.playkit-player .playkit-btn.playkit-cast-on-tv-button span {
    transform: translateX(0px);
    opacity: 1;
    transition: transform 100ms, opacity 100ms;
    display: inline-block;
}

.playkit-player .playkit-cast-on-tv-icon-container {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 3px;
}

.playkit-player .playkit-cast-on-tv-icon-container i {
    position: absolute;
    top: 0;
    left: 0;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview {
    position: absolute;
    bottom: 35px;
    width: 280px;
    height: 72px;
    display: flex;
    border-radius: 4px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2), 0px 8px 60px -16px rgba(0, 0, 0, .2);
    opacity: 0;
    transition: 400ms opacity;
    pointer-events: none;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview:hover {
    opacity: 0 !important;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview .playkit-poster-preview-img {
    width: 128px;
    height: inherit;
    border-radius: 4px 0 0 4px;
    background-size: contain;
    background-repeat: round;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview .playkit-poster-preview-text {
    width: 152px;
    height: inherit;
    padding: 8px;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 0 4px 4px 0;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview .playkit-poster-preview-text .playkit-poster-preview-text-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3px;
    opacity: .7;
}

.playkit-control-button-container.playkit-control-playlist-button .playkit-poster-preview .playkit-poster-preview-text .playkit-poster-preview-text-name {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
}

.playkit-control-button-container.playkit-control-playlist-button:hover .playkit-poster-preview {
    opacity: 1;
}

.playkit-icon-picture-in-picture-stop {
    display: none;
}

.playkit-is-in-picture-in-picture .playkit-icon-picture-in-picture-start {
    display: none;
}

.playkit-is-in-picture-in-picture .playkit-icon-picture-in-picture-stop {
    display: block;
}

.playkit-player-gui>.playkit-playback-controls,
.playkit-center-playback-controls {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    white-space: nowrap;
    z-index: 1;
}

.playkit-bottom-bar .playkit-playback-controls {
    display: inline;
}

.playkit-player.playkit-size-sm.playkit-state-idle .playkit-control-playlist-button,
.playkit-player.playkit-size-xs.playkit-state-idle .playkit-control-playlist-button,
.playkit-player.playkit-touch.playkit-state-idle .playkit-control-playlist-button {
    display: none;
}

.playkit-player.playkit-size-sm:not(.playkit-state-idle) .playkit-bottom-bar .playkit-playback-controls,
.playkit-player.playkit-size-xs:not(.playkit-state-idle) .playkit-bottom-bar .playkit-playback-controls,
.playkit-player.playkit-touch:not(.playkit-state-idle) .playkit-bottom-bar .playkit-playback-controls {
    display: none;
}

.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls,
.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls {
    display: block;
}

.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-control-button,
.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-control-button,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-control-button,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-control-button,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-control-button,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-control-button {
    width: auto;
    height: auto;
    padding: 0 16px;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
}

.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-icon,
.playkit-player.playkit-size-sm:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-icon,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-icon,
.playkit-player.playkit-size-xs:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-icon,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-player-gui>.playkit-playback-controls .playkit-icon,
.playkit-player.playkit-touch:not(.playkit-state-idle).playkit-hover .playkit-center-playback-controls .playkit-icon {
    width: 64px;
    height: 64px;
}

.playkit-player.playkit-overlay-active .playkit-gui-area .playkit-playback-controls {
    opacity: 0;
    visibility: hidden;
}

@keyframes playkit-slideIn {
    0% {
        right: -160px;
    }

    100% {
        right: 0;
    }
}

.playkit-player .playkit-playlist-countdown {
    display: flex;
    height: 72px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    transition: opacity 400ms, bottom 300ms;
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .2), 0px 8px 60px -16px rgba(0, 0, 0, .2);
}

.playkit-player .playkit-playlist-countdown.playkit-slideIn {
    right: -160px;
    animation: playkit-slideIn 500ms 500ms forwards;
}

.playkit-player .playkit-playlist-countdown.playkit-hidden {
    pointer-events: none;
    opacity: 0;
}

.playkit-player .playkit-playlist-countdown.playkit-hidden .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background {
    width: 0;
}

.playkit-player .playkit-playlist-countdown.playkit-hidden .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content {
    opacity: 0;
}

.playkit-player .playkit-playlist-countdown.playkit-canceled {
    bottom: -50px;
    opacity: 0;
}

.playkit-player .playkit-playlist-countdown:hover .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background {
    background-color: #000;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-poster {
    width: 128px;
    height: inherit;
    border-radius: 4px 0 0 4px;
    background-size: contain;
    background-repeat: round;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder {
    width: 152px;
    height: inherit;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background {
    width: inherit;
    border-radius: 0 4px 3px 0;
    background-color: rgba(0, 0, 0, .7);
    height: inherit;
    transition: width 500ms 1000ms;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content {
    width: inherit;
    transition: opacity 300ms 1200ms;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #fff;
    float: left;
    line-height: initial;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title {
    margin-bottom: 12px;
    opacity: .7;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title .playkit-playlist-countdown-time-left {
    display: inline;
    margin-left: 4px;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
}

.playkit-player .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel * {
    width: inherit;
    height: inherit;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown {
    height: 54px;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown .playkit-playlist-countdown-poster {
    width: 96px;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder {
    width: 152px;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text {
    padding: 8px;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title {
    margin-bottom: 4px;
}

.playkit-player.playkit-size-md .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel {
    top: 3px;
    right: 3px;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown,
.playkit-player.playkit-size-xs .playkit-playlist-countdown,
.playkit-player.playkit-size-ty .playkit-playlist-countdown {
    z-index: 1;
    height: 36px;
    margin: 8px;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-poster,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-poster,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-poster {
    display: none;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder {
    width: 108px;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background {
    transition: width 500ms;
    border-radius: 2px;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text {
    width: 90%;
    padding: 3px 0 0 4px;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-title {
    font-size: 12px;
    margin-bottom: 0;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-name,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-name,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-text .playkit-playlist-countdown-text-name {
    font-size: 12px;
    font-weight: 400;
}

.playkit-player.playkit-size-sm .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel,
.playkit-player.playkit-size-xs .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel,
.playkit-player.playkit-size-ty .playkit-playlist-countdown .playkit-playlist-countdown-content-placeholder .playkit-playlist-countdown-content-background .playkit-playlist-countdown-content .playkit-playlist-countdown-cancel {
    top: 0;
    right: 0;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-text {
    position: absolute;
    width: 100%;
    top: -90px;
    font-size: 15px;
    color: #fff;
    padding: 4px 8px 12px 8px;
    text-align: center;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-text .playkit-playlist-next-screen-text-title {
    padding: 4px;
    font-weight: 100;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-text .playkit-playlist-next-screen-text-name {
    padding: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder {
    position: relative;
    margin: auto;
    width: 384px;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio {
    width: 100%;
    padding-top: 56%;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    cursor: pointer;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-playlist-next-screen-poster-img {
    height: 100%;
    border-radius: 3px;
    background-size: contain;
    background-repeat: round;
}

.playkit-player.playkit-state-idle .playkit-playlist-next-screen-overlay .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 64px;
    height: 64px;
}

.playkit-player.playkit-state-idle.playkit-size-lg .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder {
    width: 37.5%;
}

.playkit-player.playkit-state-idle.playkit-size-md .playkit-playlist-next-screen-content .playkit-playlist-next-screen-text {
    top: -58px;
}

.playkit-player.playkit-state-idle.playkit-size-md .playkit-playlist-next-screen-content .playkit-playlist-next-screen-text .playkit-playlist-next-screen-text-name {
    padding: 0;
}

.playkit-player.playkit-state-idle.playkit-size-md .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder {
    width: 42%;
}

.playkit-player.playkit-state-idle.playkit-size-sm .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder,
.playkit-player.playkit-state-idle.playkit-size-xs .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder,
.playkit-player.playkit-state-idle.playkit-size-ty .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder {
    width: 32px;
}

.playkit-player.playkit-state-idle.playkit-size-sm .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster,
.playkit-player.playkit-state-idle.playkit-size-xs .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster,
.playkit-player.playkit-state-idle.playkit-size-ty .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster {
    border: 0;
}

.playkit-player.playkit-state-idle.playkit-size-sm .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-playlist-next-screen-poster-img,
.playkit-player.playkit-state-idle.playkit-size-xs .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-playlist-next-screen-poster-img,
.playkit-player.playkit-state-idle.playkit-size-ty .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-playlist-next-screen-poster-img {
    display: none;
}

.playkit-player.playkit-state-idle.playkit-size-sm .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-icon,
.playkit-player.playkit-state-idle.playkit-size-xs .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-icon,
.playkit-player.playkit-state-idle.playkit-size-ty .playkit-playlist-next-screen-content .playkit-playlist-next-screen-poster-placeholder .playkit-playlist-next-screen-poster-aspect-ratio .playkit-playlist-next-screen-poster .playkit-icon {
    width: 32px;
    height: 32px;
}

.playkit-picture-in-picture-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-poster {
    all: inherit;
    background-size: contain;
    background: #000 no-repeat center center;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-poster.playkit-has-poster {
    background-color: #000;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-poster .playkit-dark-layer {
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-control {
    position: absolute;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-control::after {
    content: "";
    flex: 3;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-control::before {
    content: "";
    flex: 1;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-text {
    color: var(--playkit-tone-1-color);
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-button {
    height: 36px;
    width: 120px;
    border: 2px solid var(--playkit-tone-6-color);
    border-radius: 18px;
    background-color: var(--playkit-tone-7-color);
    color: var(--playkit-tone-1-color);
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    cursor: pointer;
    margin-top: 20px;
    align-self: center;
}

.playkit-picture-in-picture-overlay .playkit-picture-in-picture-button:hover {
    background-color: var(--playkit-tone-6-color);
}

.playkit-copy-url-row .playkit-input-copy-url {
    margin: 0;
}

.playkit-copy-url-row .playkit-btn-copy-url {
    margin: 0 8px;
}

.playkit-copy-url-row .playkit-btn-copy-url .playkit-icon {
    height: 24px;
    width: 24px;
    margin-top: -3px;
    display: none;
}

.playkit-copy-url-row .playkit-btn-copy-url .playkit-icon-copy {
    display: block;
}

.playkit-copy-url-row .playkit-btn-copy-url.playkit-copied .playkit-icon-copy {
    display: none;
}

.playkit-copy-url-row .playkit-btn-copy-url.playkit-copied .playkit-icon-check {
    display: block;
}

.playkit-IE.playkit-player .playkit-tooltip .playkit-tooltip-label {
    white-space: nowrap;
}

.playkit-player .playkit-tooltip {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label {
    visibility: hidden;
    background-color: var(--playkit-tooltip-background-color);
    color: var(--playkit-tooltip-color);
    text-align: center;
    padding: 4px 6px;
    border-radius: 4px;
    position: absolute;
    line-height: normal;
    font-weight: bold;
    font-size: 13px;
    opacity: 0;
    transition: opacity 1s;
    width: max-content;
    display: table;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label:before {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-radius: 3px;
    color: var(--playkit-tooltip-background-color);
    z-index: -1;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label:after {
    content: "";
    position: absolute;
    inset: -1em;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top {
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top:before {
    bottom: -4px;
    left: 50%;
    transform: translate(-50%) rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top-left {
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-100%);
    margin-left: 16px;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top-left:before {
    bottom: -4px;
    right: 0;
    margin-right: 11px;
    transform: rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top-right {
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(-16px);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-top-right:before {
    bottom: -4px;
    left: 0;
    margin-left: 11px;
    transform: rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom {
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom:before {
    top: -4px;
    left: 50%;
    margin-left: -5px;
    transform: rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom-right {
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-16px);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom-right:before {
    top: -4px;
    left: 0;
    margin-left: 11px;
    transform: rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom-left {
    top: calc(100% + 10px);
    transform: translate(-100%);
    left: 50%;
    margin-left: 16px;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-bottom-left:before {
    top: -4px;
    right: 0;
    margin-right: 11px;
    transform: rotate(45deg) skew(5deg, 5deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-left {
    top: 50%;
    right: calc(100% + 10px);
    transform: translate(0, -50%);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-left:before {
    top: 50%;
    left: 100%;
    margin-left: -6px;
    margin-top: -5px;
    transform: rotate(135deg) skew(10deg, 10deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-right {
    top: 50%;
    left: calc(100% + 10px);
    transform: translate(0, -50%);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-tooltip-right:before {
    top: 50%;
    right: 100%;
    margin-top: -5px;
    margin-right: -6px;
    transform: rotate(135deg) skew(10deg, 10deg);
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-show {
    visibility: visible;
    opacity: 1;
}

.playkit-player .playkit-tooltip .playkit-tooltip-label.playkit-hide {
    transition: opacity .15s ease-in-out;
}

.playkit-side-panel {
    position: absolute;
    transition: all 500ms;
    transition-property: left, right, bottom, top, opacity;
    z-index: 0;
}

.playkit-side-panel.playkit-small-size {
    z-index: 2;
}

.playkit-vertical-side-panel {
    height: 100%;
}

.playkit-horizontal-side-panel {
    height: 0;
    left: 0;
    right: 0;
}

.playkit-side-panel-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.playkit-player.playkit-overlay-active .playkit-interactive-area {
    filter: blur(16px);
}

.playkit-interactive-area {
    pointer-events: none;
    position: relative;
    top: 0;
    margin: 16px;
    transition: margin 100ms ease-in-out;
    flex: 1;
}

.playkit-player.playkit-size-sm .playkit-interactive-area {
    margin: 8px;
}

.playkit-player.playkit-casting:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area,
.playkit-player.playkit-metadata-loaded.playkit-hover:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area,
.playkit-player.playkit-state-paused:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area,
.playkit-player.playkit-state-idle:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area,
.playkit-player.playkit-ad-break:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area,
.playkit-player.playkit-menu-active:not(.playkit-overlay-active).playkit-size-sm .playkit-interactive-area {
    margin: 0px 8px;
}

.playkit-player.playkit-casting .playkit-interactive-area,
.playkit-player.playkit-metadata-loaded.playkit-hover .playkit-interactive-area,
.playkit-player.playkit-state-paused .playkit-interactive-area,
.playkit-player.playkit-state-idle .playkit-interactive-area,
.playkit-player.playkit-ad-break .playkit-interactive-area,
.playkit-player.playkit-menu-active .playkit-interactive-area {
    margin: 0px 16px;
}

.playkit-video-area {
    pointer-events: none;
    transition: all 500ms;
    transition-property: left, right, bottom, top, width, height;
}

.playkit-gui-area {
    pointer-events: none;
    transition: all 500ms;
    transition-property: left, right, bottom, top;
    display: flex;
    flex-flow: column nowrap;
}

@keyframes playkit-kaltura-spinner {
    0% {
        transform: rotate(0deg) scale(0.7);
        opacity: 1;
    }

    70% {
        transform: rotate(360deg) scale(0.7);
        opacity: 1;
    }

    82% {
        transform: rotate(360deg) scale(0);
        opacity: 0;
    }

    87% {
        transform: rotate(360deg) scale(0.9);
        opacity: 1;
    }

    100% {
        transform: rotate(360deg) scale(0.7);
        opacity: 1;
    }
}

.playkit-spinner {
    width: 100px;
    height: 100px;
    position: relative;
    animation: playkit-kaltura-spinner 2.5s infinite;
}

.playkit-spinner span {
    width: 8px;
    height: 8px;
    background-color: #fff;
    display: block;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}

.playkit-spinner span:nth-child(1) {
    transform: rotate(45deg) translateX(-25px) translateY(-25px);
    background-color: #da1f26;
}

.playkit-spinner span:nth-child(2) {
    transform: rotate(90deg) translateX(-25px) translateY(-25px);
    background-color: #06a885;
}

.playkit-spinner span:nth-child(3) {
    transform: rotate(135deg) translateX(-25px) translateY(-25px);
    background-color: #009344;
}

.playkit-spinner span:nth-child(4) {
    transform: rotate(180deg) translateX(-25px) translateY(-25px);
    background-color: #f8a61a;
}

.playkit-spinner span:nth-child(5) {
    transform: rotate(225deg) translateX(-25px) translateY(-25px);
    background-color: #1b4a97;
}

.playkit-spinner span:nth-child(6) {
    transform: rotate(270deg) translateX(-25px) translateY(-25px);
    background-color: #00abcc;
}

.playkit-spinner span:nth-child(7) {
    transform: rotate(315deg) translateX(-25px) translateY(-25px);
    background-color: #b1d238;
}

.playkit-spinner span:nth-child(8) {
    transform: rotate(360deg) translateX(-25px) translateY(-25px);
    background-color: #fcd203;
}

.playkit-switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.playkit-switch .playkit-toggle-input {
    opacity: 0;
    width: 0;
    height: 0;
}

.playkit-switch .playkit-toggle-input:checked+.playkit-slider {
    background-color: #2196f3;
}

.playkit-switch .playkit-toggle-input:focus+.playkit-slider {
    box-shadow: 0 0 1px #2196f3;
}

.playkit-switch .playkit-toggle-input:checked+.playkit-slider:before {
    transform: translateX(14px);
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
}

.playkit-switch .playkit-slider {
    height: 100%;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.playkit-switch .playkit-slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 3px;
    top: 2px;
    background-color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
}

.playkit-player .playkit-audio-entry-backdrop {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details {
    margin: 128px 16px 60px 16px;
    left: 16px;
    color: #fff;
    max-height: 100%;
    pointer-events: auto;
    z-index: 1;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details.playkit-audio-entry-l {
    max-width: 600px;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details.playkit-audio-entry-m {
    max-width: min(600px, 100%);
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details.playkit-audio-entry-t {
    max-width: 0px;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details.playkit-audio-entry-t .playkit-audio-entry-description {
    font-size: 0;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details .playkit-audio-entry-title {
    font-size: 32px;
    line-height: 38px;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details .playkit-audio-entry-title.playkit-audio-entry-title-trimmed {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.playkit-player .playkit-audio-entry-backdrop .playkit-audio-entry-details .playkit-audio-entry-description {
    font-size: 14px;
    line-height: 18px;
}

.playkit-player .playkit-audio-entry-backdrop.playkit-audio-entry-expanded {
    overflow: auto;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    height: auto;
}

.playkit-player .playkit-audio-entry-backdrop.playkit-audio-entry-expanded .playkit-audio-entry-details {
    overflow: auto;
    margin: 60px 16px;
}

.playkit-player .playkit-expandable-text {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.playkit-player .playkit-more-button-text {
    pointer-events: auto;
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: fit-content;
    outline-offset: -1px;
}

.playkit-scrollable {
    display: flex;
    width: 100%;
}

.playkit-scrollable .playkit-items-container {
    display: flex;
    width: 100%;
    height: fit-content;
}

.playkit-scrollable.playkit-horizontal {
    flex-direction: row;
    overflow: auto hidden;
}

.playkit-scrollable.playkit-horizontal .playkit-items-container {
    flex-direction: row;
}

.playkit-scrollable.playkit-vertical {
    flex-direction: column;
    height: 100%;
    overflow: hidden auto;
}

.playkit-scrollable.playkit-vertical .playkit-items-container {
    flex-direction: column;
}

.playkit-scrollable::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.playkit-scrollable::-webkit-scrollbar-track {
    visibility: hidden;
}

.playkit-scrollable::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, .3);
    border-radius: 3px;
    visibility: hidden;
}

.playkit-scrollable.playkit-scrolling::-webkit-scrollbar-track,
.playkit-scrollable.playkit-scrolling::-webkit-scrollbar-thumb {
    visibility: visible;
}

/* block 4 */
.shaka-text-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    width: 100%;
    min-width: 48px;
    transition: bottom cubic-bezier(0.4, 0, 0.6, 1) 0.1s;
    transition-delay: 0s;
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    font-family: Roboto-Regular, Roboto, sans-serif, TengwarTelcontar;
}

.shaka-text-container span.shaka-text-wrapper {
    display: inline;
    background: 0 0;
    text-align: center;
}

:fullscreen .shaka-text-container {
    font-size: 4.4vmin;
}

:-webkit-full-screen .shaka-text-container {
    font-size: 4.4vmin;
}

:-moz-full-screen .shaka-text-container {
    font-size: 4.4vmin;
}

:-ms-fullscreen .shaka-text-container {
    font-size: 4.4vmin;
}