<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Shoulder Shimmies and Upper body Gestures&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Shoulder Shimmies and Upper body Gestures&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="791614"
  data-blocked-in-user-country="false"
>
    
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">Shoulder Shimmies and Upper body Gestures</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px]">Duration</div>
            <div class="text-ds-micro-semi-bold text-ds-subtle bg-ds-inverted rounded px-1 pt-[0.15rem]">00:28:20</div>
          </div>
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">December 2020</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/bellydance"
                    data-turbo-frame="_top"
                  >
                    Belly Dance
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (602 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/all-classes"
                    data-turbo-frame="_top"
                  >
                    All Classes
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (880 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <div data-test="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="791611"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/NEQj6khDh6mPY8Z17FcO9tR121HUdAiA/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJORVFqNmtoRGg2bVBZOFoxN0ZjTzl0UjEyMUhVZEFpQSIsImV4cCI6MTc3NTMwODQzNywia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJzIn0.W4uYAEFrBXIsDGnomdUvmdNnlz5bezxOsYy_FKTaEPfHwJowq3F5VsgupoLXno3AjPtJs7zIj8u_D3omziyGOYd3Bp2rFDOEJwM725bHiObYL0-go3kBN1wTzWBx2YujiTyBtudUAuK92HSOrb161_oEieQ3BdCPevPdaM-Azl46xFn3IvwWLlj5wTFIHq4fXg8m6Tvb0p6rdX9KKqJfXCx3ejO1k1kin8VbA-RCaD2P9_6nHyCUqnoEQWo1scYDpyAIlp1gkPSiF3y3e6djSwMQDkhqFVcIjh653-iezK6x45pTS65XvCJShiFKLAG-kIFHuBOFfiGmdsutQZJQ9A"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;TRAILER Shoulder Shimmies and Upperbody Gestures&quot;,&quot;video_id&quot;:791611}"
  data-program-video-stats-value="{&quot;store_id&quot;:6105,&quot;video_id&quot;:791614,&quot;trailer_id&quot;:791611,&quot;content_id&quot;:791611,&quot;content_title&quot;:&quot;Shoulder Shimmies and Upper body Gestures&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:791611,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&quot;author_title&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value=""
  data-program-video-streak-path-value="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/video_thumbnails/5K-07FPV2yhxiQ.jpg?key1=hhgyvgjLIs24XMEFAeN+ZBVcfuxNYuJZpP2W2Jvpy3jTPWE/ymFIG56a9b+JFgAG&amp;key2=a35a34a18c40f3c5984998f9aa8ce8f8"
  >
    <source
      src="https://stream.mux.com/NEQj6khDh6mPY8Z17FcO9tR121HUdAiA.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJORVFqNmtoRGg2bVBZOFoxN0ZjTzl0UjEyMUhVZEFpQSIsImV4cCI6MTc3NTMwODQzNywia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2In0.UApGqwjEFs_DnkgvrlG6AvbSErAfY09rKyBy71rTIuKtTyu-5KbmQi_AIfaiEiGQf__vS_EQtOaJ7AGdcQjanOPnXCH61MnRDMRCTU7z-VjczlmxnKuq7GS5Ads_-Y4Wwf4odecthe2LtWJklGqpgcziAplcnLqzQCFzqwwCZCraUEqRqVkImGGUBV5KMzisgX4O326NCPgCFGgy9qOfCeFkuLzTM12qli-nUm4jNV1y5vPvaiqMdqUrJ-_1W71z6X7mrBnOIm0xzcXnhAqJR4uS3QstocNZAKehRaxROURrMnteeq_88evuo9uo1rcGL3vG7qeEl6BbF4PqnIJoXQ"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Play</span>
      <span slot="tooltip:pause">Pause</span>
    </video-play-button>

      <video-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Backward</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Forward</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Unmute</span>
      <span slot="tooltip:mute">Mute</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>


    <div class="ms-auto"></div>

    <video-subtitles-button>
      <span slot="tooltip">Subtitles</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;Back&quot;,&quot;shortcuts&quot;:&quot;Keyboard Shortcuts&quot;,&quot;quality&quot;:&quot;Quality&quot;,&quot;rate&quot;:&quot;Playback Settings&quot;,&quot;rewind&quot;:&quot;Rewind&quot;,&quot;volume&quot;:&quot;Change Volume&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;toggle-play&quot;:&quot;Play / Pause&quot;,&quot;enter-fullscreen&quot;:&quot;Enter fullscreen&quot;,&quot;exit-fullscreen&quot;:&quot;Exit fullscreen&quot;}"
    >
      <span slot="tooltip">Settings</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">Airplay</span>
      <span slot="tooltip:enabled">Airplay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Enter fullscreen</span>
      <span slot="tooltip:enabled">Exit fullscreen</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
</video-player>

        </div>
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        Shoulder Shimmies and Upper body Gestures
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/4896/small_small_data_2Fimages_2Ft7oGL0PSqWa2S44hCgRH_Sadie-Headshot2.jpg"
              text="Sadie">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Sadie
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <p>Enjoy this feel-good tutorial on the Shoulder Shimmy. Sadie will also share some tips and pointers on how to create some graceful, stylized upper body movements, to help add charisma and character to your dance practice.</p><p>Music: <a href="https://music.apple.com/us/album/sawah/983042793?i=983043040" target="_blank">Sawah</a> </p><p>Artist: <a href="https://www.amazon.com/Balady-Fantasy-Dr-Samy-Farag/dp/B000UQSQRI" target="_blank">Dr. Samy Farag</a></p><p>Purchase on <a href="https://music.apple.com/us/album/sawah/983042793?i=983043040" target="_blank">iTunes</a></p>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '791614', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=23427"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/23427/price-monthly-2026.1768582632.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        MONTHLY: $30
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $30.00/month
                        </span>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=21076"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/21076/price-yearly-2026.1768582700.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        YEARLY: $300 (Saves you $60)
                      </p>
                        <span class="text-ds-base-semi-bold">
                          USD $300.00/year
                        </span>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

    <div class="flex flex-wrap mt-20 w-full">
      <div class="w-full">
        <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Comments
    (<turbo-frame id="video_791614_comments_count">16</turbo-frame>)
  </h3>
        <p class="pb-4">
            <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to participate in the conversation
        </p>

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="video_791614_comments_section" src="/contents/791614/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
      </div>
    </div>
</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/shoulder-shimmies-upper-body-gestures/related" target="_top"></turbo-frame>

</template></turbo-stream>