.side-player{margin:0 0 20px;padding:12px 12px 8px;border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-ink);font-family:var(--font-ui)}.side-player__heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.2}.side-player__heading::before{content:"";flex:0 0 auto;width:0;height:0;border-block:6px solid #fff0;border-inline-start:10px solid var(--c-accent)}.side-player__dock{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);background:#000}.side-player__stage{position:absolute;inset:0;overflow:hidden;border-radius:var(--radius-sm);background:#000}.side-player__poster{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:opacity var(--speed) var(--ease)}.side-player.is-ready .side-player__poster{opacity:0}.side-player__video,.side-player__stage .video-js{width:100%;height:100%}.side-player__stage .video-js{font-family:var(--font-ui);font-size:11px}.side-player__unmute{position:absolute;top:10px;left:10px;z-index:5;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 8px;border:0;border-radius:999px;background:var(--c-accent);color:var(--c-accent-ink);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 10px rgb(0 0 0 / .35)}.side-player__unmute[hidden]{display:none}.side-player__unmute .icon,.side-player__close .icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.side-player__unmute:hover{background:var(--c-accent-hover)}.side-player__unmute:focus-visible,.side-player__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.side-player__bar{position:absolute;inset:0 0 auto;z-index:6;display:none;align-items:center;gap:8px;height:34px;padding:0 6px 0 10px;background:linear-gradient(rgb(0 0 0 / .82),#fff0);font-size:12.5px;font-weight:600}.side-player__bar-title{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.side-player__countdown{flex:0 0 auto;min-width:24px;color:var(--c-ink-mute);font-variant-numeric:tabular-nums;text-align:center}.side-player__countdown:empty{display:none}.side-player__close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:rgb(255 255 255 / .14);color:#fff;cursor:pointer}.side-player__close[hidden]{display:none}.side-player__close:hover{background:rgb(255 255 255 / .28)}.side-player__stage.is-floating{position:fixed;inset:calc(var(--bar-height-condensed) + 24px) 20px auto auto;z-index:950;display:flex;flex-direction:column;gap:6px;width:min(380px, calc(100vw - 32px));height:auto;padding:6px 8px 8px;border-radius:var(--radius-xl);background:var(--c-surface-2);box-shadow:0 12px 40px rgb(0 0 0 / .45);transform:translateX(calc(100% + 40px));transition:transform var(--speed-slow) var(--ease),top var(--speed) var(--ease)}.side-player__stage.is-floating.is-slid{transform:none}html:has(.site-header--trends:not(.is-condensed)) .side-player__stage.is-floating{top:calc(var(--bar-height) + var(--trends-height) * .2)}html:has(.site-header--two-row.site-header--trends:not(.is-condensed)) .side-player__stage.is-floating{top:calc(var(--bar-height) + var(--strip-height) + var(--trends-height) * .2)}html:has([data-overlay-menu].is-open,.site-header:focus-within) .side-player__stage.is-floating{z-index:880}.side-player__stage.is-floating .side-player__bar{position:static;display:flex;height:26px;padding:0 0 0 2px;background:none}.side-player__stage.is-floating .video-js{flex:0 0 auto;height:auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-sm)}.side-player__stage.is-floating .side-player__unmute{top:48px;left:18px}.side-player__stage.is-floating .vjs-big-play-button,.side-player__stage.is-floating .title-overlay-container{display:none}.side-player .vjs-big-play-button{top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border:0;border-radius:50%;background:var(--c-accent);color:var(--c-accent-ink);font-size:28px;line-height:50px}.side-player .video-js:hover .vjs-big-play-button,.side-player .vjs-big-play-button:focus{background:var(--c-accent-hover)}.side-player .vjs-control-bar{height:34px;background:linear-gradient(transparent,rgb(0 0 0 / .75))}.side-player .vjs-play-progress,.side-player .vjs-volume-level{background:var(--c-accent)}.side-player .vjs-play-progress::before{color:var(--c-accent)}.side-player .vjs-slider{background:rgb(255 255 255 / .25)}.side-player .vjs-load-progress div{background:rgb(255 255 255 / .35)}.side-player .vjs-logo-content img{opacity:.85}.side-player__title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:9px 2px 0;font-size:13.5px;font-weight:600;line-height:1.3}.side-player__title a{color:inherit;text-decoration:none}.side-player__title a:hover{text-decoration:underline;text-underline-offset:2px}.side-player__duration,.side-player__item-duration{flex:0 0 auto;font-weight:400;font-variant-numeric:tabular-nums}.side-player__duration{color:var(--c-ink-dim);font-size:var(--size-data-small)}.side-player__list{display:flex;flex-direction:column;max-height:168px;margin:9px -4px 0;padding:0;overflow-y:auto;overscroll-behavior-y:contain;border-top:1px solid var(--c-rule);list-style:none;scrollbar-width:thin;scrollbar-color:var(--c-scroll-thumb) #fff0}.side-player__list li+li .side-player__item{border-top:1px solid var(--c-rule)}.side-player__item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:7px 4px;color:var(--c-ink-mute);text-decoration:none;transition:background var(--speed-fast) var(--ease),color var(--speed-fast) var(--ease)}.side-player__item:hover{background:rgb(255 255 255 / .06);color:var(--c-ink)}.side-player__thumb,.side-player__item-duration{grid-area:1 / 1}.side-player__thumb img{display:block;width:96px;height:54px;border-radius:4px;object-fit:cover;background:var(--c-surface-2)}.side-player__item-duration{align-self:end;justify-self:end;margin:0 3px 3px 0;padding:1px 4px;border-radius:3px;background:rgb(0 0 0 / .8);color:#fff;font-size:10.5px}.side-player__item-title{display:-webkit-box;overflow:hidden;grid-column:2;grid-row:1;font-size:12.5px;font-weight:500;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:3}.side-player__item:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.side-player__poster,.side-player__stage.is-floating{transition:none}}