/* White Star self-hosted video player: same look and behaviour as the YouTube embed on the original site
   (measured on the live page, 2026-09-25). Sizes are YouTube's; the "small" layout applies below 400px wide. */
/* The embed only loads Roboto 400/500, so YouTube's 700 titles are synthesized bold; same here for identical glyphs. */
@font-face{font-family:'ytw Roboto';font-style:normal;font-weight:400 500;font-display:swap;src:url(/_assets/irp.cdn-website.com/fonts/s/roboto/v51/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2')}
.ytwp{cursor:default!important;font-family:Roboto,Arial,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:none}
.ytwp video{position:absolute;object-fit:fill!important;background:#000}
.ytwp-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,0,0,.6) 0,rgba(0,0,0,.54) 25%,rgba(0,0,0,.36) 50%,rgba(0,0,0,.18) 75%,rgba(0,0,0,0));transition:opacity .2s cubic-bezier(0,0,.2,1)}
.ytwp-ui{position:absolute;inset:0;z-index:0;transition:opacity .2s cubic-bezier(0,0,.2,1)}
.ytwp.ytwp-hide .ytwp-bg,.ytwp.ytwp-hide .ytwp-ui{opacity:0}
.ytwp.ytwp-hide .ytwp-ui{pointer-events:none}
.ytwp.ytwp-hide.ytwp-mouse{cursor:none!important}
.ytwp button{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;color:inherit;font:inherit;cursor:pointer;outline:none}
.ytwp button:disabled{cursor:default}
.ytwp a{color:inherit;text-decoration:none}
.ytwp svg{display:block;width:100%;height:100%;fill:currentColor}
/* top: channel avatar, title, channel */
.ytwp-avatar{position:absolute;left:18px;top:8px;width:48px;height:48px}
.ytwp-avatar img{position:absolute;left:12px;top:8px;width:36px;height:36px;border-radius:50%;object-fit:cover;display:block}
.ytwp-title,.ytwp-channel{position:absolute;left:78px;right:180px;white-space:nowrap;overflow:hidden;display:block}
.ytwp-title{top:10px;height:28px;font-family:'ytw Roboto',Roboto,Arial,sans-serif;font-size:20px;font-weight:700;line-height:28px}
.ytwp-channel{top:38px;height:13.2px;font-size:12px;font-weight:400;line-height:13.2px}
.ytwp-tr{position:absolute;right:24px;top:0;height:52px;display:flex}
.ytwp-ib{width:48px;height:48px;padding:12px!important;box-sizing:border-box;filter:drop-shadow(rgba(0,0,0,.8) 0 0 1px)}
.ytwp-cc{color:rgba(255,255,255,.3)!important}
.ytwp-vol{position:relative;width:48px;height:48px}
.ytwp-volpop{position:absolute;left:0;top:60px;width:48px;height:157px;border-radius:50px;background:rgba(40,40,40,.6);opacity:0;visibility:hidden;transition:visibility .3s linear,opacity .3s linear}
.ytwp-vol:hover .ytwp-volpop,.ytwp-vol.ytwp-on .ytwp-volpop{opacity:1;visibility:visible}
.ytwp-vtrack{position:absolute;left:24px;top:22px;width:2px;height:122px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer}
.ytwp-vtrack::before{content:"";position:absolute;left:-12px;right:-12px;top:-8px;bottom:-8px}
.ytwp-vfill{position:absolute;left:0;bottom:0;width:2px;background:#fff;border-radius:2px}
.ytwp-vknob{position:absolute;left:-7px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:#fff}
/* middle: previous / play-pause / next */
.ytwp-mid{position:absolute;z-index:1;left:50%;top:50%;width:220px;height:56px;transform:translate(-110px,-28px);display:flex;align-items:flex-start}
.ytwp-pn{width:48px;height:48px;margin-top:4px!important;padding:6px!important;box-sizing:border-box;border-radius:24px}
.ytwp-pn span,.ytwp-fs span{display:block;width:36px;height:36px;padding:6px;box-sizing:border-box;border-radius:50%;background:rgba(0,0,0,.3);text-shadow:#000 0 0 2px}
.ytwp-pp{width:56px;height:56px;margin:0 34px!important;padding:10px!important;box-sizing:border-box;border-radius:50%;background:rgba(0,0,0,.3)!important}
.ytwp-next:disabled span svg{opacity:.3}
/* bottom-left time and bottom-right full screen */
.ytwp-time{position:absolute;left:28px;bottom:92px;height:24px;padding:4px 6px;box-sizing:border-box;border-radius:16px;background:rgba(0,0,0,.3);font-size:14px;font-weight:500;line-height:normal;text-shadow:#000 0 0 2px;white-space:nowrap;display:flex;align-items:center}
.ytwp-sep{opacity:.7;margin:0 4px}
.ytwp-dur{opacity:.7}
.ytwp-fs{position:absolute;right:24px;bottom:80px;width:48px;height:48px;padding:6px!important;box-sizing:border-box}
/* progress bar */
.ytwp-bar{position:absolute;left:30px;right:30px;bottom:52px;height:44px;cursor:pointer;touch-action:none}
.ytwp-line{position:absolute;left:0;right:0;top:20.5px;height:3px}
.ytwp-line div{position:absolute;left:0;top:0;height:3px;width:0}
.ytwp-lbg{width:100%!important;background:#fff;opacity:.3}
.ytwp-loaded{background:#fff;opacity:.6}
.ytwp-hov{background:#fff;opacity:.7;display:none}
.ytwp-bar:hover .ytwp-hov,.ytwp-bar.ytwp-drag .ytwp-hov{display:block}
.ytwp-played{background-image:linear-gradient(90deg,#ff0033 80%,#ff2791)}
.ytwp-head{position:absolute;top:16px;left:0;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#ff0033;transition:transform .1s}
/* storyboard preview over the bar */
.ytwp-sb{position:absolute;top:-130px;width:160px;height:90px;box-sizing:content-box;border:2px solid #fff;border-radius:8px;background:#fff no-repeat;overflow:hidden;display:none;pointer-events:none}
.ytwp-sbt{position:absolute;top:-30px;height:22px;font-size:16px;font-weight:500;line-height:22px;text-shadow:rgba(0,0,0,.75) 0 0 4px;white-space:nowrap;display:none;pointer-events:none}
.ytwp-bar.ytwp-over .ytwp-sb,.ytwp-bar.ytwp-over .ytwp-sbt{display:block}
/* bottom row: share, more videos, YouTube */
.ytwp-share{position:absolute;left:30px;bottom:12px;width:56px;height:48px;padding:4px 0;box-sizing:border-box;border-radius:48px;background:rgba(0,0,0,.3);text-shadow:#000 0 0 2px}
.ytwp-share button{display:block;width:40px;height:40px;margin:0 8px;padding:8px;box-sizing:border-box;border-radius:50%}
.ytwp-more{position:absolute;right:172px;bottom:12px;height:48px;padding:6px 12px;box-sizing:border-box;border-radius:16px;background:rgba(0,0,0,.3);font-size:14px;font-weight:400;line-height:20px;text-shadow:#000 0 0 2px;display:flex;align-items:center;white-space:nowrap}
.ytwp-mthumb{position:relative;display:block;width:64px;height:42px;margin-left:8px;flex:none}
.ytwp-mthumb i{position:absolute;height:2px;border-radius:2px 2px 0 0}
.ytwp-mthumb i:nth-child(1){left:27px;top:0;width:10px;background:rgba(255,255,255,.3)}
.ytwp-mthumb i:nth-child(2){left:22px;top:3px;width:20px;background:rgba(255,255,255,.7)}
.ytwp-mthumb span{position:absolute;left:0;top:6px;width:64px;height:36px;border-radius:8px;overflow:hidden;outline:2px solid #fff}
.ytwp-mthumb img{display:block;width:100%;height:100%;object-fit:cover}
.ytwp-yt{position:absolute;right:30px;bottom:12px;width:142px;height:48px}
.ytwp-yt span{position:absolute;left:28px;top:14px;width:90px;height:20px}
/* settings bottom sheet */
.ytwp-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);display:none}
.ytwp-sheet{position:absolute;left:50%;bottom:24px;width:400px;max-width:calc(100% - 24px);height:180px;max-height:calc(100% - 48px);transform:translateX(-50%);background:#fff;border-radius:12px;overflow:hidden;color:#030303;display:none;text-shadow:none}
.ytwp.ytwp-sheet-open .ytwp-scrim,.ytwp.ytwp-sheet-open .ytwp-sheet{display:block}
.ytwp-drag{display:block;height:21px;position:relative}
.ytwp-drag::after{content:"";position:absolute;left:50%;top:8px;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:#030303;opacity:.15}
.ytwp-row{position:relative;display:block;width:100%;height:48px;text-align:left;color:#030303!important}
.ytwp-row .ytwp-ri{position:absolute;left:22px;top:12px;width:24px;height:24px}
.ytwp-row .ytwp-rt{position:absolute;left:64px;top:13px;font-size:16px;line-height:22px;font-weight:400}
.ytwp-row .ytwp-rv{position:absolute;right:34px;top:14px;font-size:14px;line-height:20px;color:#606060}
.ytwp-row .ytwp-rc{position:absolute;right:16px;top:15px;width:18px;height:18px}
.ytwp-row:disabled .ytwp-rt{color:#606060}
.ytwp-row.ytwp-sel .ytwp-rt{font-weight:500}
/* small player (phones): YouTube's ytp-small-mode */
.ytwp.ytwp-small .ytwp-avatar{left:4px}
.ytwp.ytwp-small .ytwp-title,.ytwp.ytwp-small .ytwp-channel{left:64px}
.ytwp.ytwp-small .ytwp-share{left:12px}
.ytwp.ytwp-small .ytwp-yt{right:12px}
.ytwp.ytwp-small .ytwp-more{right:154px;padding:6px 8px}
.ytwp.ytwp-small .ytwp-more .ytwp-mtext{display:none}
.ytwp.ytwp-small .ytwp-mthumb{margin-left:0}
