<turbo-stream action="hide_loading"><template></template></turbo-stream>
<turbo-stream action="remove" target="sentence-request-3804-edit-target-modal"></turbo-stream>
<turbo-stream action="append" target="modal"><template>
  <div data-controller="modal">
    <div class="standard-modal-wrapper" id="sentence-request-3804-edit-target-modal">
  <div class="overlay close-sentence-request-3804-edit-target-modal">
    <div class="close-btn">
      <i class="fal fa-times"></i>
    </div>
  </div>
  <div class="modal-content-diqt tw:py-[3rem]" id="sentence-request-3804-edit-target">
        <div class="sentence-1624236">
    <div class="tw:text-left">

      <div class="d-inline-flex">
  <div class="tw:text-left tw:mr-[1rem]">

    
<div class="">
    
  <!-- inline要素の謎の隙間を埋めるために、親要素の文字間を縮めて、子要素でletter-spacing: normalを指定する 参考：https://qiita.com/BEMU/items/0f500e0306471073ed63 -->
  <div class="line-with-dict  tw:inline" style="letter-spacing: -.4em;">
    

  <!-- [[text]]を検出する -->
  <!-- .*?で最短マッチ -->

      <!-- 単語  -->

          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=The">The </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=bird">bird </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=flew">flew </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=freely">freely </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=in">in </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=the">the </a>


          <!-- 英語ならテキストの最後に半角スペースを追加する -->


        <a data-turbo="true" data-turbo-stream="true" class="main-loading-show-btn word-with-searching-dict" style="letter-spacing: normal;" href="/ja/dictionaries/1/search?keyword=sky.">sky. </a>






  </div>
  

</div>



  <div class="small-translation-buttons"
>
  <input class="original" type="hidden" value="The bird flew freely in the sky."/>
  <input class="source-lang-number" type="hidden" value="21"/>
  <input class="source-lang-code" type="hidden" value="en"/>
  <input class="target-lang-number" type="hidden">
  <input class="target-lang-code" type="hidden">

  <a href="#" class="tw:[color:#27ae60] tw:[font-size:0.875rem] small-google-translation-btn">
    <u>翻訳する</u>
  </a>

  <div class="translation-form tw:my-[0.5rem]"></div>
</div>



      <div>
      <p>鳥は空の中で自由に飛んでいた。</p>

  </div>

  </div>

  
  <button class="tw:mx-auto speech-btn speech-btn-tts"
          value="https://cdn.diqt.net/uploads/sentence/original_tts_audio/1624236/tts_162423620240611-2-1i4ey6z.mp3">
    <i class="fas fa-volume-up"></i>
  </button>

</div>



      <div class="tw:mt-[1rem]">
      </div>




          <!-- リマインダーボタン -->
<div class="tw:my-[0.5rem] small-review-form-quiz-7247353">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fUkzpVYP6ByhL401-BFpv41Laa6v3VZiIRTbVvtuVu8jk6c3TXvWou1qBKV_1HJm0cCfx212vvVZoljsQIUUuA" />
      <input value="7247353" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
      <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:min-h-[2rem] tw:px-[0.75rem] tw:py-[0.375rem] tw:[font-size:0.875rem] tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] main-loading-show-btn tw:w-full tw:rounded-full">
        <i class="far fa-alarm-clock"></i> 読めるようになる
</button></form></div>

    <!-- リマインダーボタン -->
<div class="tw:my-[0.5rem] small-review-form-quiz-7247354">
    <!-- 作成ボタン -->
    <form data-turbo="true" data-turbo-stream="true" action="/ja/reviews" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U0Gt8-4nN4w3ojadMGdIdCX2PpCMVoSVSCEfkCCcJe8Nmzlh9VMJMnvnvw23olOteX3I-U79bAIwl5wqm3dnuA" />
      <input value="7247354" type="hidden" name="review[quiz_id]" id="review_quiz_id" />
      <button name="button" type="submit" class="tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:border tw:border-solid tw:text-center tw:font-bold tw:no-underline tw:transition tw:duration-150 tw:ease-in-out tw:appearance-none tw:cursor-pointer tw:min-h-[2rem] tw:px-[0.75rem] tw:py-[0.375rem] tw:[font-size:0.875rem] tw:border-green-600 tw:bg-white tw:[color:#15803d] tw:hover:bg-gray-100 tw:hover:[color:#15803d] main-loading-show-btn tw:w-full tw:rounded-full">
        <i class="far fa-alarm-clock"></i> 話せるようになる
</button></form></div>

    <a data-turbo="true" data-turbo-stream="true" class="tw:block tw:[color:#27ae60] tw:[font-size:0.875rem] tw:my-[1rem] main-loading-show-btn" href="/ja/sentences/review_onboarding">
      <u>
        <i class="fal fa-question-circle"></i>
        このボタンはなに？
      </u>
</a>

      <div class="tw:flex">
          <a target="_blank" rel="noopener" class="tw:ml-auto tw:[color:#6c757d] tw:[font-size:0.875rem] align-self-end" href="/ja/sentences/1624236">
            <u><i class="fal fa-external-link"></i>詳細</u>
</a>      </div>

    </div>
  </div>



  </div>
</div>



  </div>
</template></turbo-stream>