.wyp-player{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:var(--wyp-radius,0px);
  background:#000;
  margin:0 0 1.5rem;
}

.wyp-player::before{
  content:"";
  display:block;
  z-index:1;
}

.wyp-player.ratio-16-9::before{padding-top:56.25%;}
.wyp-player.ratio-4-3::before{padding-top:75%;}
.wyp-player.ratio-1-1::before{padding-top:100%;}

.wyp-player iframe,
.wyp-youtube-host{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}

.wyp-subtitle{
  position:absolute;
  left:50%;
  bottom:var(--wyp-bottom,9%);
  transform:translateX(-50%);
  width:max-content;
  max-width:var(--wyp-max-width,80%);
  box-sizing:border-box;
  padding:.14em .36em;
  text-align:center;
  color:#fff;
  background:var(--wyp-bg,transparent);
  font-family:inherit;
  font-size:var(--wyp-size-desktop,26px);
  font-weight:var(--wyp-weight,600);
  line-height:1.28;
  text-shadow:var(--wyp-shadow,0 2px 3px rgba(0,0,0,.95),0 3px 10px rgba(0,0,0,.75));
  pointer-events:none;
  opacity:0;
  transition:opacity .08s linear;
  z-index:5;
}

.wyp-subtitle.is-visible{opacity:1;}

@media (max-width:767px){
  .wyp-subtitle{
    max-width:90%;
    font-size:var(--wyp-size-mobile,17px);
    line-height:1.24;
  }
}

.wyp-youtube-host{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}
.wyp-youtube-host iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.wyp-subtitle{
  z-index:10;
}