.video-player{position:relative;display:inline-flex;margin:0 auto;width:100%;aspect-ratio:16/9;border-radius:var(--joy-core-radius-4);overflow:hidden}.video-player iframe{width:100%;height:100%}.video-player__cover,.video-player__overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.video-player__overlay{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#333430 0,#333330 48%,#333330 80%);cursor:pointer}.video-player__overlay .overlay-content{text-align:center;position:relative}.video-player__cover{object-fit:cover;-webkit-user-select:none;user-select:none;opacity:.7}.video-player__overlay:hover .video-player__cover{opacity:.6}.video-player__title{position:relative;color:#fff;font-family:var(--joy-font-family-title);font-size:var(--joy-font-size-secondary-200);line-height:var(--joy-line-height-small);text-shadow:0 0 1px rgba(0,0,0,.5);padding:0 var(--joy-core-spacing-4);margin-bottom:var(--joy-core-spacing-4)}.video-player__consent{background:var(--joy-color-neutral-30);z-index:0}@media screen and (min-width:992px){.video-player__title{padding:0 var(--joy-core-spacing-8);margin-bottom:var(--joy-core-spacing-6)}.video-player--small{max-width:640px}.video-player--small .video-player__title{font-size:var(--joy-font-size-secondary-200)}.video-player--medium .video-player__title{font-size:var(--joy-font-size-secondary-400)}.video-player--medium{max-width:800px}.video-player--large .video-player__title{font-size:var(--joy-font-size-secondary-400)}.video-player--large{max-width:1140px}}