.video-with-thumbnail{max-width:100%;width:100%}.video-with-thumbnail__frame{background-color:#000;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-with-thumbnail__player{height:100%;inset:0;position:absolute;width:100%}.video-with-thumbnail__player .hs-video-container,.video-with-thumbnail__player .hs-video-widget,.video-with-thumbnail__player .hs-video-wrapper,.video-with-thumbnail__player iframe,.video-with-thumbnail__player video{border:0;display:block;height:100%!important;inset:0;object-fit:cover;position:absolute;width:100%!important}.video-with-thumbnail__player--hidden{opacity:0;visibility:hidden}.video-with-thumbnail__overlay{background:transparent;border:0;cursor:pointer;display:block;height:100%;inset:0;margin:0;overflow:hidden;padding:0;position:absolute;transition:opacity .25s ease;width:100%}.video-with-thumbnail__overlay--hidden{opacity:0;pointer-events:none}.video-with-thumbnail__image{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.video-with-thumbnail__play{color:rgba(0,0,0,.65);display:block;height:64px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,color .2s ease;width:64px}.video-with-thumbnail__play svg{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));height:100%;width:100%}.video-with-thumbnail__overlay:focus-visible .video-with-thumbnail__play,.video-with-thumbnail__overlay:hover .video-with-thumbnail__play{color:rgba(0,0,0,.85);transform:translate(-50%,-50%) scale(1.08)}.video-with-thumbnail__overlay:focus{outline:none}.video-with-thumbnail__overlay:focus-visible{outline:3px solid #fff;outline-offset:-3px}@media (min-width:768px){.video-with-thumbnail__play{height:88px;width:88px}}