.content-preview-hide {
  display:block;
}

.content-preview-show {
  display:none;
}

@media screen and (max-width:479px) {
header.fly {
  background:transparent !important;
}	
  .dcc-side .menu-user .item {
    padding:1rem .1rem;
  }
  .thongbao .v-tabs.nav-pills .nav-link {
    position:relative;
    font-size:.7rem;
    padding:.2rem;
    min-width:auto;
    border-radius:5px;
  }
  .ds-info .v-thumb-l,
  .top-detail-wrap,
  .content-preview-hide {
    display:none;
  }
  .ds-info #toggle-detail,
  .content-preview-show {
    display:block;
  }
  .heading-md {
    ;
  }
  .ds-info #toggle-detail {
    max-width:fit-content;
  }
  .v-thumb-preview {
    width:calc(100% + 40px);
    padding-bottom:60%;
    height:0;
    position:relative;
    border-radius:0;
    display:block;
    background-color:var(--bg-3);
    margin-top:150px;
    margin-left:-20px;
  }
  .v-thumb-preview img {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    object-fit:cover;
	z-index:2
  }
  .content-preview {
    margin:-120px 0 20px -20px;
    position:relative;
    width:calc(100% + 40px);
    background:linear-gradient(0deg,#191b24 30%,transparent 80%);
    padding:120px 10px 0;
	z-index:3;
	
  }
  .dm-bar .elements {
    align-items:flex-start;
  }
  .button-play {
    min-width:calc(60% - 30px);
    border-radius:10px;
    padding:0;
    zoom:.8;
  }
  .button-episode {
    min-width:calc(40%);
    border-radius:10px;
    padding:0;
    background:linear-gradient(180deg,rgb(255 255 255),rgba(255,241,204,1));
    margin-left:10px;
    zoom:.8;
  }
  
  
  
    header .header-elements {
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }  
  
  
  
  
}

.episode-film {
  padding-top:20px;
}

.historye-row.is-video {
  display:flex;
  margin-top:20px;
  align-items:center;
  background:linear-gradient(90deg,var(--bg-2) 0,transparent 95%);
  padding:5px;
  border-radius:10px;
}

.historye-row .item {
  display:flex;
  flex-direction:column;
  gap:.75rem;
  width:100%;
  max-width:160px;
}

.historye-row .media-item {
  width:100%;
  height:0;
  padding-bottom:60%;
  position:relative;
  border-radius:8px;
  overflow:hidden;
}

.historye-row .item img {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  right:0;
  bottom:0;
  object-fit:cover;
  transition:opacity 0.6s ease-in-out;
}

.historye-time {
  color:#fff;
  background:rgba(0,0,0,0.8);
  border-radius:4px;
  padding:1px 4px;
  display:flex;
  position:absolute;
  bottom:15px;
  right:10px;
}

.historye-watched-bar {
  width:100%;
  height:5px;
  display:flex;
  bottom:0;
  position:absolute;
  background-color:#ffffff20;
}

.historye-watched-bar span {
  height:100%;
  display:block;
  background-color:#dc3545;
}

.historye-title {
  color:#fff;
}

.historye-row .des {
  padding:0 5px;
}

.historye-row .des div {
  padding:5px;
}

.historye-row .des >:nth-child(1) {
  color:#fff;
}