.video-block__frame{aspect-ratio:16/9;background-color:var(--gray-medium);border-radius:10px;overflow:hidden;position:relative;width:100%}.video-block__frame--hubspot{aspect-ratio:auto;background-color:transparent}.video-block__image,.video-block__player,.video-block__preview,.video-block__preview picture{display:block;height:100%;width:100%}.video-block__image,.video-block__player{object-fit:cover}.video-block__image{aspect-ratio:16/9!important}.video-block__trigger{display:block;inset:0;position:absolute}.video-block__trigger:before{background-color:hsla(0,0%,8%,.4);content:"";inset:0;position:absolute;transition:background-color .2s ease;z-index:1}.video-block__trigger:after{background-color:var(--white);content:"";height:64px;left:50%;-webkit-mask:var(--icon-play) center center /contain no-repeat;mask:var(--icon-play) center center /contain no-repeat;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease;width:64px;z-index:2}.video-block__trigger:focus-visible:before,.video-block__trigger:hover:before{background-color:hsla(0,0%,8%,.2)}.video-block__trigger:focus-visible:after,.video-block__trigger:hover:after{transform:translate(-50%,-50%) scale(1.1)}.video-block__label{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.video-block__frame>iframe.video-block__player{border:0}.video-block__caption{font-size:var(--small-font-size);margin-top:15px}.video-block{--video-block-gap:3rem;display:flex;flex-direction:column;gap:var(--video-block-gap)}.video-block__content,.video-block__media{min-width:0}.video-block__button{margin:0}.video-block__richtext+.video-block__button{margin-top:3rem}@media (min-width:900px){.video-block--columns{--video-block-gap:4rem;align-items:center;flex-direction:row}.video-block--columns .video-block__media{flex:0 0 calc((100% - var(--video-block-gap))/2)}.video-block--video-one-third .video-block__media{flex-basis:calc((100% - var(--video-block-gap))/3)}.video-block--video-two-thirds .video-block__media{flex-basis:calc((100% - var(--video-block-gap))*2/3)}.video-block--columns .video-block__content{flex:1 1 0}.video-block--video-right .video-block__media{order:2}}