.grid__video {  }  .video-cover { position: relative; width: 100%; height: 0; background-color: var(--color-video-background); }  .grid__item:hover .video-cover { background-color: var(--color-video-background-hover); }  .grid__video .video-js { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; overflow: hidden; }  .grid__video .video-js, .grid__video .video-js .vjs-tech { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }  .grid__video .vjs-poster { background-size: 100%; }  .VideoFullscreen { height: 100% !important; object-fit: contain !important; }  .video-js, .my-video-dimensions { width: auto !important; height: 100% !important; }  .video-js, .video-js .vjs-tech { background-color: var(--color-video-fullscreen-background) !important; }  .vjs-paused .vjs-big-play-button, .vjs-paused.vjs-has-started .vjs-big-play-button { display: block !important; }  .video-js.vjs-playing .vjs-tech { pointer-events: auto !important; }  .video-js .vjs-big-play-button{ position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0 !important; width: 2em; height: 2em !important; border-radius: 50% !important; border: 0.1em solid var(--color-video-play-button) !important; }  .video-js .vjs-big-play-button .vjs-icon-placeholder { font-size: 1.5em !important; }  .video-js .vjs-big-play-button .vjs-icon-placeholder:before { content: "\f101"; line-height: 3em !important; position: absolute; top: 50% !important; left: 50% !important; width: 3em !important; height: 3em !important; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }  .video-js .vjs-control-bar { justify-content: space-around !important; position: absolute !important; left: 50% !important; bottom: 0.5em !important; width: calc(100% - 2em); min-width: auto !important; border-radius: 3em !important; -webkit-transform: translate(-50%, 0%) !important; -moz-transform: translate(-50%, 0%) !important; -ms-transform: translate(-50%, 0%) !important; -o-transform: translate(-50%, 0%) !important; transform: translate(-50%, 0%) !important; z-index: 3 !important; }  .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { outline: none !important; }  .vjs-remaining-time-display { margin-left: 3px !important; }  .video-js .vjs-picture-in-picture-control { display: none !important; }  .video-js .vjs-fullscreen-control { display: block !important; }  .grid__video .video-js .vjs-volume-panel { display: none !important; }