.player-holder {
	 position: relative;
	 max-width: 320px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .player-holder:not(.player-holder-has-frame) {
	 border-radius: 20px;
	 overflow: hidden;
}
 .player-holder-wrapper {
	 max-width: 320px;
	 position: relative;
	 margin: 0 auto;
}
 .player-holder-wrapper.player-holder-has-frame::before {
	 content: "";
	 display: block;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: transparent url("/upload/resources/video-js-8.20.0/iphone-mockup.png") no-repeat center;
	 z-index: 3;
	 background-size: contain;
}
 .player-holder-wrapper.player-holder-has-frame::after {
	 content: "";
	 display: block;
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: transparent url("/upload/resources/video-js-8.20.0/iphone-mockup-frame.png") no-repeat center;
	 z-index: 1;
	 background-size: contain;
}
 .player-holder-has-frame .video-js:not(.vjs-fullscreen)::after {
	 content: "";
	 position: absolute;
	 background-color: rgba(0, 0, 0, 0.8);
	 inset: auto 5px 0;
	 height: 60px;
	 opacity: 0;
	 transition: opacity 1s;
}
 .video-js.vjs-user-active.vjs-playing::after, .video-js.vjs-has-started.vjs-paused::after, .video-js.vjs-ended::after {
	 opacity: 1;
}
 .player-holder-wrapper:hover .video-js.vjs-playing.vjs-user-inactive::after {
	 opacity: 1;
}
 .on-init-video .video-js {
	 display: none;
}
 .player-holder-has-frame .video-js.vjs-fluid:not(.vjs-fullscreen) {
	 margin: 0 7px;
}
 .player-holder-wrapper:hover .video-js.vjs-controls-enabled:not(.vjs-fullscreen.vjs-user-inactive) .vjs-control-bar {
	 opacity: 1;
	 visibility: visible;
	 pointer-events: initial;
}
 .video-js .vjs-tech {
	 object-fit: cover;
}
 .video-js .vjs-control-bar, .video-js .vjs-big-play-button {
	 z-index: 3;
}
 .video-js .vjs-control-bar {
	 bottom: 0;
	 width: auto;
	 align-items: flex-start;
	 justify-content: space-between;
	 height: 45px;
	 padding: 11px 17px 0;
}
 .player-holder-has-frame .video-js .vjs-control-bar {
	 height: 60px;
	 padding: 11px 35px 0;
}
 .player-holder-has-frame .video-js.vjs-fullscreen .vjs-control-bar {
	 height: 45px;
	 padding: 11px 17px 0;
}

 .video-js .vjs-control {
	 outline: 0 none;
	 font-size: 14px;
	 height: auto;
	 width: auto;
}
 .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
	 width: auto;
	 height: auto;
	 transition: width 1s;
}
 .video-js .vjs-button > .vjs-icon-placeholder::before {
	 position: static;
	 line-height: 1;
	 height: auto;
}
 .video-js .vjs-big-play-button {
	 border: 0 none;
	 width: 35px;
	 height: 35px;
	 border-radius: 50%;
	 background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M240,0h32c6.40054.81543,12.81747,1.52029,19.19907,2.46383,50.15728,7.41593,94.687,27.27116,132.90734,60.72831,45.08451,39.4659,72.8509,88.883,83.79081,147.72485C509.745,220.85538,510.65613,230.96793,512,241v30c-1.13812,8.88757-1.96439,17.82822-3.46649,26.65387-8.08655,47.51279-27.53769,89.79831-59.33884,126.09818q-57.87853,66.06637-144.20523,83.2651C293.77,509.23624,282.33539,510.36716,271,512H241c-10.68341-1.50784-21.44162-2.61478-32.03757-4.59146q-77.562-14.46927-133.57834-70.16144c-38.29929-38.067-62.03491-83.98529-71.42321-137.20349C2.32174,290.752,1.30448,281.35065,0,272V241c.2961-1.60017.64334-3.19282.88012-4.80173C2.62276,224.35716,3.67369,212.36933,6.176,200.692,27.68446,100.31915,111.00618,20.7717,211.94186,3.98707,221.258,2.43789,230.64558,1.3188,240,0Zm16.10739,467.14978c116.48947-.09543,211.0434-94.76077,211.00052-211.24914-.04282-116.47373-94.75284-211.1318-211.17233-211.05649-116.3425.07526-211.31487,95.15077-211.05217,211.28137C45.14746,372.85434,139.62765,467.24518,256.10739,467.14978Z' /%3E%3Cpath d='M201.95569,255.63706q-.00009-34.47822.00662-68.95643c.00919-9.99971,5.58054-13.22184,14.24719-8.20246q59.81562,34.6428,119.598,69.343c8.33585,4.83828,8.38138,11.33892.06781,16.14574q-60.05772,34.72476-120.16752,69.35928c-7.82915,4.51105-13.73261.94516-13.74317-8.23306Q201.92465,290.36512,201.95569,255.63706Z'/%3E%3C/svg%3E") no-repeat center;
	 margin: 0 auto;
	 right: 15px;
	 bottom: 15px;
	 top: auto;
	 left: auto;
	 transition: all 0.3s;
	 -o-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -webkit-transition: all 0.3s;
}
 .player-holder-has-frame .video-js .vjs-big-play-button {
	 right: 25px;
	 bottom: 25px;
}
 .video-js .vjs-big-play-button:focus {
	 background-color: transparent;
}
 .video-js .vjs-big-play-button .vjs-icon-placeholder {
	 display: none;
}
 .video-js:hover .vjs-big-play-button {
	 background-color: transparent;
}
 .video-js .vjs-progress-control {
	 height: 31px;
	 position: absolute;
	 inset: -33px 10px auto 10px;
	 width: auto;
}
 .video-js .vjs-time-control {
	 position: absolute;
	 top: -50px;
	 font-size: 14px;
	 padding: 0;
	 line-height: 1;
	 height: auto;
}
 .video-js .vjs-time-control.vjs-current-time {
	 left: 19px;
}
 .video-js .vjs-time-control.vjs-time-divider {
	 left: 50px;
}
 .video-js .vjs-time-control.vjs-duration {
	 left: 60px;
}
 .video-js .vjs-fullscreen-control {
	 position: absolute;
	 right: 15px;
	 top: -55px;
	 width: auto;
}
 .video-js .vjs-play-progress {
	 background-color: #ea4335;
}
 .video-js .vjs-play-progress::before {
	 color: #d32f2f;
}
 .video-js .vjs-control-bar {
	 background-color: rgba(0, 0, 0, 0.8);
}
.player-holder-has-frame .video-js:not(.vjs-fullscreen) .vjs-control-bar {
	 background-color: transparent;
}
 .video-js .vjs-volume-bar {
	 margin: 0;
}
 .video-js .vjs-volume-bar.vjs-slider-horizontal {
	 width: 60px;
}
 .video-js .vjs-volume-panel {
	 align-items: center;
}
 .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal {
	 height: auto;
	 width: 60px;
	 transition: visibility 1s, opacity 1s, height 1s, width 1s, left 0s, top 0s;
}
 .video-js .vjs-volume-panel.vjs-hover button.vjs-mute-control, .video-js .vjs-volume-panel.vjs-slider-active button.vjs-mute-control {
	 left: -5px;
}
 .video-js button.vjs-mute-control {
	 transition: left 1s;
	 left: 0;
}
 .video-js .vjs-volume-panel .vjs-volume-control {
	 margin: 0;
	 height: auto;
}
 .video-js .vjs-time-control, .video-js .vjs-time-tooltip, .video-js .vjs-menu .vjs-menu-content {
	 font-family: DPSans;
}
 .video-js .vjs-poster img {
	 object-fit: cover;
}
 .video-js .vjs-time-control {
	 display: block;
}
 .video-js .vjs-remaining-time {
	 display: none;
}
 .on-init-video::before {
	 padding-top: 200%;
}
 .my-video-dimensions.vjs-fluid:not(.vjs-audio-only-mode) {
	 padding-top: 200%;
}
 .player-holder-has-frame {
	 margin: 0 7px;
}
 .video-mockup {
	 max-width: 100%;
}
 .video-loading-holder {
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 display: flex;
	 align-items: center;
	 width: 100%;
	 justify-content: center;
	 z-index: 1;
}
 .video-loading-holder .video-loader {
	 width: 50px;
	 aspect-ratio: 1;
	 display: grid;
	 border: 4px solid #000 0;
	 border-radius: 50%;
	 border-color: #ff8c00 #000 0;
	 animation: videoLoader 1s infinite linear;
}
 .video-loading-holder::before, .video-loading-holder::after {
	 content: "";
	 grid-area: 1;
	 margin: 2px;
	 border: inherit;
	 border-radius: 50%;
}
 .video-loading-holder::before {
	 border-color: #54c5d0 #000 0;
	 animation: inherit;
	 animation-duration: 0.5s;
	 animation-direction: reverse;
}
 .video-loading-holder::after {
	 margin: 8px;
}
 @keyframes videoLoader {
	 100% {
		 transform: rotate(1turn);
	}
}