.video-component{position:relative;width:100%;z-index:1}.video-component .gallery-video{display:block}.video-component+.video-component{margin-top:2rem}.video-component__container{margin-bottom:4rem;margin-top:1rem}@media (min-width:48rem){.video-component__container{margin-top:3rem}}.video-component__wrapper{position:relative}.video-component__overlay{opacity:.21;background:#021235;transition:all .3s}.video-component__inner,.video-component__overlay{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.video-component__image img,.video-component__image picture{width:100%;height:auto}.video-component__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.video-component__play::before{content:"";display:block;width:3rem;height:3rem;background-repeat:no-repeat;background-position:center;background-image:url(/themes/custom/baseline_style/components/video-component/assets/ic-play.svg)}.video-component__bottom{color:#fff;position:absolute;bottom:0;padding:5.5%;text-shadow:#000 0 0 4px;opacity:1;transition:all .3s}.video-component__title{color:#fff}.video-component__title h2,.video-component__title h3,.video-component__title h4,.video-component__title h5,.video-component__title h6{color:#000}.video-component__popup{display:none}.video-component__caption{background-color:rgba(87,109,163,.1);padding:.5rem}.video-component__trigger{display:block;border:0}.video-component__trigger:focus,.video-component__trigger:hover{border:0}.video-component__trigger:focus .video-component__play,.video-component__trigger:hover .video-component__play{opacity:1}.video-component__trigger:focus .video-component__overlay,.video-component__trigger:hover .video-component__overlay{opacity:0}.video-component__trigger:focus .video-component__bottom,.video-component__trigger:hover .video-component__bottom{bottom:-2rem;opacity:0}