lite-youtube {   background-color:#000;   position:relative;   display:block;   contain:content;   background-position:center center;   background-size:cover;   cursor:pointer;   max-width:720px; }  lite-youtube::before {   content:'';   display:block;   position:absolute;   top:0;   background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);   background-position:top;   background-repeat:repeat-x;   height:100px;   padding-bottom:50px;   width:100%;   transition:all 0.2s cubic-bezier(0, 0, 0.2, 1); } lite-youtube .lyt-top-wrapper{   padding-top:12px;   padding-left:10px;   position:relative;   text-align:left; } lite-youtube .lyt-title-text {   font-family:"YouTube Noto",Roboto,Arial,Helvetica,sans-serif;   color:hsla(0,0%,100%,.9);   line-height:1.3;   text-shadow:0 0 2px rgba(0,0,0,.5);   font-size:18px;   max-width:100%;   overflow:hidden;   white-space:nowrap;   word-wrap:normal;   text-overflow:ellipsis;   padding:14px 10px 10px 5px; } lite-youtube:hover .lyt-title-text {   color:white; } lite-youtube.lyt-activated > .lyt-title-text {   opacity:0;   pointer-events:none; } lite-youtube .lyt-logo{   background:var(--logoUrl);  width:40px;   height:40px;   background-repeat:no-repeat;   flex-shrink:0;   margin:5px;   background-origin:content-box;   background-size:cover;   float:left;   border-radius:50%; }  lite-youtube::after {   content:"";   display:block;   padding-bottom:calc(100% / (16 / 9)); } lite-youtube > iframe {   width:100%;   height:100%;   position:absolute;   top:0;   left:0;   border:0; }  lite-youtube > .lty-playbtn {   display:block;   width:68px;   height:48px;   position:absolute;   cursor:pointer;   transform:translate3d(-50%, -50%, 0);   top:50%;   left:50%;   z-index:1;   background-color:transparent;  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');   transition:filter .1s cubic-bezier(0, 0, 0.2, 1);   border:none; }  lite-youtube.lyt-activated {   cursor:unset; } lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lty-playbtn {   opacity:0;   pointer-events:none; } .lyt-visually-hidden {   clip:rect(0 0 0 0);   clip-path:inset(50%);   height:1px;   overflow:hidden;   position:absolute;   white-space:nowrap;   width:1px;  }