.video-player-container{background:var(--bg-elevated);border-radius:8px;outline:none;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.video-player-container:focus{outline:none}.video-player-video{object-fit:contain;cursor:pointer;flex:1;width:100%;min-height:0;margin:0}.video-player-play-overlay{cursor:pointer;color:#fff;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:opacity .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player-play-overlay:hover{background:#000c}.video-player-play-overlay.visible{opacity:1;pointer-events:auto}.video-player-play-overlay.hidden{opacity:0;pointer-events:none}.video-player-play-overlay.playing{opacity:0}.video-player-container:hover .video-player-play-overlay.playing.visible{opacity:1}.video-player-play-overlay-icon{justify-content:center;align-items:center;display:flex}.video-player-play-overlay-icon.play{transform:translate(2px)}.video-player-flash-icon{color:#fff;pointer-events:none;z-index:11;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.4s ease-out forwards video-player-flash-fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-player-flash-icon.play{padding-left:4px}@keyframes video-player-flash-fade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.video-player-bottom-controls{z-index:5;background:linear-gradient(#0000,#000c);flex-direction:column;gap:8px;padding:12px;line-height:1.5;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-player-bottom-controls.visible{opacity:1}.video-player-bottom-controls.hidden{opacity:0;pointer-events:none}.video-player-control-bar{align-items:center;gap:8px;display:flex}.video-player-button{color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;min-width:24px;height:24px;padding:4px;transition:opacity .15s;display:flex}.video-player-button:hover{opacity:1}.video-player-time-display{font-variant-numeric:tabular-nums;color:#fffc;white-space:nowrap;font-size:12px}.video-player-progress-bar{appearance:none;cursor:pointer;background:#fff3;border-radius:3px;flex:1;height:6px}.video-player-progress-bar::-webkit-slider-thumb{appearance:none;width:0;height:0}.video-player-progress-bar::-moz-range-thumb{border:none;width:0;height:0}.video-player-progress-bar::-webkit-slider-runnable-track{border-radius:3px;height:6px}.video-player-progress-wrapper{flex:1;align-items:center;display:flex;position:relative}.video-player-progress-track{cursor:pointer;background:#fff3;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.video-player-progress-fill{pointer-events:none;background:#fff;border-radius:3px;height:100%}.video-player-rate-button{background:#ffffff1a;border-radius:4px;min-width:32px;padding:2px 6px;font-size:12px}.video-player-rate-button:hover{background:#fff3}.video-player-speed-dropdown{position:relative}.video-player-speed-menu{z-index:20;background:#000000e6;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;gap:2px;min-width:60px;margin-bottom:4px;padding:4px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.video-player-speed-option{color:#fffc;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background-color .15s}.video-player-speed-option:hover{color:#fff;background:#ffffff1a}.video-player-speed-option.active{color:#fff;background:#ffffff26}.video-player-spacer{flex:1}.video-player-chapter-segments-wrapper{width:100%;line-height:1.5;position:relative}.video-player-chapter-segments{gap:4px;width:100%;display:flex}.video-player-chapter-segment{flex-direction:column;gap:4px;min-width:0;display:flex}.video-player-segment-track{box-sizing:content-box;cursor:pointer;height:6px;margin:-6px 0;padding:6px 0;position:relative}.video-player-segment-track-inner{background:#fff3;border-radius:3px;height:100%;transition:background-color .15s;overflow:hidden}.video-player-segment-track:hover .video-player-segment-track-inner{background:#ffffff4d}.video-player-segment-progress{background:#fff;border-radius:3px;height:100%}.video-player-chapter-label{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;text-align:left;cursor:pointer;width:fit-content;max-width:100%;font-size:12px;transition:color .15s,opacity .15s;overflow:hidden}.video-player-chapter-label.hidden-overflow{opacity:0;pointer-events:none}.video-player-chapter-label.hidden-hover{opacity:0}.video-player-chapter-segment.active .video-player-chapter-label:not(.hidden-hover):not(.hidden-overflow),.video-player-chapter-label.hovered:not(.hidden-hover):not(.hidden-overflow){color:#fff}.video-player-frame-preview{pointer-events:none;z-index:20;opacity:0;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;transition:opacity .1s;display:flex;position:absolute;bottom:100%}.video-player-chapter-segments-wrapper .video-player-frame-preview{margin-bottom:-18px}.video-player-frame-preview.visible{opacity:1}.video-player-frame-preview-video-container{aspect-ratio:16/10;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0006,0 2px 4px #0003}.video-player-frame-preview-video{object-fit:cover;width:100%;height:100%;margin:0;display:block;position:absolute;top:0;left:0}.video-player-frame-preview-info{background:#000000b3;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;min-width:0;max-width:100%;padding:4px 10px;display:flex}.video-player-frame-preview-time{color:#ffffffe6;flex-shrink:0;font-size:12px;font-weight:500}.video-player-frame-preview-title{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.video-player-error{z-index:10;background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-player-error p{color:#fffc;text-align:center;max-width:260px;padding:16px;font-size:12px;line-height:16px}.video-player-natural-ratio .video-player-container{height:auto}.video-player-natural-ratio .video-player-video{aspect-ratio:16/10;flex:none;width:100%;height:auto}.video-player-container:not(.full-artifacts-view):not(.mobile-inline){aspect-ratio:16/10;background:0 0;border-radius:0;width:100%;min-height:0;display:block}.video-player-container:not(.full-artifacts-view):not(.mobile-inline) .video-player-video{flex:none;width:100%;height:auto;min-height:100%;display:block}.video-player-container.mobile-inline{cursor:pointer;aspect-ratio:16/10;background:0 0;border-radius:0;width:100%}.video-player-container.mobile-inline .video-player-video{flex:none;width:100%;height:auto;min-height:100%}.video-player-container.mobile-inline .video-player-play-overlay{width:72px;height:72px}.video-player-container.mobile-inline .video-player-play-overlay.paused{opacity:1}