.video-player-container{position:relative;width:100%;height:100%;background:var(--bg-elevated);border-radius:8px;overflow:hidden;outline:none;display:flex;flex-direction:column}.video-player-container:focus{outline:none}.video-player-video{flex:1;min-height:0;width:100%;object-fit:contain;cursor:pointer;margin:0}.video-player-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.6);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .2s ease,background-color .2s ease;z-index:10}.video-player-play-overlay:hover{background:rgba(0,0,0,.8)}.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{display:flex;align-items:center;justify-content:center}.video-player-play-overlay-icon.play{transform:translateX(2px)}.video-player-flash-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;animation:video-player-flash-fade .4s ease-out forwards;z-index:11}.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{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(transparent,rgba(0,0,0,.8));transition:opacity .2s ease;z-index:5;line-height:1.5}.video-player-bottom-controls.visible{opacity:1}.video-player-bottom-controls.hidden{opacity:0;pointer-events:none}.video-player-control-bar{display:flex;align-items:center;gap:8px}.video-player-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.9;transition:opacity .15s ease;min-width:24px;height:24px}.video-player-button:hover{opacity:1}.video-player-time-display{font-size:12px;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.8);white-space:nowrap}.video-player-progress-bar{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer}.video-player-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0}.video-player-progress-bar::-moz-range-thumb{width:0;height:0;border:none}.video-player-progress-bar::-webkit-slider-runnable-track{height:6px;border-radius:3px}.video-player-progress-wrapper{position:relative;flex:1;display:flex;align-items:center}.video-player-progress-track{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.video-player-progress-fill{height:100%;background:#fff;border-radius:3px;pointer-events:none}.video-player-rate-button{font-size:12px;min-width:32px;padding:2px 6px;background:rgba(255,255,255,.1);border-radius:4px}.video-player-rate-button:hover{background:rgba(255,255,255,.2)}.video-player-speed-dropdown{position:relative}.video-player-speed-menu{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:60px;z-index:20}.video-player-speed-option{background:none;border:none;color:rgba(255,255,255,.8);font-size:12px;padding:6px 12px;border-radius:4px;cursor:pointer;text-align:center;transition:background-color .15s ease}.video-player-speed-option:hover{background:rgba(255,255,255,.1);color:#fff}.video-player-speed-option.active{background:rgba(255,255,255,.15);color:#fff}.video-player-spacer{flex:1}.video-player-chapter-segments-wrapper{position:relative;width:100%;line-height:1.5}.video-player-chapter-segments{display:flex;gap:4px;width:100%}.video-player-chapter-segment{display:flex;flex-direction:column;gap:4px;min-width:0}.video-player-segment-track{position:relative;height:6px;margin:-6px 0;padding:6px 0;box-sizing:content-box;cursor:pointer}.video-player-segment-track-inner{height:100%;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;transition:background-color .15s ease}.video-player-segment-track:hover .video-player-segment-track-inner{background:rgba(255,255,255,.3)}.video-player-segment-progress{height:100%;background:#fff;border-radius:3px}.video-player-chapter-label{font-size:12px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:100%;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:color .15s ease,opacity .15s ease}.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){color:#fff}.video-player-chapter-label.hovered:not(.hidden-hover):not(.hidden-overflow){color:#fff}.video-player-frame-preview{position:absolute;bottom:100%;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:20;opacity:0;transition:opacity .1s ease}.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{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);position:relative}.video-player-frame-preview-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}.video-player-frame-preview-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;background:rgba(0,0,0,.7);border-radius:6px;max-width:100%;min-width:0}.video-player-frame-preview-time{font-size:12px;font-weight:500;color:rgba(255,255,255,.9);flex-shrink:0}.video-player-frame-preview-title{font-size:12px;font-weight:500;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.video-player-error{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.8);z-index:10}.video-player-error p{color:rgba(255,255,255,.8);font-size:12px;line-height:16px;text-align:center;padding:16px;max-width:260px}.video-player-natural-ratio .video-player-container{height:auto}.video-player-natural-ratio .video-player-video{flex:none;width:100%;height:auto;aspect-ratio:16/10}.video-player-container:not(.full-artifacts-view):not(.mobile-inline){aspect-ratio:16/10;width:100%;background:transparent;border-radius:0;display:block;min-height:0}.video-player-container:not(.full-artifacts-view):not(.mobile-inline) .video-player-video{display:block;width:100%;height:auto;min-height:100%;flex:none}.video-player-container.mobile-inline{cursor:pointer;background:transparent;border-radius:0;aspect-ratio:16/10;width:100%}.video-player-container.mobile-inline .video-player-video{flex:none;height:auto;width:100%;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}
/*# sourceMappingURL=68d0ec06a8917a6a.css.map*/