.videoplayer {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
    color: #fff;
    font-family: var(--font-family);
    font-size: 12px;
    line-height: normal;
    text-align: left;
    overflow: hidden;
    outline: none;
    user-select: none;
}

.videoplayer_media,
.videoplayer_media_provider {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videoplayer_media {
    transition: transform 0.2s ease-in-out;
}

.videoplayer_media.no_transition {
    transition: none;
}

.videoplayer_media_provider {
    object-fit: contain;
    background: #000;
}

.videoplayer_ui {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.videoplayer_ui > * {
    pointer-events: auto;
}

.videoplayer_controls {
    display: table !important;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45px;
    white-space: nowrap;
    font-size: 13px;
    transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    will-change: transform;
}

.videoplayer_ui.no_transition .videoplayer_controls,
.videoplayer_ui.no_transition .videoplayer_title {
    transition: none;
}

.videoplayer_ui._fullscreen .videoplayer_controls {
    height: 50px;
    font-size: 16px;
}

.videoplayer_controls:before {
    content: '';
    position: absolute;
    z-index: -1;
    pointer-events: none;
    left: 0;
    right: 0;
    bottom: 0;
    height: 110px;
    transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.videoplayer_ui.no_transition .videoplayer_controls:before {
    transition: none;
}

.videoplayer_ui.no_gradient .videoplayer_controls:before {
    background: none;
}

.videoplayer_ui._fullscreen .videoplayer_controls:before {
    height: 145px;
}

.videoplayer_controls.hidden {
    display: table !important;
    visibility: visible;
    transform: translateY(100%);
    pointer-events: none;
}

.videoplayer_ui._keyboard_focus .videoplayer_controls.hidden {
    transform: none;
    transition-property: opacity, visibility;
    opacity: 0;
}

.videoplayer_controls.hidden:before {
    opacity: 0;
}

.videoplayer_controls_item {
    display: table-cell;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 1.4;
}

.videoplayer_btn {
    cursor: pointer;
    outline: none;
    height: 100%;
    transition: opacity 0.2s;
    will-change: opacity;
}

.videoplayer_btn:hover {
    opacity: .8;
}

.videoplayer_ui._keyboard_focus .videoplayer_btn:focus {
    box-shadow: inset 0 0 0 2px #2a5885;
}

.videoplayer_btn_icon {
    display: block;
    will-change: opacity;
}

.videoplayer_btn_play {
    padding-left: 16px;
}

.videoplayer_ui._fullscreen .videoplayer_btn_play {
    padding-left: 20px;
    padding-right: 11px;
}

.videoplayer_btn_prev,
.videoplayer_btn_next {
    padding-left: 8px;
    padding-right: 9px;
}

.videoplayer_ui._fullscreen .videoplayer_btn_prev,
.videoplayer_ui._fullscreen .videoplayer_btn_next {
    padding-left: 9px;
    padding-right: 14px;
}

.videoplayer_btn_mute {
    padding: 0 10px 0 8px;
    position: relative;
}

.videoplayer_ui._fullscreen .videoplayer_btn_expand {
    display: none !important;
}

.videoplayer_btn_fullscreen {
    padding-right: 16px;
}

.videoplayer_controls:not(._has_fullscreen) .videoplayer_btn_settings {
    padding-right: 16px;
}

.videoplayer_play_icon {
    height: 24px;
    width: 24px;
}

.videoplayer_play_icon ._pause,
.videoplayer_play_icon ._replay,
.videoplayer_ui[data-state="playing"] .videoplayer_play_icon ._play {
    visibility: hidden;
}

.videoplayer_ui[data-state="playing"] .videoplayer_play_icon ._pause {
    visibility: visible;
}

.videoplayer_ui[data-state="ended"] .videoplayer_play_icon ._play {
    visibility: hidden;
}

.videoplayer_ui[data-state="ended"] .videoplayer_play_icon ._replay {
    visibility: visible;
}

.videoplayer_prev_icon,
.videoplayer_next_icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20opacity%3D%22.3%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M16%2011.919V6.502c0-.276.214-.5.505-.5h.99c.279%200%20.505.229.505.5v11.003c0%20.277-.214.5-.505.5h-.99a.506.506%200%200%201-.505-.5v-5.413c-.031.158-.147.312-.352.437L6.86%2017.89c-.475.289-.86.068-.86-.482V6.603c0-.556.374-.778.86-.482l8.788%205.36c.203.123.32.278.352.438z%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 24px;
    height: 24px;
}

.videoplayer_prev_icon {
    transform: scaleX(-1);
}

.videoplayer_volume_icon {
    width: 24px;
    height: 24px;
}

.videoplayer_volume_icon ._cross,
.videoplayer_volume_icon[data-value="off"] ._wave1,
.videoplayer_volume_icon[data-value="off"] ._wave2 {
    visibility: hidden;
}

.videoplayer_volume_icon[data-value="off"] ._cross {
    visibility: visible;
}

.videoplayer_volume_icon[data-value="mid"] ._wave2,
.videoplayer_volume_icon[data-value="min"] ._wave2 {
    visibility: hidden;
}

.videoplayer_expand_icon {
    width: 16px;
    height: 16px;
}

.videoplayer_fullscreen_icon {
    width: 24px;
    height: 24px;
}

.videoplayer_fullscreen_icon ._exit,
.videoplayer_ui._fullscreen .videoplayer_fullscreen_icon ._enter {
    visibility: hidden;
}

.videoplayer_ui._fullscreen .videoplayer_fullscreen_icon ._exit {
    visibility: visible;
}

.videoplayer_settings_icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M9.127%205.052c1.256-.72%201.473-1.469%201.623-2.219.167-.833.417-.833.833-.833h.834c.416%200%20.583%200%20.833.833.225.751.383%201.502%201.631%202.223%201.397.379%202.08.002%202.717-.422.707-.471.884-.294%201.178%200l.59.59c.294.294.412.412%200%201.178-.372.69-.791%201.333-.418%202.725.72%201.256%201.469%201.473%202.219%201.623.833.167.833.417.833.833v.834c0%20.416%200%20.583-.833.833-.751.225-1.502.383-2.223%201.631-.379%201.397-.002%202.08.422%202.717.471.707.294.884%200%201.178l-.59.59c-.294.294-.412.412-1.178%200-.69-.372-1.333-.791-2.725-.418-1.256.72-1.473%201.469-1.623%202.219-.167.833-.417.833-.833.833h-.834c-.416%200-.583%200-.833-.833-.225-.751-.383-1.502-1.631-2.223-1.397-.379-2.08-.002-2.717.422-.707.471-.884.294-1.178%200l-.59-.59c-.294-.294-.412-.412%200-1.178.372-.69.791-1.333.418-2.725-.72-1.256-1.469-1.473-2.219-1.623C2%2013.083%202%2012.833%202%2012.417v-.834c0-.416%200-.583.833-.833.751-.225%201.502-.383%202.223-1.631.379-1.397.002-2.08-.422-2.717-.471-.707-.294-.884%200-1.178l.59-.59c.294-.294.412-.412%201.178%200%20.69.372%201.333.791%202.725.418zM12%2016.75a4.75%204.75%200%201%200%200-9.5%204.75%204.75%200%200%200%200%209.5z%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20opacity%3D%22.4%22%2F%3E%0A%20%20%20%20%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    width: 24px;
    height: 24px;
}

.videoplayer_timeline {
    width: 100%;
    padding: 0 11px;
    position: relative;
}

.videoplayer_timeline_slider {
    min-width: 86px;
}

.videoplayer_volume {
    padding-left: 0;
    position: relative;
}

.platform-ios .videoplayer_volume {
    display: none !important;
}

.videoplayer_volume_slider {
    width: 50px;
}

.videoplayer_ui._fullscreen .videoplayer_volume_slider {
    width: 66px;
}

.videoplayer_volume_slider._vertical {
    transform-origin: 0 0;
    transform: rotate(-90deg);
    position: absolute;
    left: -21px;
    top: 0;
}

.videoplayer_time {
    box-sizing: border-box;
    padding: 0 8px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    cursor: default;
    will-change: opacity;
}

.videoplayer_ui._fullscreen .videoplayer_time {
    padding-left: 20px;
    padding-right: 15px;
}

.videoplayer_time ._time_current {
    position: relative;
}

.videoplayer_time ._time_current._reversed:before {
    content: '\2212';
    position: absolute;
    right: 100%;
}

.videoplayer_time ._time_duration {
    opacity: .7;
}

.videoplayer_time ._time_duration:before {
    content: ' / ';
    white-space: pre;
}

.videoplayer_slider {
    position: relative;
    z-index: 2;
    height: 5px;
    border-radius: 2.5px;
    background: hsla(0, 0%, 100%, .4);
    cursor: pointer;
    outline: none;
    transition: visibility .2s, opacity .2s;
    will-change: opacity, transform;
}

.videoplayer_ui._keyboard_focus .videoplayer_slider:focus {
    box-shadow: 0 0 0 2px #2a5885;
}

.videoplayer_slider.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.videoplayer_slider._disabled {
    cursor: default;
    background: hsla(0, 0%, 100%, .25);
}

.videoplayer_slider:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -20px;
    z-index: 1;
    height: 45px;
}

.videoplayer_ui._fullscreen .videoplayer_slider:before {
    top: -22.5px;
    height: 50px;
}

.videoplayer_slider.videoplayer_timeline_slider:before {
    left: -11px;
    right: -11px;
}

.videoplayer_slider.videoplayer_volume_slider:before {
    right: -10px;
}

.videoplayer_slider ._bars_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 2.5px;
    overflow: hidden;
    z-index: 1;
}

.videoplayer_slider ._loaded {
    background: hsla(0, 0%, 100%, .4);
    transition: transform .2s;
}

.videoplayer_slider ._loaded,
.videoplayer_slider ._filled {
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    border-radius: 2.5px;
}

.videoplayer_slider ._filled {
    background: #fff;
}

.videoplayer_slider ._handle_wrap {
    position: absolute;
    left: -100%;
    width: 100%;
}

.videoplayer_slider ._handle {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 13px;
    right: -6.5px;
    top: -4px;
    border-radius: 50%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    transition: opacity .2s, transform .2s, visibility .2s;
    will-change: opacity, transform;
}

.videoplayer_slider._dragging ._handle,
.videoplayer_slider:hover ._handle {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.videoplayer_slider._dragging ._handle {
    transform: scale(1.3);
}

.videoplayer_slider._disabled ._filled,
.videoplayer_slider._disabled ._handle,
.videoplayer_slider._disabled ._loaded {
    display: none;
}

.videoplayer_context_menu {
    z-index: 100;
    position: absolute;
    top: 20px;
    left: 20px;
    overflow: auto;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgba(0, 0, 0, .9);
    transition: visibility .1s, opacity .1s;
}

.videoplayer_context_menu ._item {
    position: relative;
    display: block;
    padding: 8px 20px;
    color: hsla(0, 0%, 100%, .7);
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.videoplayer_context_menu ._item:first-child {
    padding-top: 10px;
}

.videoplayer_context_menu ._item:last-child {
    padding-bottom: 10px;
}

.videoplayer_context_menu ._item:hover {
    background: rgba(66, 66, 66, .5);
    color: #fff;
    text-decoration: none;
}

.videoplayer_context_menu.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.videoplayer_settings_menu_list,
.videoplayer_settings_menu_sublist {
    background-color: hsla(0, 0%, 7%, .8);
    border-radius: 8px;
    bottom: 24px;
    font-size: 13px;
    line-height: 40px;
    overflow: auto;
    box-sizing: border-box;
    padding: 4px 0;
    right: 17px;
    margin-bottom: 18px;
    position: absolute;
    transition: opacity .2s, visibility .2s;
    z-index: 10;
}

.videoplayer_settings_menu_sublist_items {
    overflow: auto;
}

.videoplayer_settings_menu_list.hidden,
.videoplayer_settings_menu_sublist.hidden {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.videoplayer_settings_menu_sublist {
    padding-bottom: 0;
}

.videoplayer_settings_menu_list_icon {
    margin-right: 18px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.videoplayer_settings_menu_list_icon_autoplay,
.videoplayer_settings_menu_list_icon_loop {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m12%204.5c4.418%200%208%203.582%208%208s-3.582%208-8%208-8-3.582-8-8c0-.552.448-1%201-1s1%20.448%201%201c0%203.314%202.686%206%206%206s6-2.686%206-6-2.686-6-6-6v3.096c0%20.1-.037.195-.104.269a.4.4%200%200%201-.565.027L7.043%203.993a.667.667%200%200%201%200-.987L11.331-.892a.4.4%200%200%201%20.669.296V4.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50%;
}

.videoplayer_settings_menu_list_icon_playback_speed {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M11%204.07V2.05c-2.01.2-3.84%201-5.32%202.21L7.1%205.69A7.941%207.941%200%200%201%2011%204.07zM5.69%207.1L4.26%205.68A9.949%209.949%200%200%200%202.05%2011h2.02c.18-1.46.76-2.79%201.62-3.9zM2.05%2013c.2%202.01%201%203.84%202.21%205.32l1.43-1.43A7.868%207.868%200%200%201%204.07%2013zM11%2021.95v-2.02a7.941%207.941%200%200%201-3.9-1.62l-1.42%201.43A9.981%209.981%200%200%200%2011%2021.95zM22%2012c0%205.16-3.92%209.42-8.95%209.95v-2.02C16.97%2019.41%2020%2016.05%2020%2012s-3.03-7.41-6.95-7.93V2.05C18.08%202.58%2022%206.84%2022%2012zM10.688%208.576l4.746%202.736a.792.792%200%200%201%200%201.372l-4.746%202.737a.792.792%200%200%201-1.188-.686V9.262a.792.792%200%200%201%201.188-.686z%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%2F%3E%0A%20%20%20%20%3Cuse%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

.videoplayer_settings_menu_list_icon_download {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13%205v7.586l2.293-2.293a1%201%200%201%201%201.414%201.414l-4%204a1%201%200%200%201-1.414%200l-4-4a1%201%200%201%201%201.414-1.414L11%2012.586V5a1%201%200%201%201%202%200zM5%2018a1%201%200%201%201%200-2h14a1%201%200%201%201%200%202H5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: 50%;
}

.videoplayer_settings_menu_list_item,
.videoplayer_settings_menu_sublist_item {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    outline: none;
    padding: 0 18px;
    white-space: nowrap;
}

.videoplayer_settings_menu_list_item:hover,
.videoplayer_settings_menu_sublist_item:hover {
    background-color: hsla(0, 0%, 100%, .08);
}

.videoplayer_settings_menu_list_item.active,
.videoplayer_settings_menu_sublist_item.active {
    background: no-repeat center left 16px url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2216%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.9%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h16v16H0z%22%20opacity%3D%22.1%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M6%2010.2L3.5%207.7a.99.99%200%200%200-1.4%201.4l3.193%203.193a1%201%200%200%200%201.414%200L14.3%204.7a.99.99%200%200%200-1.4-1.4z%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    padding-left: 42px;
}

.videoplayer_settings_menu_sublist_item {
    color: hsla(0, 0%, 100%, .9);
    line-height: 32px;
    padding-left: 42px;
}

.videoplayer_settings_menu_sublist_item:last-child {
    margin-bottom: 4px;
}

.videoplayer_settings_menu_list_title {
    flex-grow: 1;
    margin-right: 24px;
}

.videoplayer_settings_menu_list_value {
    opacity: 0.7;
}

.videoplayer_settings_menu_sublist_divider {
    background-color: hsla(0, 0%, 100%, .3);
    height: 1px;
    margin: 4px 9px 0;
}

.videoplayer_settings_menu_sublist_header {
    color: #fff;
    cursor: pointer;
    line-height: 32px;
    padding: 0 18px 0 42px;
    position: relative;
    text-align: right;
}

.videoplayer_settings_menu_sublist_header:before {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20height%3D%2224%22%20width%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M4.706%207.706a1%201%200%200%201%200-1.412l.088-.088a.997.997%200%200%201%201.414.002l5.084%205.084a.998.998%200%200%201%200%201.416l-5.084%205.084a1.002%201.002%200%200%201-1.414.002l-.088-.088a.995.995%200%200%201%200-1.412L9%2012z%22%2F%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22matrix(-1%200%200%201%2016%200)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h16v24H0z%22%2F%3E%0A%20%20%20%20%3Cuse%20fill%3D%22%23fff%22%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-position: left 16px center;
    background-repeat: no-repeat;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.videoplayer_settings_menu_sublist_header:hover:before {
    opacity: .8;
    transition: opacity .2s;
}

.videoplayer_waiting {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -4px;
    text-align: center;
    opacity: 1;
    pointer-events: none;
}

.videoplayer_waiting .pr_bt {
    background: #fff;
}

.videoplayer_thumb {
    z-index: 2;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000;
    cursor: pointer;
    transition: opacity .2s, visibility .2s;
    will-change: opacity;
}

.videoplayer_thumb,
.videoplayer_thumb:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.videoplayer_thumb:after {
    content: '';
}

.videoplayer_thumb.hidden {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.videoplayer_big_play_btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 75px;
    height: 75px;
}

.videoplayer_big_play_btn_bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
    transition: background .2s ease-out, transform .2s ease-out;
    will-change: background, transform;
}

.videoplayer_thumb:hover .videoplayer_big_play_btn_bg {
    background-color: rgba(0, 0, 0, .6);
    transform: scale(1.15);
}

.videoplayer_big_play_icon {
    height: 33px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -19px;
    margin-top: -16.5px;
}

.videoplayer_big_play_icon ._pause,
.videoplayer_big_play_icon ._replay {
    display: none;
}

.videoplayer_controls:before,
.videoplayer_gradient,
.videoplayer_title:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADcCAYAAACxtct4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVpJREFUeNqEVMtywjAMtNZOUgoz3JkcuHPk/z8MiO3q4Rdh2uqg0UbatY0knHOO3JsRxP/p6LdvhPv9rnrTUHe73VR5wfV61ewX1nXV6IDL5UJ4vV6w4pwzIaWkDjidTpbwnPjG8XiElXw6NEeY59kbfDweDtM0FchRqXs+n0AIoUA5e1Cp0MOztQjYto094IcSdR3KbU1FuTFGISA05QAiKnWdpqIchfbTFZU37sdBapU2vqPqYUjsSiqkpkz2rd6vdEE7w5YkysKNEhXILrYoCTe17Og0wXpxX8Jwk0QyKYZdPjba1mjltEr7YNT7bQOXO5GkFXFQ6TSNOlRRno0ojJKt3Dg8pr9DI56NJKNXIA91jyKWZXEGefRUKg8qFQ7OszvgfD5n2wBuwGJdkI5bnXaGhzrZMvFaOVswXrWydLx+WaK57WqWNdVsaH3Lu532//4L7Ix+BBgA0mT6Yrg5bBMAAAAASUVORK5CYII=');
    background-repeat: repeat-x;
}

.videoplayer_gradient_large,
.videoplayer_ui._fullscreen .videoplayer_controls:before,
.videoplayer_ui._fullscreen .videoplayer_title:before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEiCAYAAAA4WrilAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAa1JREFUeNpsVDGSwjAMtOWEXOCAioaKgo6St/D/b8CA7ZNWjmWHU5HRaley5HHkcs6OHBs+Yt5Vz4j+o0ToIT0eD+TSSqfe/X4HO67Z2+3m6PV6gZ00drlcPH0+H1+7mul8PnuKMZa0lFLxOEY1RnQ4HHzgsbYaY8/Tfr/3ppPGf2m325WMRdd6SIM3TVOBz+fT02azISXY82hch0FsHMc2d5nS16JEwzAU7/1+A4INFNi0A56cFKIU7hQSKyVjVBiqpIjZwjrNCFxiJ2nrgUAMV2wQhgzcmmdr0hiFmmGS9nA7Dba05tYSgzaR3WSnc+pJK32Gk1iWNpJ4SWGW05lM8vnyoFugsSVm9RCTAaRebCSAMnxzbndG1A6QC/itS30VS0sas06ZjX1/sfYX5fnkBnazJRUvaW3RKH8Jv8ksXmrEGB9wIXIlkjzlLI8/N5fNsaLjX6iFJoHHv1CieZ6zekYsRzpNk/GbXxeQJVtlj8djDlgUyzU58xzSTqeTq0TGDTWrRWICf7Te9Xp1dSNlbCmxTfWGfxZjeTnfm7D52NoM3d5dr9ze/J8AAwDIFD4YGcf6rAAAAABJRU5ErkJggg==');
    background-repeat: repeat-x;
}

.videoplayer_title {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    right: 0;
    height: 0;
    font-size: 13px;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    transition: visibility 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    will-change: transform, opacity;
}

.videoplayer_title:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: 110px;
    background-position: 0 -110px;
    pointer-events: none;
}

.videoplayer_ui._fullscreen .videoplayer_title:before {
    height: 145px;
    background-position: 0 -145px;
}

.videoplayer_title.hidden {
    display: block !important;
    visibility: hidden;
    transform: translateY(-44px);
    opacity: 0;
    pointer-events: none;
}

.videoplayer_ui._fullscreen .videoplayer_title.hidden {
    transform: translateY(-58px);
}

.videoplayer_title_link {
    box-sizing: border-box;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    padding: 18px 20px 10px;
    color: #fff;
    pointer-events: none;
}

.videoplayer_title_link:hover {
    text-decoration: none;
}

.videoplayer_title_link._clickable {
    pointer-events: initial;
}

.videoplayer_ui._fullscreen .videoplayer_title_link {
    padding: 25px 20px 10px;
    font-size: 20px;
}

.videoplayer_tooltip {
    display: none;
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, .8);
    border-radius: 3px;
    padding: 7px 12px 8px;
    pointer-events: none;
    font-size: 13px;
    line-height: 18px;
}

.videoplayer_ui._fullscreen .videoplayer_tooltip {
    font-size: 16px;
    line-height: 22px;
}

.videoplayer_tooltip ._text {
    color: #fff;
    white-space: nowrap;
}

.videoplayer_tooltip ._arrow {
    position: absolute;
    left: 50%;
    top: 100%;
    border-top: 6px solid rgba(0, 0, 0, .8);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-left: -6px;
}

.videoplayer_tooltip ._arrow._arrow_up {
    top: -6px;
    border-top: 0;
    border-bottom: 6px solid rgba(0, 0, 0, .8);
}

.videoplayer_error {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #000;
    color: #fff;
}

.videoplayer_error.hidden {
    display: none;
}

.videoplayer_error ._error_msg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -62px;
}

.videoplayer_error ._error_progress_icon {
    opacity: 1;
    margin: 20px 0;
}

.videoplayer_error ._error_progress_icon > .pr_bt {
    background: #fff;
}

.videoplayer_error ._error_icon {
    position: relative;
    height: 90px;
    width: 130px;
    margin: 0 auto;
    background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%22460%20190%20130%2090%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M460%20193.998c0-2.208%201.788-3.998%203.997-3.998h122.006c2.207%200%203.997%201.798%203.997%203.998v82.004c0%202.208-1.788%203.998-3.997%203.998H463.997c-2.207%200-3.997-1.798-3.997-3.998v-82.004zm6%202.993c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm112-72c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02zm0%2012c0-.546.45-.99.99-.99h4.02c.546%200%20.99.45.99.99v4.02c0%20.546-.45.99-.99.99h-4.02c-.546%200-.99-.45-.99-.99v-4.02z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.2%22%2F%3E%0A%3C%2Fsvg%3E') no-repeat 50%;
}

.videoplayer_error ._text {
    position: relative;
    padding: 0 10px;
    margin-top: 24px;
    font-size: 15px;
    cursor: default;
    line-height: 1.4;
}

.video_item {
    cursor: pointer;
}

.video_thumb_play {
    transition: transform 0.12s ease-out, background-color 100ms linear, opacity 60ms ease !important;
}

.video_item:hover .video_thumb_play {
    transform: scale(1.08) !important;
}