.popover-body .align-items-center input[type="text"] {
    width: 38px;
    padding: .375rem .375rem;
    text-align: right;
}

#copylinkModal .flex-wrap,
#copylinkModal .flex-wrap .d-flex {
    align-items: center;
}

.hr-with-icon {
    display: flex;
    align-items: center;
    gap: 8px; /* icon 和 hr 之間的距離 */
    margin-bottom: 6px;
}

.hr-with-icon hr {
    flex-grow: 1;
    border: none;
    border-top: 1px solid #323030;
    margin: 0;
}

.hr-with-icon .circle-icon {
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hr-with-icon .circle-icon i {
    color: #686868;;
}

.bounce {
    width: 360px;
}

/*指定時間區段按鈕*/
/*
#timecode {
  border: var(--bs-border-width) solid var(--bs-gray-500);
  background-color: rgb(190 216 255 / 30%);
}*/


/*@media (min-width: 2401px) and (max-width: 1930px) and (min-height: 1351px) and (max-height: 1080px) and (resolution: 96dpi) {*/
  /* 這裡模擬筆電特定解析度顯示樣式 */
  /*.plyr {
     width: 70%;
     margin: auto
  }
}*/

.info-header {
  display: flex;
  flex-wrap: wrap; 
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding-top:0.2rem; 
}

.subscription {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  flex-grow: 1;
}

.text-end {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25rem;
  flex-grow: 1;
}

@media (min-width: 1536px)  {
  /* 這裡模擬筆電特定解析度顯示樣式 */
    .plyr {
        width: 75%;
        margin: auto
    }
    .subscription{
        padding-left: 9.8rem;
    }
    .text-end{
        padding-right: 9.8rem;
    }

}

@media (max-width: 450px) {
  .info-header {
    flex-direction: column;
    align-items: stretch;
  }

  .subscription {
    justify-content: space-between;
  }

  .text-end {
    justify-content: flex-end;
    text-align: right;
  }
}