.video-moment{--moment-surface:#eef1e7;--moment-text:var(--ink);--moment-secondary:#626a58;--moment-label:var(--green);background:var(--moment-surface);width:100%;min-width:0;max-width:560px;color:var(--moment-text);border:1px solid #d7decb;border-radius:12px;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding:30px;display:grid}.video-moment--paper{--moment-surface:var(--bg);border-color:var(--line)}.video-moment [hidden]{display:none!important}.video-moment--dark{--moment-border:#ffffff2e;--moment-surface:var(--ink);--moment-text:#fbfaf7;--moment-secondary:#c1cab5;--moment-label:#c9ec91;border-color:var(--ink)}.video-moment__copy{min-width:0}.video-moment__label{font:10px/1.7 var(--mono);color:var(--moment-label);letter-spacing:.045em;margin-bottom:13px;display:block}.video-moment__title{font-family:var(--head);letter-spacing:-.045em;text-wrap:balance;max-width:640px;font-size:clamp(22px,2.1vw,28px);font-weight:500;line-height:1.4;display:grid}.video-moment__title>span{grid-area:1/1}.video-moment__title>[aria-hidden=true]{visibility:hidden}.video-moment__media{min-width:0}.video-moment__stage{aspect-ratio:16/9;background:#1c211a;border-radius:8px;width:100%;position:relative;overflow:hidden}.video-moment__cover{border-radius:inherit;color:#fff;text-align:left;background:#1c211a;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.video-moment__cover img{object-fit:cover;opacity:.82;width:100%;height:100%;transition:opacity .2s}.video-moment__cover:after{content:"";pointer-events:none;background:linear-gradient(#0001 35%,#000a 100%);position:absolute;inset:0}.video-moment__cover:hover img{opacity:1}.video-moment__duration{z-index:1;color:#fff;font:10px/1.6 var(--mono);background:#151b15df;border-radius:4px;padding:4px 7px;position:absolute;top:12px;right:12px}.video-moment__frame{border-radius:inherit;cursor:pointer;background:#1c211a;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.video-moment__frame video{object-fit:contain;width:100%;height:100%;display:block}.video-moment__controls{grid-template-columns:44px minmax(32px,1fr) auto 44px;align-items:center;gap:8px;padding-top:8px;display:grid}.video-moment__control{min-height:44px;color:var(--moment-text);background:0 0;border:0;border-radius:5px;place-items:center;padding:0;font-size:16px;line-height:1;display:grid}.video-moment__control:hover{background:#7b8c5c1a}.video-moment__seek{width:100%;min-width:0;min-height:44px;accent-color:var(--green);cursor:pointer;margin:0;display:block}.video-moment--dark .video-moment__seek{accent-color:var(--lime)}.video-moment__time{color:var(--moment-secondary);font:9px/1.6 var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums}.video-moment__status{color:var(--moment-secondary);margin-top:8px;font-size:11px;line-height:1.7}.video-moment__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:32px;padding-top:7px;display:flex}.video-moment__pager{border:1px solid var(--moment-border,#d3dac6);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.video-moment__step{width:32px;height:32px;color:var(--moment-text);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.video-moment__step:hover{background:#7b8c5c1f}.video-moment__count{text-align:center;min-width:96px;color:var(--moment-secondary);font:10px/1.6 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 4px}.video-moment__source{color:var(--moment-secondary);text-underline-offset:3px;margin-left:auto;font-size:11px;line-height:1.7;text-decoration:underline}.video-moment__source:hover{color:var(--moment-text)}.video-moment__cover:focus-visible,.video-moment__frame:focus-visible{outline:3px solid var(--lime);outline-offset:-5px}.video-moment__footer :focus-visible,.video-moment__controls :focus-visible{outline:2px solid var(--moment-label);outline-offset:2px}@media (width<=980px){.video-moment{padding:26px}.video-moment__title{font-size:23px}}@media (width<=720px){.video-moment{gap:23px;padding:23px}.video-moment__title{font-size:23px}.video-moment__label{font-size:11px}.video-moment__source{font-size:12px}.video-moment__media{width:100%}.video-moment__footer{min-height:40px}.video-moment__source{align-items:center;gap:2px;min-height:44px;display:inline-flex}.video-moment__step{width:44px;height:44px}.video-moment__time,.video-moment__count{font-size:11px}}@media (width<=380px){.video-moment{gap:20px;padding:18px}.video-moment__title{font-size:21px}}@media (prefers-reduced-motion:reduce){.video-moment__cover img{transition:none}}