{{#
/**
 * @name top-level/focal-video
 * @deprecated This partial has been deprecated. Please use {@link block/focal-video} instead.
 * @todo Document property vars/partial
 */
#}}
<section class="bg-{{ color }} pt-10  bg-bottom bg-contain m--px-5" {{ if color=='mint' }}style="background-image: url('{{ theme:asset src="images/backgrounds/mint-wave.svg" }}')"{{ /if }}>
  <div class="mw-32 mx-auto m--mw-grid px-5 m--px-0">
    <h2 class="{{ if color=='ocean-40' }}slate-120{{ else }}white{{ /if }} title-2 ta-center m--title-3 l--title-5 l--mb-6 {{ if fix-widow }}l--px-12{{ /if }}">{{ focal_video_title }}</h2>
    <p class="{{ if color=='ocean-40' }}slate-120{{ else }}white{{ /if }} body-3 ta-center {{ if color=='ocean-40' }}fw-400{{ else }}fw-500{{ /if }} mb-8 m--px-8 l--px-12 l--body-5 l--mb-9">{{ focal_video_description }}</p>
  </div>
  <div class="mw-grid mx-auto ov-hidden m--grid m--g-cols">
    <div class="none br-top-2 bg-white {{ if color=='ocean-40' }}bs-angel-soft{{ /if }} g-col-10 g-start-1 m--block">
      <img src="{{ theme:asset src='images/browser-top.svg' }}" class="va-bottom">
    </div>
    <div class="m--g-col-10 m--g-start-1 {{ if color=='ocean-40' }}bs-angel-soft{{ /if }}">
      <video autoplay="" muted="" class="w-100 va-bottom" poster="{{ focal_video_poster_image }}">
        {{ focal_video_assets }}
          <source src="{{ value }}">
        {{ /focal_video_assets }}
        Your browser does not support the video tag.
      </video>
    </div>
  </div>
</section>