.motv-banner{position:absolute;box-sizing:border-box;left:3%;right:3%;bottom:5%;height:37%;display:flex;overflow:hidden;background:linear-gradient(100deg,var(--banner-bg),var(--banner-bg) 55%,var(--banner-end));color:var(--banner-ink);border-left:.8cqw solid var(--banner-ink);border-radius:.7cqw;box-shadow:0 1cqw 3cqw #0005;font-family:Arial,Helvetica,sans-serif;text-align:left}
.motv-banner-photo{width:28%;height:100%;flex:none;background:#ffffff12;display:grid;place-items:center;color:var(--banner-ink);font-size:2.6cqw}
.motv-banner-photo img{display:block;width:100%;height:100%;object-fit:cover}
.motv-banner-copy{min-width:0;flex:1;padding:2cqw 3cqw;display:flex;flex-direction:column;justify-content:center;gap:.8cqw;overflow:hidden}
.motv-banner .motv-banner-copy small{margin:0;color:var(--banner-ink);opacity:.8;font:bold 1.9cqw/1.15 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.motv-banner .motv-banner-copy strong{color:var(--banner-ink);font:900 var(--banner-title,4cqw)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.motv-banner .motv-banner-copy>span{color:var(--banner-ink);font:500 2.2cqw/1.2 Arial,Helvetica,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#player-mix,.mx-preview [data-mixer-overlay]{container-type:inline-size}