<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;10 min Deep Stretch Yoga for Flexibility | Hip Opening&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;10 min Deep Stretch Yoga for Flexibility | Hip Opening&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="3372196"
  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">10 min Deep Stretch Yoga for Flexibility | Hip Opening</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:12:02</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 2024</div>
        </div>
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Subtitles</div>
            <div class="text-ds-small-regular text-ds-default">English (auto-generated)</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/restorative"
                    data-turbo-frame="_top"
                  >
                    Restorative
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (110 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/featured"
                    data-turbo-frame="_top"
                  >
                    Featured
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (251 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="free-preview-video">
          <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="3372196"
  data-controller="program-video scrat-analytics program-video-free-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value=""
  data-program-video-free-preview-state-value="initial"
  data-program-video-free-preview-show-cta-at-value="25"
  storage-key="uscreen:free_preview:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;10 min Deep Stretch Yoga for Flexibility | Hip Opening&quot;,&quot;video_id&quot;:3372196}"
  data-program-video-stats-value="{&quot;video_id&quot;:3372196,&quot;content_id&quot;:3372196,&quot;content_type&quot;:&quot;free_preview&quot;,&quot;chapter_id&quot;:3372196,&quot;user_id&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="false"
  data-program-video-streak-path-value=""
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    data-program-video-free-preview-target="video"
    poster="https://alpha.uscreencdn.com/assets%2Ftmp%2Fb73-3.1734038546.png"
  >
    <source
      src="https://stream.mux.com/GALlR1ucAbYNXpfw8XorXZARx94CXHTg.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJHQUxsUjF1Y0FiWU5YcGZ3OFhvclhaQVJ4OTRDWEhUZyIsImV4cCI6MTc3NTI1OTU2Nywia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2IiwiYXNzZXRfc3RhcnRfdGltZSI6MCwiYXNzZXRfZW5kX3RpbWUiOjMwfQ.X5imx7DBMwwMxD_0vjCNDJNMUfBh-g9u9AEgF4AUkxsXSZY1NSwiZLaLJfL2QU4lHfykiWNdMZd6UyHa9g_Yk1cFUgCfMQuY2cYvcjizqgkYwWI8B_8mjTtYU0yxdO9b7rnPg9N8L1l_47H_xwUib2x0_O2hQiv7ATfWkLYkIxS7LcpHBOCD4Z8iCDfg9h0IoGM3wo4gq5OogzXx6QCcDc_XOfrcnvfxh0GN-7KE2nSbxyEwjV1OJ825WdRmnjuAAwi9L-zY3qffqS_1vGPFCMzYw_Qd67wHaoySdScNyxRO4cKqsz-z0xcuD-nJQZ0hBEp1Z3tqegVCoWBfq_Xi5A"
      type="application/x-mpegURL"
    />
  </video>
  <video-condition query="played==false">
    <ds-button data-program-video-free-preview-target="playButton"
              data-action="click->program-video-free-preview#playButton"
              variant="primary" size="small" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <ds-icon name='play-button-solid' class="mr-2"></ds-icon> Free preview
    </ds-button>
  </video-condition>

  <div class="absolute top-0 left-0 w-full h-full bg-black/50 z-[1] hidden" data-program-video-free-preview-target="cta">
    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <div class="flex flex-col items-center justify-center">
        <h1 class="text-white text-2xl font-bold text-center">Unlock full access</h1>
        <p class="text-white text-sm text-center">Get instant access to this video and more</p>

        <ds-button variant="text" size="small" class="mt-6" data-action="click->program-video-free-preview#replayButton">
          <span class="text-white flex items-center">
            <ds-icon name='arrow-forward-circle' class="mr-2"></ds-icon>
            Replay video
          </span>
        </ds-button>
      </div>
    </div>
  </div>

  <video-controls class="hidden" data-program-video-free-preview-target="controls">
    <video-timeline segments="0" data-program-video-target="timeline">
      <video-timer format="past"></video-timer>
    </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-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-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-controls>
  <video-cues></video-cues>

  <span class="text-white text-sm font-medium absolute right-2 bottom-2 z-[2] px-2 py-1 bg-black/65 rounded-md" data-program-video-free-preview-target="duration">
    12:02
  </span>
</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">
        10 min Deep Stretch Yoga for Flexibility | Hip Opening
      </h1>
    <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">
        <div class="editor-content"><p>This calming 10 minute deep stretch yoga for flexibility session focuses on deep hip opening. We begin in Butterfly pose, allowing time to settle into a gentle hip stretch. The practice then moves into Half Pigeon, a powerful hip opener held for an extended period to release deep-seated tension. We transition to Half Butterfly on each side, targeting the hips and inner thighs from a different angle. A brief Sphinx pose provides a gentle backbend to counterbalance the forward folds, before concluding in a restful Child's pose.</p><p>This Yin-inspired practice emphasizes longer holds to promote flexibility and release in the connective tissues around the hips and lower body. By the end of this short but effective session, you'll feel a profound sense of openness in your hips and increased overall flexibility, perfect for relieving tension from prolonged sitting or intense physical activity.</p><ul><li><p><strong>FOCUS: </strong>Hips, inner thighs, lower back, hamstrings, groin, spine</p></li><li><p><strong>PROPS:</strong> none</p></li><li><p><strong>ENDS IN:</strong> Child's pose</p></li><li><p><strong>LEVEL:</strong> All Levels</p></li><li><p><strong>COLLECTION: </strong><a target="_blank" rel="noopener noreferrer nofollow" href="https://members.sarahbethyoga.com/programs/collection-wtwix7dawk0">30DYC</a>, <a target="_blank" rel="noopener noreferrer nofollow" href="https://members.sarahbethyoga.com/programs/collection-96izcchxr1s">DEEP STRETCH YIN</a></p></li></ul></div>
      </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', '3372196', '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=199776"
                    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/199776/monthly.1766512117.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">
                        SarahBethYoga Monthly: 30 Days Free
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 30 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $39.00/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=200508"
                    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/200508/annual.1766512147.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">
                        SarahBethYoga Annual: 30 Days Free
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 30 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $348.00/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/app-b73-10m-deep-stretch-yoga-for-flexibility-af0cbd/related" target="_top"></turbo-frame>

</template></turbo-stream>