@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
.yt-demo{font-family:Roboto,Arial,sans-serif;color:#0f0f0f;font-weight:400;line-height:1.4;letter-spacing:normal;-webkit-font-smoothing:antialiased}

.yt-demo{width:100%;container-type:inline-size}
.yt-demo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
.ytd-yt-header{display:flex;align-items:center;gap:22px;height:66px;padding:0 12px}
.ytd-menu{width:19px}
.ytd-logo{display:flex;align-items:center;gap:4px;white-space:nowrap}
.ytd-logo svg{width:30px;stroke:none}
.ytd-logo>span{font-family:Arial,sans-serif;font-weight:700;font-size:23px;letter-spacing:-1.7px}
.ytd-logo sup{font-size:9px;color:#606060;align-self:flex-start;padding-top:3px;margin-left:2px}
.ytd-search{margin:auto;display:flex;align-items:center;justify-content:space-between;width:42%;height:36px;border:1px solid #d3d3d3;border-radius:24px;padding-left:17px;color:#606060;font-size:14px}
.ytd-search svg{box-sizing:content-box;width:19px;height:19px;padding:8px 15px;border-left:1px solid #d3d3d3;background:#f8f8f8;border-radius:0 24px 24px 0;color:#0f0f0f}
.ytd-profile{border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#4f6470;color:white;font-size:14px}
.ytd-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#151515;color:white;border-radius:10px}
.ytd-player>img{width:100%;height:100%;object-fit:cover;display:block}
.ytd-ad-copy{position:absolute;top:14%;left:6%;max-width:52%;text-shadow:0 1px 12px #0003}
.ytd-brand{font-size:1.3cqw;font-weight:500;letter-spacing:.15em}
.ytd-ad-copy h2{font-size:5.25cqw;letter-spacing:-.035em;font-weight:500;line-height:1.12;margin:3.5cqw 0 1.5cqw}
.ytd-ad-copy p{font-size:1.75cqw;line-height:1.5;margin:0;color:#efefef}
.ytd-skip{position:absolute;right:2%;bottom:21%;display:flex;align-items:center;gap:9px;background:#000a;border-radius:4px;padding:8px 11px;font-size:13px;font-weight:500}
.ytd-skip svg{width:15px;height:15px}
.ytd-player-bottom{position:absolute;bottom:0;inset-inline:0;padding:32px 12px 8px;background:linear-gradient(transparent,#000b)}
.ytd-sponsor{font-size:11px;margin-bottom:10px}
.ytd-sponsor span{margin:0 4px}
.ytd-progress{height:3px;background:#ffffff55;margin-bottom:9px}
.ytd-progress i{display:block;width:28%;height:100%;background:#ffd600}
.ytd-controls{display:flex;align-items:center;gap:16px;font-size:11px;height:22px}
.ytd-controls svg{height:20px;width:20px}
.ytd-control-spacer{flex:1}
.ytd-advertiser{display:flex;align-items:center;gap:12px;padding:18px 4px}
.ytd-advertiser-icon{width:40px;height:40px;border-radius:50%;background:#eee9df;display:grid;place-items:center;color:#655b44}
.ytd-advertiser-icon svg{width:22px;height:22px}
.ytd-advertiser strong{font-size:14px;font-weight:500}
.ytd-advertiser p{margin:4px 0 0;font-size:12px;color:#606060}
.ytd-cta{display:flex;align-items:center;gap:14px;background:#065fd4;color:white;font-size:13px;font-weight:500;padding:11px 17px;border-radius:20px;margin-left:auto;white-space:nowrap}
.ytd-cta svg{width:17px;height:17px}

.ytd-ad-copy h2{color:inherit}
.ytd-brand{text-transform:uppercase}
.ytd-player--shaded::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.4) 40%,transparent 78%)}
.ytd-advertiser-icon{flex:none;font-weight:500}
.ytd-profile{flex:none}

@container (max-width:600px){.ytd-yt-header{height:54px;gap:14px;padding:0 2px}
.ytd-search{display:none}
.ytd-profile{margin-left:auto}
.ytd-ad-copy{top:12%}
.ytd-brand{font-size:1.7cqw}
.ytd-ad-copy p{font-size:2.3cqw}
.ytd-skip{font-size:10px;padding:5px 7px;bottom:27%}
.ytd-player-bottom{padding:20px 8px 5px}
.ytd-sponsor{font-size:9px;margin-bottom:6px}
.ytd-controls{gap:11px;font-size:9px;height:16px}
.ytd-controls svg{width:15px;height:15px}
.ytd-progress{height:2px;margin-bottom:6px}
.ytd-advertiser{gap:8px;padding:14px 0}
.ytd-advertiser-icon{width:30px;height:30px}
.ytd-advertiser strong{font-size:12px}
.ytd-advertiser p{font-size:10px}
.ytd-cta{font-size:11px;padding:9px 11px;gap:5px}
.ytd-cta svg{width:13px;height:13px}
}

@container (max-width:360px){
  .ytd-advertiser{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}
  .ytd-advertiser strong{overflow-wrap:anywhere}
  .ytd-cta{grid-column:2;justify-self:start;margin-left:0}
}