/*
 * Playlist UI for the Video.js 10 player shell.
 * The panel extends the standard skin without styling its native control bar.
 */
.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-panel{
  position:absolute;
  z-index:48;
  top:8px;
  right:8px;
  bottom:8px;
  width:min(388px,calc(100% - 16px));
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(18,18,20,.97);
  box-shadow:0 24px 70px rgba(0,0,0,.52);
  color:#fff;
  backdrop-filter:blur(24px) saturate(120%);
  -webkit-backdrop-filter:blur(24px) saturate(120%);
  user-select:none;
  -webkit-user-select:none;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-panel[hidden]{display:none!important}
.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-panel.is-loading-item::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  cursor:wait;
  background:rgba(0,0,0,.28);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-head{
  flex:0 0 auto;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:68px;
  padding:12px 12px 11px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-head__copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  gap:3px!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-head__copy b{
  overflow:hidden;
  color:#fff;
  font-size:15px;
  font-weight:620;
  line-height:1.25;
  letter-spacing:-.01em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-head__copy span{
  overflow:hidden;
  color:rgba(255,255,255,.58);
  font-size:11px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:2px!important;
  min-width:0;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button,
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-close{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:background-color .14s ease,opacity .14s ease,transform .14s ease;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button:focus-visible,
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-close:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-close:focus-visible{
  background:rgba(255,255,255,.1)!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button:active,
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-close:active{transform:scale(.9)}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button:disabled{
  opacity:.28;
  cursor:default;
  transform:none;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button svg,
.ilyaugly-player[data-videojs10-player="1"] .ugly-panel-close svg{width:18px;height:18px}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-position{
  min-width:38px;
  padding:0 4px;
  color:rgba(255,255,255,.55)!important;
  font-size:10px!important;
  font-variant-numeric:tabular-nums;
  text-align:center;
  white-space:nowrap;
}

.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  padding:10px 12px 9px;
  border-bottom:1px solid rgba(255,255,255,.055);
  scrollbar-width:none;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options{padding-top:0}
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons::-webkit-scrollbar,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options::-webkit-scrollbar{display:none}
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons[hidden],
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options[hidden]{display:none!important}
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options>span{
  flex:0 0 auto;
  color:rgba(255,255,255,.54);
  font-size:10px;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons button,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options button{
  flex:0 0 auto;
  min-height:30px;
  padding:6px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.065)!important;
  color:rgba(255,255,255,.76)!important;
  font-size:11px!important;
  font-weight:560!important;
  line-height:1!important;
  cursor:pointer;
  transition:background-color .14s ease,color .14s ease;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons button:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options button:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons button:focus-visible,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options button:focus-visible{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-seasons button.is-active,
.ilyaugly-player[data-videojs10-player="1"] .ugly-source-options button.is-active{
  background:#fff!important;
  color:#111!important;
}

.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:7px 7px 10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.2) transparent;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-list::-webkit-scrollbar{width:6px}
.ilyaugly-player[data-videojs10-player="1"] .ugly-episode-list::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:rgba(255,255,255,.18);
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item{
  position:relative;
  width:100%;
  display:grid!important;
  grid-template-columns:94px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:66px!important;
  padding:6px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left;
  cursor:pointer;
  box-shadow:none!important;
  transition:background-color .14s ease,transform .14s ease;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item+.ugly-playlist-item{margin-top:2px}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item:focus-visible{
  background:rgba(255,255,255,.065)!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item:active{transform:scale(.992)}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item.is-active{
  background:rgba(255,255,255,.105)!important;
  box-shadow:inset 2px 0 0 #fff!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb{
  position:relative;
  width:94px!important;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:7px!important;
  background:#252528 center/cover no-repeat;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb.has-poster::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.68),transparent 66%);
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb.is-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.07);
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb>i{
  position:absolute;
  z-index:2;
  left:6px;
  bottom:5px;
  min-width:19px;
  height:19px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:5px;
  background:rgba(0,0,0,.62)!important;
  color:#fff!important;
  font-size:9px!important;
  font-style:normal;
  font-weight:700;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb.is-placeholder>i{
  position:static;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.07)!important;
  color:rgba(255,255,255,.86)!important;
  font-size:11px!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb>em{
  position:absolute;
  z-index:2;
  top:5px;
  right:5px;
  padding:3px 5px;
  border-radius:5px;
  background:#e94141;
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:750;
  letter-spacing:.05em;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__copy{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  gap:4px!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__copy b{
  overflow:hidden;
  color:#fff;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__copy small{
  color:rgba(255,255,255,.52)!important;
  font-size:10px!important;
  line-height:1.25;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__progress{
  width:100%;
  height:2px!important;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12)!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__progress>i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:#fff!important;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__playing{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.1)!important;
  color:rgba(255,255,255,.76)!important;
  font-size:8px!important;
  font-weight:650;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__playing::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-empty{
  display:grid;
  min-height:150px;
  place-items:center;
  padding:24px;
  color:rgba(255,255,255,.52);
  font-size:12px;
  text-align:center;
}

@container (max-width:760px){
  .ilyaugly-player[data-videojs10-player="1"] .ugly-episode-panel{
    inset:0;
    width:100%;
    border:0;
    border-radius:0;
  }
}
@container (max-width:480px){
  .ilyaugly-player[data-videojs10-player="1"] .ugly-panel-head{padding-left:13px}
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-position{display:none}
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item{
    grid-template-columns:82px minmax(0,1fr)!important;
    min-height:58px!important;
  }
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__thumb{width:82px!important}
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__playing{display:none}
}
@media (hover:none){
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item:hover{background:transparent!important}
}
@media (prefers-reduced-motion:reduce){
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-navigation button,
  .ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item{transition:none}
}

/* Completed episodes are marked directly on the thumbnail. */
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item__watched{
  position:absolute;
  z-index:3;
  top:6px;
  right:6px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(18,18,20,.82);
  color:#fff;
  font-size:11px;
  font-weight:750;
  line-height:1;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item.is-watched:not(.is-active){opacity:.78}
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item.is-watched:hover,
.ilyaugly-player[data-videojs10-player="1"] .ugly-playlist-item.is-watched:focus-visible{opacity:1}