.grid{--gap-x: calc(85 * var(--u));--cols: 3;--min-col: 12.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--min-col),calc((100% - (var(--cols) - 1) * var(--gap-x)) / var(--cols) - .5px)),1fr));column-gap:var(--gap-x);row-gap:calc(83 * var(--u));padding-inline:calc(var(--pad-x) * var(--u))}.card{min-width:0}.thumb{position:relative;aspect-ratio:16 / 9;border-radius:calc(12 * var(--u));background:var(--skel);overflow:hidden}.thumb.is-loading:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,var(--skel-hi) 50%,transparent 80%);transform:translate(-100%);animation:shimmer 1.9s ease-in-out infinite;animation-delay:calc(var(--i, 0) * .14s)}@keyframes shimmer{to{transform:translate(100%)}}.thumb-img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.thumb-img{opacity:0;transition:opacity .4s ease}.thumb-img.is-ready{opacity:1}.thumb-play{position:absolute;inset:0;width:100%;padding:0;border:0;background:none;cursor:pointer}.thumb-preview{--preview-bar: #ff0033;position:absolute;inset:0;z-index:1;background:#000;opacity:0;pointer-events:none;transition:opacity .15s ease}.thumb.is-previewing .thumb-preview{opacity:1}.card:hover .thumb.is-previewing:after,.card:focus-within .thumb.is-previewing:after{opacity:0}.thumb-preview .preview-frame{position:absolute;left:0;top:-60%;width:100%;height:220%;border:0;transform:scale(1.03)}.preview-bar{position:absolute;left:0;right:0;bottom:0;height:max(3px,calc(5 * var(--u)));background:#ffffff4d;overflow:hidden}.preview-bar-fill{height:100%;background:var(--preview-bar);transform:scaleX(0);transform-origin:left;transition:transform .25s linear}.preview-mute{position:absolute;top:calc(14 * var(--u));right:calc(14 * var(--u));width:max(1.625rem,calc(46 * var(--u)));aspect-ratio:1;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;visibility:hidden;pointer-events:auto}.thumb.is-previewing .preview-mute{visibility:visible}.preview-mute:hover{background:#000c}.preview-mute svg{width:58%;height:58%;fill:currentColor}.preview-mute .i-on{display:none}.preview-mute.is-on .i-on{display:block}.preview-mute.is-on .i-off{display:none}.preview-loader{position:absolute;inset:0;z-index:1;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none}.preview-loader:before{content:"";width:max(1.75rem,calc(56 * var(--u)));aspect-ratio:1;border-radius:50%;border:max(3px,calc(5 * var(--u))) solid rgba(255,255,255,.45);border-top-color:#fff;background:#00000047;box-shadow:0 0 0 max(2px,calc(4 * var(--u))) #0000002e;animation:spin .8s linear infinite}.thumb.is-preview-loading:not(.is-previewing) .preview-loader{visibility:visible;animation:loader-in .2s ease .15s forwards}@keyframes loader-in{to{opacity:1}}.thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(5 * var(--u)) var(--brand);opacity:0;pointer-events:none;z-index:2;transition:opacity .18s ease}.card:hover .thumb:after,.card:focus-within .thumb:after{opacity:1}.meta{display:flex;gap:calc(10 * var(--u));margin-top:calc(15 * var(--u))}.avatar{flex:none;width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:50%;background:var(--avatar) center / cover;transition:background-color .18s ease}.meta-body{flex:1;min-width:0;font-size:var(--fs-label);line-height:1.21}.meta-top{height:calc(56 * var(--u));display:flex;flex-direction:column;justify-content:space-between}.row{display:flex;align-items:center;min-width:0}.title-row{justify-content:space-between;gap:calc(12 * var(--u))}.channel-n-views-row{justify-content:space-between}.channel-row{gap:calc(10 * var(--u))}.title,.channel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title{font-weight:600}.channel{font-weight:500;color:var(--ts-icon)}.title-row .title{flex:1}.verified{flex:none;display:block;width:max(.875rem,calc(18 * var(--u)));height:max(.875rem,calc(18 * var(--u)));color:var(--scrim)}.meta-sub{display:flex;align-items:center;min-width:0}.meta-body>.meta-sub{margin-top:calc(10 * var(--u))}.new-label{flex:none;padding:1px 4px;border-radius:2px;background:var(--link);color:#fff;font-size:.9em;font-weight:600;line-height:1.21;white-space:nowrap;transition:background-color .18s ease}.sep{flex:none;height:1.21em;margin-inline:calc(5 * var(--u));border-radius:2px}.views{color:var(--ts-icon);min-width:0;white-space:nowrap;font-weight:500}.views b{font-weight:700}.title,.channel,.views,.ctx-btn{transition:color .18s ease}.card:hover .title,.card:hover .channel,.card:hover .views,.card:hover .ctx-btn,.card:focus-within .title,.card:focus-within .channel,.card:focus-within .views,.card:focus-within .ctx-btn,.ctx-btn[aria-expanded=true],.card:hover .verified{color:var(--hover-meta)}.card:hover .new-label,.card:focus-within .new-label{background:var(--hover-new)}.card:hover .avatar:not([style*=background-image]),.card:focus-within .avatar:not([style*=background-image]){background-color:var(--hover-avatar)}.ctx{position:relative;flex:none;margin-left:auto}.ctx-btn{--dot: max(var(--u), .05rem);position:relative;display:block;width:calc(4 * var(--dot));height:calc(19 * var(--dot));padding:0;border:0;background:none;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.ctx-btn:after{content:"";position:absolute;inset:-10px 0 -10px -16px}.ctx-btn svg{display:block;width:100%;height:100%}.ctx-btn:focus-visible{outline:3px solid var(--brand);outline-offset:6px;border-radius:3px}.grid--shorts{--cols: 4;--min-col: 12.5rem;row-gap:calc(50 * var(--u));justify-items:start}.card--short{width:100%;max-width:16.875rem}.thumb--short{aspect-ratio:9 / 16}.short-title{margin-bottom:calc(15 * var(--u));font-size:var(--fs-label);line-height:1.21}.card--short .meta-top .meta-sub{margin-top:0}@media(max-width:45em){.grid--shorts{--min-col: 6.875rem;--gap-x: 1.25rem}.sep{display:none}.new-label{margin-right:8px}.card--short .avatar{display:none}.card--short .meta{gap:0}}@media(prefers-reduced-motion:reduce){.thumb.is-loading:before{animation:none}}.section{padding-top:calc(50 * var(--u))}.section-title{margin:0 0 calc(30 * var(--u));padding-inline:calc(var(--pad-x) * var(--u));font-size:var(--fs-body);font-weight:700;line-height:1.21}.view-all{display:flex;align-items:center;gap:calc(40 * var(--u));height:calc(4 * var(--u));min-height:2px;margin-top:calc(97 * var(--u));padding-inline:calc(var(--pad-x) * var(--u))}.view-all-line{flex:1;height:calc(2 * var(--u));min-height:2px;border-radius:999px;background:var(--divider)}.view-all-link{font-size:var(--fs-label);font-weight:700;line-height:1.21;white-space:nowrap;display:flex;align-items:center;height:100%;text-decoration:none}.view-all-link span{display:inline-block;color:var(--link);transform-origin:center;transition:transform .18s var(--ease),color .18s ease}.view-all-link:hover span,.view-all-link:focus-visible span{color:var(--link-hover);transform:scale(var(--link-zoom))}.view-all-link:focus-visible{outline:3px solid var(--brand);outline-offset:6px;border-radius:4px}