<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="false"
     data-integrations-google-tag-manager-enabled-value="false"
     data-integrations-google-analytics-enabled-value="false"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Tip For Sweaty Hands&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Tip For Sweaty Hands&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="2254737"
  data-blocked-in-user-country="false"
>

    <div class='flex items-stretch md:flex-row md:flex-wrap flex-col flex-nowrap max-w-full' data-program-player>
            <div class='flex-1 max-w-full'>
              
<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="2254737"
  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/pZv2OevjP3nUL01301soY8M4s02bfF2RtuQ/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwWnYyT2V2alAzblVMMDEzMDFzb1k4TTRzMDJiZkYyUnR1USIsImV4cCI6MTc3NTM0MTM0Niwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJzIn0.CttmGUltbeMUkfP_dtHqeLDOLPlDRNRkBflpL_nD6BKkCRK4ud8LCdUhfJzh3BAE2qiUMpk3OIKKZ-8W6m9CfWW11n2JjeTS1tMx1mupewlBDGWPYU-IfrXzRKldf1_RaWJPA7A2-5skF4-odqpk07Wk6mqwuiqaCwdI9_zdmR0fE11LDh8ATN15W6bKr_49g5PHinZHOpqdPIL4FPmls1p11LHG5K9Vb1_IojdXvBYvwdkydUKsAD8Zp8hsDY5t0f-OL5XQY8ldj0UmMcdwQ6kyuBJmpGbkLGdyjSeYGG9jRAUNlUYIU6VqOLJIDBgQDAMD8iJTis0hcJzosbxhEQ"
  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;Tip For Sweaty Hands&quot;,&quot;video_id&quot;:2254737}"
  data-program-video-stats-value="{&quot;store_id&quot;:18476,&quot;video_id&quot;:-2254737,&quot;content_id&quot;:2254737,&quot;content_title&quot;:&quot;Tip For Sweaty Hands&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-2254737,&quot;user_id&quot;:null,&quot;author_id&quot;:-1,&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="false"
  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/assets%2Ftmp%2Ftips-sweaty-us-tn.1751588618.jpg"
  >
    <source
      src="https://stream.mux.com/pZv2OevjP3nUL01301soY8M4s02bfF2RtuQ.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJwWnYyT2V2alAzblVMMDEzMDFzb1k4TTRzMDJiZkYyUnR1USIsImV4cCI6MTc3NTM0MTM0Niwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2In0.nnNlto2KQPzHeaXbxO5S6QrLWRVxZT-xls81GCCiRVY57ZSmpOXRByL9UDhmAHRsku4Eee1QnE_rFMr6ybIinqhc6fD6UbwIJCy79cW4Qq3_L3SKZM1DFhb1tsS8SYEIOpw2H_SqwraUwiL3w_9RLvaq7xlTxPqKfsyEPgWuOLqBftewHqXhczVztriDmBL3OkrBzRgvki0lf8DtLZXd5MlvfL5RNiYf9BueYlcZkP60v890FIH1kcJbDk_Txzi1hFuceqmtq-L-YuDWxWP99yndIUnAe4euKixOas2Dcz21Z9dwHA-V5iRlsFcbUT3gmcIA08ZOAoU86-hl8I5BQw"
      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>
    <div
      data-program-video-target="nextVideo"
      class="hidden absolute z-10 inset-0 bg-ds-default items-center justify-center"
    >
      <img
        class="absolute w-full h-full opacity-70 object-contain"
        src="https://alpha.uscreencdn.com/270xnull/assets%2Ftmp%2Frhythms-sight-us-gcl-tn.1752958081.jpg"
      />
      <div class="flex flex-col items-center relative">
        <p class="text-center text-xs md:text-base text-ds-default bg-ds-subtle px-1 uppercase rounded">
          Next video:
        </p>
        <p class="text-center text-base md:text-xl text-ds-default bg-ds-subtle px-1 mt-1 rounded">
          Rhythms At First Sight - Sight Reading Course 
        </p>
        <button
          data-action="click->program-video#goToNextVideo"
          class="text-ds-default relative p-4 my-4 md:mt-6 scale-100 hover:scale-105 transition-transform"
        >
          <ds-progress-circle
            size="76"
            class="absolute inset-0 -ml-1 -mt-1 [--color:var(--ds-fg-default)]"
            timeout="10000"
            data-action="done->program-video#goToNextVideo"
          ></ds-progress-circle>
          <ds-icon size="40" name="player/chapter-next-outline"></ds-icon>
        </button>
        <ds-button
          variant="ghost"
          data-action="click->program-video#cancelNextVideo"
        >
          Cancel
        </ds-button>
      </div>
    </div>
</video-player>

            </div>
    </div>

    <turbo-frame id="program_buttons">
      
<div class="mt-6">
  <div class="flex justify-between flex-col lg:flex-row">
    <div class="lg:flex justify-between w-full">
        <h1 class="program-title cbt-title flex-1 max-w-full lg:max-w-lg xl:max-w-2xl text-lg md:text-2xl leading-6 font-semibold" data-area="program-title">
          Tip For Sweaty Hands
        </h1>
      <div class="cbt-action-bar flex-0 flex mt-4 items-stretch lg:items-start lg:mt-0 gap-2 lg:ps-4" data-area="program-buttons">




          <ds-button
            class="w-full lg:w-auto"
            data-controller="share-button"
            content-visible-on="md"
            data-action="click->share-button#show"
            data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/2254737/horizontal/small_612cfb3f-efcb-46c6-8a67-1d875f50663c.jpg", "content_type":"video", "content_id":"2254737", "video_id":"2254737"}'
            data-area="share-button">
            <ds-icon slot="before" name='share'></ds-icon>
            <span>Share</span>
          </ds-button>


        <ds-dropdown id="more_actions_btn" class="flex-1 w-full lg:w-auto hidden">
          <ds-button slot="control" class="w-full">
            <ds-icon name='dots-horizontal'></ds-icon>
          </ds-button>>
          <div slot="content" class="flex flex-col">
                      </div>
        </ds-dropdown>
      </div>
    </div>
  </div>
</div>

<turbo-frame loading="lazy" class="fixed bg-transparent-dark inset-0 flex items-center justify-center z-50 hidden" data-container="true" data-action="click-&gt;program#hideTrailer" id="program_trailer" src="/programs/sweatyhands/trailer"></turbo-frame>

</turbo-frame>
    <div class="block lg:hidden">
      <div class="program-next-video flex flex-col w-full flex-shrink-0 mt-4 border border-ds-default rounded overflow-hidden">
  <form id="next_video_form" data-controller="playlist-item" data-playlist-item-target="form" data-turbo="true" class="contents" action="/programs/rhythmsatfirstsight/next_video" accept-charset="UTF-8" method="get">
    <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
    <input type="hidden" name="category_id" id="category_id" autocomplete="off" />
    <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/rhythmsatfirstsight" autocomplete="off" />
    <div class="bg-ds-default flex flex-wrap justify-between px-3 pt-3 pb-2 border-b border-ds-default">
      <span class="mb-1 text-xs font-bold leading-4 uppercase">Next video</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="autoplay">
        Autoplay
        <input
          type="checkbox"
          class="hidden peer"
          data-action="program#toggleAutoplay"
          data-program-target="autoplay"
        >
        <span class="
          ms-3 relative rounded-full h-4 w-6
          bg-gray-500 peer-checked:bg-primary peer-checked:before:bg-primary-contrast transition-colors
          before:absolute before:h-3 before:w-3 before:left-0.5
          before:bg-white before:rounded-full before:top-1/2
          before:-translate-y-1/2 before:transition-transform
          peer-checked:before:translate-x-1/2 peer-checked:before:left-1
        "></span>
      </label>
    </div>

    <button class="flex p-2 cursor-pointer text-left" type="submit" data-action="click->playlist-item#nextVideo" data-area="next-video-button">
      <div class="flex-shrink-0">
        <div class="relative w-20">
          <img class="rounded-sm" src="https://alpha.uscreencdn.com/112xnull/assets%2Ftmp%2Frhythms-sight-us-gcl-tn.1752958081.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        Rhythms At First Sight - Sight Reading Course 
      </div>
    </button>
</form></div>

    </div>

    <div class="flex justify-between flex-wrap items-start">
      <div class="w-full lg:w-2/3 lg:mt-1 mt-5" id="program_about">
          <div id="program_description_block" class="w-full">
            
  <ds-show-more
    style="--ds-show-more-fade-color: var(--section-background-color);"
    lines="6"
    class="mt-1"
    float="left"
    show-more-title="Show more"
    show-less-title="Show less"
  >
    <div
      class="content-description program-description-text"
      slot="content"
      data-area="about-description"
      data-controller="timestamp"
      data-turbo="false"
    >
      <div class="editor-content"><p>Let's face it, it sucks when your hands get all sweaty after you've been playing for a while. Thankfully, there are ways to fight back. Check these top tips in the video... </p></div>
    </div>
  </ds-show-more>

  <div class="content-categories flex flex-wrap mt-5" data-area="program-categories">
      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" data-turbo-frame="_top" href="/categories/freeresources">Free Resources For Guitar Players</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/sweatyhands/resources"></turbo-frame>

          </div>

      </div>
      <div class="w-full lg:w-1/4 items-end flex-col flex">
        <div class="hidden w-full mt-5 lg:block">
          <div class="program-next-video flex flex-col w-full flex-shrink-0 mt-4 border border-ds-default rounded overflow-hidden">
  <form id="next_video_form" data-controller="playlist-item" data-playlist-item-target="form" data-turbo="true" class="contents" action="/programs/rhythmsatfirstsight/next_video" accept-charset="UTF-8" method="get">
    <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
    <input type="hidden" name="category_id" id="category_id" autocomplete="off" />
    <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/rhythmsatfirstsight" autocomplete="off" />
    <div class="bg-ds-default flex flex-wrap justify-between px-3 pt-3 pb-2 border-b border-ds-default">
      <span class="mb-1 text-xs font-bold leading-4 uppercase">Next video</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="autoplay">
        Autoplay
        <input
          type="checkbox"
          class="hidden peer"
          data-action="program#toggleAutoplay"
          data-program-target="autoplay"
        >
        <span class="
          ms-3 relative rounded-full h-4 w-6
          bg-gray-500 peer-checked:bg-primary peer-checked:before:bg-primary-contrast transition-colors
          before:absolute before:h-3 before:w-3 before:left-0.5
          before:bg-white before:rounded-full before:top-1/2
          before:-translate-y-1/2 before:transition-transform
          peer-checked:before:translate-x-1/2 peer-checked:before:left-1
        "></span>
      </label>
    </div>

    <button class="flex p-2 cursor-pointer text-left" type="submit" data-action="click->playlist-item#nextVideo" data-area="next-video-button">
      <div class="flex-shrink-0">
        <div class="relative w-20">
          <img class="rounded-sm" src="https://alpha.uscreencdn.com/112xnull/assets%2Ftmp%2Frhythms-sight-us-gcl-tn.1752958081.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        Rhythms At First Sight - Sight Reading Course 
      </div>
    </button>
</form></div>

        </div>

      </div>
    </div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/sweatyhands/related" target="_top"></turbo-frame>

</template></turbo-stream>