.yls-wrapper{max-width:100%;position:relative;}
.yls-placeholder{position:relative;cursor:pointer;background:#000;color:#fff;overflow:hidden}
.yls-placeholder .yls-thumb{display:block;width:100%;height:auto;object-fit:cover}
.yls-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.yls-overlay{position:absolute;left:0;right:0;bottom:0;padding:8px 12px;background:rgba(0,0,0,0.6);color:#fff;font-size:13px;text-align:center;opacity:0;transition:opacity .15s}
.yls-placeholder.yls-confirm .yls-overlay{opacity:1}
/* keep responsive 16:9 if no explicit height given */
.yls-wrapper:not([style*="height:"]){
  aspect-ratio: 16/9;
}

/* loaded iframe defaults */
.yls-loaded-iframe{width:100%;height:100%;border:0}