.mvplayer {
    position:relative;
    background-color: #000;
    background-size: cover;
    background-position: center center;
    color: #FFF;
    font-family: Arial;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 0;
    width:100%;
    aspect-ratio: 16 / 10;
    max-height: 80vh;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.mvplayer video {
    background: #000;
}
.mvplayer.fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    max-height: 100vh;
    aspect-ratio:auto!important;
}
.mvplayer.ads-active .ads {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding:0;
    margin:0;
    background:transparent;
    z-index: 100;
}
.mvplayer.ads-active .mv-header,
.mvplayer.ads-active .mv-footer {
    display:none!important;
}
.mvplayer .controls {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    z-index: 10;
}
.mvplayer .controls > .mv-header {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.mvplayer .controls button {
    color:#FFF;
    background:transparent;
}
.mvplayer[data-state="play"] .controls .mv-header button.play-pause {
    display:none!important;
}
.mvplayer .controls .mv-header button.play-pause {
    font-family: cn2022;
    font-size: 5rem;
    font-weight:normal;
    pointer-events: none;
}
.mvplayer .controls .mv-header button.play-pause:after {
    content : '\e010';
}
.mvplayer .controls .mv-footer {
    background: linear-gradient(180deg, #00000000 0%, #000000FF 50%);
    padding: 0.5em 1em;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.mvplayer .controls .mv-footer > div {
    display:flex;
    align-items:center;
}
.mvplayer .controls .mv-footer button {
    color: #FFF;
    background: transparent;
    font-size: 36px;
    font-family: cn2022;
    padding: 0;
    line-height: 0;
    text-align: center;
    width: 36px;
    height: 36px;
    cursor: pointer;
}
.mvplayer .controls .mv-footer .time {
    flex: 1;
    text-align: left;
    font-size: 12px;
    font-weight: 100;
}
body:not(.device-xs) .mvplayer.hidden-actions[data-state="play"] .controls .mv-footer:not(:hover),
.device-xs .mvplayer.hidden-actions[data-state="play"] .controls .mv-footer {
    margin-bottom:0px;
    animation: fadeOut 3s forwards;
}
@keyframes fadeOut {
    0% { opacity: 1; margin-bottom:0px; }
    100% { opacity: 0; /* visibility: hidden; */ /* margin-bottom:-100px; */ }
}
.mvplayer .controls .mv-footer button.play-pause {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34'%3e%3ccircle fill='%23CC1E0D00' cx='17' cy='17' r='17'/%3e%3cpath fill='%23FFFFFF' d='M13.253,23.76c-0.248,0-0.493-0.064-0.709-0.188c-0.486-0.276-0.787-0.811-0.787-1.392V10.427 c0-0.584,0.301-1.116,0.787-1.391c0.451-0.261,1.007-0.252,1.45,0.018l10.044,6.014c0.683,0.427,0.889,1.329,0.46,2.011 c-0.116,0.187-0.273,0.344-0.46,0.46l-10.046,6.014C13.769,23.688,13.514,23.76,13.253,23.76z'/%3e%3c/svg%3e");
}
.mvplayer[data-state="play"] .controls .mv-footer button.play-pause {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34'%3e%3ccircle fill='%23CC1E0D00' cx='17' cy='17' r='17'/%3e%3cpath fill='%23FFFFFF' d='M14.826,23.219c0,1.225-0.993,2.216-2.218,2.216l0,0c-1.226,0-2.217-0.991-2.217-2.216V11.478,c0-1.225,0.991-2.216,2.217-2.216l0,0c1.225,0,2.218,0.992,2.218,2.216V23.219z'/%3e%3cpath fill='%23FFFFFF' d='M22.913,23.219c0,1.225-0.993,2.216-2.218,2.216l0,0c-1.225,0-2.218-0.991-2.218-2.216V11.478,c0-1.225,0.993-2.216,2.218-2.216l0,0c1.225,0,2.218,0.992,2.218,2.216V23.219z'/%3e%3c/svg%3e");
}
.mvplayer[data-muted="true"] .controls .mv-footer button.mute {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34'%3e%3ccircle fill='%23CC1E0D00' cx='17' cy='17' r='17'/%3e%3cg%3e%3cg%3e%3cpath fill='%23FFFFFF' d='M24.089,26.356c-0.244,0-0.487-0.093-0.674-0.28L6.612,9.27c-0.373-0.371-0.373-0.976,0-1.348 c0.373-0.371,0.976-0.371,1.349,0l16.804,16.807c0.372,0.371,0.372,0.976,0,1.347C24.578,26.263,24.333,26.356,24.089,26.356z' /%3e%3c/g%3e%3cpath fill='%23FFFFFF' d='M14.925,11.316v1.614c0,0.049,0.02,0.098,0.055,0.133l1.146,1.146c0.075,0.075,0.196,0.075,0.271,0 c0.035-0.035,0.056-0.084,0.056-0.135v-3.541c0.004-0.43-0.229-0.827-0.606-1.037c-0.389-0.21-0.864-0.175-1.219,0.089 c-0.012,0.007-0.022,0.016-0.031,0.023l-1.525,1.247c-0.081,0.067-0.093,0.189-0.025,0.269c0.003,0.007,0.008,0.012,0.012,0.016 l0.815,0.815c0.069,0.067,0.18,0.075,0.256,0.012L14.925,11.316z'/%3e%3cpath fill='%23FFFFFF' d='M14.925,22.685l-3.728-3.05c-0.274-0.222-0.616-0.344-0.968-0.344H7.287v-4.582h2.421 c0.105,0,0.191-0.086,0.19-0.191c0-0.051-0.021-0.098-0.056-0.133l-1.146-1.146c-0.037-0.038-0.084-0.056-0.136-0.056H6.904 c-0.632,0-1.146,0.511-1.146,1.145v5.346c0,0.635,0.514,1.147,1.146,1.147h3.33l4.362,3.571c0.009,0.009,0.02,0.016,0.031,0.023 c0.36,0.269,0.842,0.299,1.234,0.082c0.368-0.21,0.595-0.605,0.591-1.027v-2.396c0-0.051-0.021-0.098-0.056-0.133l-1.146-1.147 c-0.076-0.075-0.196-0.075-0.271,0c-0.035,0.035-0.055,0.084-0.055,0.133V22.685z'/%3e%3cpath fill='%23FFFFFF' d='M21.035,17c0-1.172-0.278-2.286-0.848-3.403c-0.199-0.371-0.661-0.511-1.034-0.315 c-0.362,0.194-0.507,0.64-0.326,1.009c0.457,0.899,0.68,1.784,0.68,2.709c0,0.126-0.005,0.257-0.015,0.388 c-0.007,0.112,0.033,0.22,0.111,0.299l0.939,0.939c0.073,0.073,0.195,0.075,0.27,0c0.026-0.025,0.044-0.058,0.051-0.096 C20.976,18.028,21.033,17.517,21.035,17z'/%3e%3cpath fill='%23FFFFFF' d='M24.089,17c0-2.443-0.624-4.005-1.631-5.733c-0.217-0.36-0.687-0.477-1.048-0.262 c-0.354,0.215-0.474,0.672-0.271,1.035c0.901,1.543,1.423,2.852,1.423,4.96c0,1.138-0.156,2.048-0.447,2.896 c-0.048,0.138-0.013,0.29,0.091,0.395l0.8,0.798c0.075,0.075,0.196,0.075,0.271,0c0.017-0.019,0.03-0.037,0.041-0.061 C23.808,19.859,24.089,18.619,24.089,17z'/%3e%3cpath fill='%23FFFFFF' d='M27.146,17c0-3.545-0.965-5.783-2.412-8.05c-0.227-0.355-0.699-0.46-1.056-0.234 c-0.356,0.229-0.461,0.701-0.233,1.056c1.304,2.044,2.172,4.052,2.172,7.229c0,2.266-0.425,3.921-1.125,5.395 c-0.036,0.072-0.021,0.159,0.039,0.215l0.849,0.853c0.074,0.075,0.196,0.075,0.271,0.002c0.013-0.014,0.026-0.033,0.035-0.049 C26.71,21.403,27.146,19.434,27.146,17z'/%3e%3c/g%3e%3c/svg%3e");
}
.mvplayer .controls .mv-footer button.mute {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34'%3e%3ccircle fill='%23CC1E0D00' cx='17' cy='17' r='17'/%3e%3cpath fill='%23FFFFFF' d='M16.413,10.223c-0.02-0.068-0.051-0.13-0.08-0.193c-0.015-0.03-0.021-0.063-0.038-0.092 c-0.032-0.055-0.076-0.102-0.116-0.15c-0.025-0.032-0.045-0.067-0.073-0.095c-0.043-0.042-0.095-0.075-0.144-0.11 c-0.035-0.026-0.064-0.056-0.101-0.077c-0.002-0.001-0.005-0.001-0.006-0.002c-0.003-0.001-0.006-0.004-0.009-0.007 c-0.39-0.21-0.864-0.175-1.22,0.087c-0.012,0.007-0.022,0.017-0.031,0.023l-1.525,1.247c-0.003,0.002-0.002,0.006-0.005,0.01 l-2.831,2.318H8.563c-0.002,0-0.002-0.001-0.003-0.001H6.903c-0.632,0-1.146,0.513-1.146,1.145v0.003v5.343v0.003 c0,0.632,0.514,1.145,1.146,1.145h1.657c0.001,0,0.001-0.001,0.003-0.001h1.671l4.361,3.571c0.009,0.009,0.02,0.016,0.031,0.024 c0.359,0.268,0.842,0.298,1.234,0.081c0.368-0.21,0.595-0.605,0.591-1.028v-0.989v-1.145v-0.262V10.534v-0.001 c0-0.034-0.011-0.065-0.013-0.099C16.434,10.362,16.43,10.291,16.413,10.223z M14.925,19.925v1.408v1.146v0.205l-3.728-3.05 c-0.274-0.222-0.616-0.343-0.968-0.343H9.707h-2.42v-4.581h2.42h0.522c0.352,0,0.693-0.122,0.968-0.343l3.728-3.05V19.925z'/%3e%3cpath fill='%23FFFFFF' d='M21.034,17c-0.001-0.266-0.017-0.531-0.048-0.794c-0.021-0.189-0.058-0.376-0.096-0.563 c-0.01-0.057-0.015-0.116-0.027-0.173c-0.002-0.003-0.004-0.005-0.005-0.008c-0.139-0.627-0.356-1.246-0.672-1.865 c-0.198-0.372-0.66-0.512-1.033-0.314c-0.362,0.193-0.507,0.64-0.326,1.008c0.457,0.899,0.68,1.785,0.68,2.709 s-0.223,1.81-0.68,2.709c-0.181,0.368-0.036,0.815,0.326,1.008c0.373,0.197,0.835,0.057,1.033-0.314 c0.315-0.619,0.533-1.238,0.672-1.865c0.001-0.003,0.003-0.004,0.005-0.008c0.013-0.057,0.018-0.116,0.027-0.173 c0.038-0.187,0.075-0.374,0.096-0.563C21.018,17.531,21.033,17.266,21.034,17z'/%3e%3cpath fill='%23FFFFFF' d='M23.896,19.111c0.051-0.265,0.092-0.541,0.122-0.828c0.007-0.076,0.016-0.15,0.023-0.228 c0.027-0.336,0.048-0.683,0.048-1.056s-0.021-0.719-0.048-1.056c-0.008-0.077-0.017-0.152-0.023-0.228 c-0.03-0.287-0.071-0.563-0.122-0.828c-0.006-0.036-0.012-0.074-0.02-0.109c-0.262-1.298-0.754-2.373-1.419-3.514 c-0.217-0.359-0.687-0.477-1.049-0.261c-0.354,0.215-0.474,0.672-0.271,1.034c0.41,0.702,0.735,1.357,0.975,2.059 c0.002,0.002,0,0.003,0.002,0.006c0.14,0.411,0.248,0.837,0.323,1.296c0.003,0.02,0.007,0.038,0.011,0.056 c0.031,0.203,0.054,0.417,0.072,0.634c0.003,0.039,0.009,0.075,0.012,0.113c0.019,0.253,0.029,0.519,0.029,0.796 s-0.011,0.543-0.029,0.796c-0.003,0.039-0.009,0.075-0.012,0.113c-0.019,0.217-0.041,0.431-0.072,0.634 c-0.004,0.019-0.008,0.037-0.011,0.056c-0.075,0.459-0.184,0.885-0.323,1.296c-0.002,0.002,0,0.003-0.002,0.006 c-0.239,0.702-0.564,1.357-0.975,2.059c-0.203,0.362-0.083,0.82,0.271,1.035c0.362,0.215,0.832,0.098,1.049-0.262 c0.665-1.141,1.157-2.215,1.419-3.514C23.885,19.184,23.891,19.147,23.896,19.111z'/%3e%3cpath fill='%23FFFFFF' d='M25.715,23.344c0.201-0.398,0.379-0.813,0.542-1.235c0.047-0.123,0.095-0.248,0.138-0.37 c0.145-0.414,0.275-0.84,0.381-1.292c0.025-0.109,0.042-0.223,0.064-0.334c0.073-0.355,0.133-0.727,0.18-1.111 c0.019-0.153,0.037-0.307,0.051-0.463c0.045-0.488,0.075-0.994,0.075-1.539s-0.03-1.051-0.075-1.541 c-0.014-0.155-0.032-0.309-0.051-0.461c-0.047-0.386-0.106-0.757-0.18-1.112c-0.022-0.111-0.039-0.226-0.064-0.334 c-0.105-0.452-0.236-0.878-0.381-1.292c-0.043-0.123-0.091-0.248-0.138-0.37c-0.163-0.423-0.341-0.837-0.542-1.237 c-0.012-0.023-0.019-0.047-0.03-0.07c-0.008-0.016-0.02-0.029-0.03-0.042c-0.278-0.541-0.585-1.066-0.92-1.593 c-0.227-0.355-0.7-0.46-1.056-0.233c-0.356,0.229-0.462,0.701-0.233,1.056c0.479,0.751,0.897,1.498,1.237,2.299 c0.016,0.038,0.03,0.076,0.047,0.113c0.281,0.682,0.497,1.414,0.649,2.215c0.044,0.239,0.085,0.482,0.116,0.737 c0.021,0.156,0.039,0.315,0.054,0.479c0.039,0.439,0.068,0.893,0.068,1.385s-0.029,0.946-0.068,1.385 c-0.015,0.164-0.033,0.322-0.054,0.479c-0.031,0.254-0.072,0.499-0.116,0.737c-0.152,0.801-0.368,1.532-0.649,2.215 c-0.017,0.037-0.031,0.076-0.047,0.113c-0.34,0.801-0.759,1.548-1.237,2.299c-0.229,0.355-0.123,0.827,0.233,1.056 c0.355,0.227,0.829,0.121,1.056-0.234c0.335-0.526,0.642-1.052,0.92-1.593c0.011-0.013,0.022-0.027,0.03-0.042 C25.696,23.392,25.703,23.368,25.715,23.344z'/%3e%3c/svg%3e");
}
.mvplayer .controls .mv-footer button.fullscreen {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34px' height='34px' viewBox='0 0 34 34' enable-background='new 0 0 34 34'%3e%3ccircle fill='%23CC1E0D00' cx='17' cy='17' r='17'/%3e%3cpath fill='%23FEFEFE' d='M14.175,24.784h-2.177c-1.519,0-2.755-1.235-2.755-2.753v-2.207c0-0.465,0.377-0.842,0.842-0.842 c0.466,0,0.843,0.377,0.843,0.842v2.207c0,0.589,0.48,1.068,1.07,1.068h2.177c0.465,0,0.843,0.377,0.843,0.842 S14.64,24.784,14.175,24.784z'/%3e%3cpath fill='%23FEFEFE' d='M10.085,15.017c-0.465,0-0.842-0.377-0.842-0.843V11.97c0-1.519,1.236-2.754,2.755-2.754h2.177 c0.465,0,0.843,0.377,0.843,0.843c0,0.465-0.378,0.842-0.843,0.842h-2.177c-0.59,0-1.07,0.479-1.07,1.069v2.204 C10.928,14.64,10.551,15.017,10.085,15.017z'/%3e%3cpath fill='%23FEFEFE' d='M22.002,24.784h-2.177c-0.465,0-0.843-0.378-0.843-0.843s0.378-0.842,0.843-0.842h2.177 c0.59,0,1.069-0.479,1.069-1.068v-2.207c0-0.465,0.378-0.842,0.843-0.842s0.842,0.377,0.842,0.842v2.207 C24.756,23.549,23.522,24.784,22.002,24.784z'/%3e%3cpath fill='%23FEFEFE' d='M23.915,15.017c-0.465,0-0.843-0.377-0.843-0.843V11.97c0-0.59-0.479-1.069-1.069-1.069h-2.177 c-0.465,0-0.843-0.377-0.843-0.842c0-0.466,0.378-0.843,0.843-0.843h2.177c1.52,0,2.754,1.235,2.754,2.754v2.204 C24.756,14.64,24.379,15.017,23.915,15.017z'/%3e%3c/svg%3e");
}
.mvplayer .progress {
    padding: 0.5em 1em 1em;
}
.mvplayer .progress-bar {
    position: relative;
    width: 100%;
    height: 4px;
    background: #FFFFFF33;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
}
.mvplayer .progress-bar-played {
    background: var(--color);
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:10px;
    cursor: pointer;
}
.mvplayer .versions {
    position: relative;
    height: 36px;
    display: flex;
    align-items: center;
    line-height: 1em;
    padding-right: 1em;
}
.mvplayer .versions .version {
    background: #FFF;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    padding: 0.5em 1em;
    border-radius: 4px;
    cursor: pointer;
}
.mvplayer .versions ul {
    display:none;
    position: absolute;
    bottom: 100%;
    right: 1em;
    background: #FFF;
    border-radius: 4px;
    z-index: 100;
}
.mvplayer .versions:hover ul {
    display:block!important;
} 
.mvplayer .versions ul li {
    display: block;
    color: #000;
    line-height: 1.4em;
    white-space: nowrap;
    font-size: 1.1em;
    padding: 0.5em 1em;
    cursor: pointer;
    text-align: left;
}
.mvplayer .versions ul li + li {
    border-top: 1px solid #00000010;
}
.mvmodal.open {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mvmodal.open .mvplayer {
    /* aspect-ratio: auto !important; */
    flex: 1;
    height: max-content;
    max-height: -webkit-fill-available;
}
.device-mobile .mvmodal.open .mvplayer {
    aspect-ratio: auto;
    height: 100%;
}

.mvmodal:not(.open) {
    display:none!important;
}
.mvmodal .close {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 100%;
    width: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 1.4em;
    font-weight: 600;
    outline: 2px solid #FFFFFF33;
    background: transparent;
    color: #FFF;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 999;
}
.mvplayer.ads-active {
    border: 4px solid #ffe000;
}
.mvplayer.ads-active:after {
    content: 'ADS';
    display: block;
    background: #ffe000 !important;
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.2em;
    z-index: 999;
    padding: 0.2em 0.4em 0.2em 0.2em;
    border-radius: 0 0 0.2em;
}
.device-mobile .mvplayer.ads-active {
    outline: 0;
    border-top: 4px solid #ffe000;
    border-bottom: 4px solid #ffe000;
}
.mvplayer.ads-active .ads > div, 
.mvplayer.ads-active .ads iframe {
    max-width: 100%;
    max-height: 100%;
}
.mvplayer .ads-timer:not(:empty) {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffe000 !important;
    font-size: 12px;
    padding: 0.6em 0.6em 0.3em 0.6em;
    color: #000;
    align-items: center;
    text-transform: none;
    gap: 0.2em;
    line-height: 0.8em;
    text-align: center;
    vertical-align: middle;
    border-radius: 0 4px 0 0;
}
.mvplayer:not(.ads-active) .ads {   
    pointer-events: none;
}
.device-mobile .mvplayer.rendered {
    aspect-ratio: 16 / 14;
    transition: all 0.3s ease-in-out;
}