.c-video-player{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:rgba(17,18,19,.75)}.c-video-player video{max-width:calc(100vw - 3rem);max-height:calc(100vh - 3rem)}.c-video-player__placeholder{position:absolute;width:100%;height:100%;z-index:-1;transition:opacity .2s ease-out}.c-video-player__video{position:absolute;top:0;left:0;z-index:2;visibility:hidden;opacity:0;transition:opacity .2s ease-out}.c-video-player__video.c-video-player__video--active{visibility:visible;opacity:1}.c-video-player__inner{position:relative}.c-video-player__image-placeholder-wrapper{position:relative;display:flex;justify-content:center;align-items:center;border-radius:.5rem;overflow:hidden}.c-video-player__image-placeholder-wrapper--transparent-layer:after{position:absolute;top:0;left:0;content:"";z-index:1;width:100%;height:100%;background-color:rgba(17,18,19,.5)}.c-video-player__image-placeholder{display:flex;min-width:100%;height:auto}.c-video-player__container[data-autoplay="1"] .c-video-player__image-placeholder-wrapper{position:relative;overflow:hidden}.c-video-player__container[data-autoplay="1"] .c-video-player__image-placeholder-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#2f3132;animation:placeholderAnimation 1s ease-in-out infinite;z-index:1;aspect-ratio:16/9}.c-video-player__container[data-autoplay="1"] .c-video-player__video-element{z-index:2}.c-video-player__button--play{padding:.8125rem}.c-video-player__button--link,.c-video-player__button--play{position:absolute;top:auto;bottom:auto;left:auto;right:auto;z-index:2;margin:auto}.c-video-player__button--close{position:absolute;top:1rem;right:1rem;z-index:100;padding:.8125rem;box-shadow:0 8px 16px 4px rgba(0,0,0,.5)}@media(min-width:576px){.c-video-player__button--close{top:1rem;right:1rem}}@media(min-width:sm){.c-video-player__button--close{top:1rem;right:1rem}}.c-video-player__full-click{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background-color:transparent;cursor:pointer;box-shadow:none;border:none}@keyframes placeholderAnimation{0%{background-color:#44474a}50%{background-color:#2f3132}to{background-color:#44474a}}