.video-detail__player-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-neutral-950);box-shadow:var(--shadow-card)}.video-detail__player-element,.video-detail__player-element iframe,.video-detail__player-element video{width:100%!important;height:100%!important}.video-detail__poster,.video-detail__scroll-anchor{width:100%;height:100%}.video-detail__poster{position:relative;display:block;padding:0;border:0;cursor:pointer;background:var(--color-neutral-950)}.video-detail__poster-image{width:100%;height:100%;object-fit:cover;transition:filter var(--dur-base) var(--ease-standard)}.video-detail__poster:hover .video-detail__poster-image{filter:brightness(1.06)}.video-detail__poster-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--on-media-text);background:radial-gradient(circle,rgba(0,0,0,.42) 0,rgba(0,0,0,.18) 55%,rgba(0,0,0,.04) 100%);transition:background var(--dur-base) var(--ease-standard)}.video-detail__poster-play>svg{width:58px;height:58px;padding:15px 14px 15px 18px;border-radius:var(--radius-full);background:var(--on-media-fill-bright);color:var(--color-content-video);box-shadow:var(--shadow-disc)}.video-detail__poster:focus-visible{outline:2px solid var(--control-focus-ring);outline-offset:2px}.video-detail__player-placeholder{display:grid;width:100%;height:100%;place-items:center;padding:20px;color:var(--on-media-text-soft);font-size:var(--text-sm);text-align:center}.video-playlist-hero .page-hero__title{font-size:clamp(30px,4.5cqi,50px)}@container page-hero (min-width: 640px){.video-playlist-hero.page-hero--side .page-hero__grid{grid-template-columns:minmax(260px,1fr) minmax(0,1.62fr)}}.video-playlist-rail{margin-block-start:clamp(10px,1.6cqi,24px)}.video-playlist-rail-card{display:grid;gap:8px;width:100%;padding:0;border:0;background:none;color:var(--color-text);text-align:start;cursor:pointer}.video-playlist-rail-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md);background:var(--color-neutral-900);box-shadow:var(--shadow-card);outline:2px solid transparent;outline-offset:2px;transition:outline-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.video-playlist-rail-card:hover .video-playlist-rail-card__media{transform:translateY(-2px)}.video-playlist-rail-card.is-active .video-playlist-rail-card__media{outline-color:var(--color-content-video);box-shadow:var(--shadow-raised),0 0 0 4px color-mix(in srgb,var(--color-content-video) 24%,transparent)}.video-playlist-rail-card__media img{width:100%;height:100%;object-fit:cover}.video-playlist-rail-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--on-media-text-soft)}.video-playlist-rail-card__duration{position:absolute;right:8px;bottom:8px;padding:2px 7px;border-radius:var(--radius-full);background:var(--on-media-surface);color:var(--on-media-text);font-size:var(--text-2xs);font-weight:700;backdrop-filter:blur(4px)}.video-playlist-rail-card__badge{top:8px;left:8px;font-size:var(--text-2xs);font-weight:800}.video-playlist-rail-card__now{position:absolute;bottom:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-content-video) 88%,var(--color-neutral-950) 6%);color:var(--color-on-accent);font-size:var(--text-2xs);font-weight:700}.video-playlist-rail-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-sm);font-weight:600;line-height:1.35}.video-playlist-rail-card.is-active .video-playlist-rail-card__title{color:var(--color-content-video)}.video-playlist-rail-card:focus-visible{outline:none}.video-playlist-rail-card:focus-visible .video-playlist-rail-card__media{outline-color:var(--control-focus-ring)}