@charset "UTF-8";
.video-player { background-color: white; }
.video-player .aspect { height: 0; padding-bottom: 56.25%; width: 100%; position: relative; background: black; }
.video-player .aspect iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.video-player .aspect .over-image { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; }
.video-player .aspect .over-image:after { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; font-smoothing: antialiased; width: 100px; height: 100px; position: absolute; z-index: 4; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; color: white; font-size: 2em; padding-left: 8px; }
.video-player .aspect .over-image:before { content: ''; background: var(--primary); width: 90px; height: 90px; position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); border-radius: 100px; transition: ease-in-out 0.3s transform, ease-in-out 0.3s opacity; opacity: 0.8; }
.video-player .aspect .over-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; opacity: 0.9; }
.video-player .aspect .over-image:hover:before { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
.video-player .aspect .play-video { cursor: pointer; }