.video-player-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);animation:videoPlayerEnter .8s cubic-bezier(.87,0,.13,1) forwards;cursor:pointer}@keyframes videoPlayerEnter{0%{opacity:0;transform:scale(.95);-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{opacity:1;transform:scale(1);-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}}.video-player-overlay.video-player-closing{animation:videoPlayerExit .8s cubic-bezier(.87,0,.13,1) forwards}@keyframes videoPlayerExit{0%{opacity:1;transform:scale(1);-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}to{opacity:0;transform:scale(.95);-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}}.video-player-close{position:fixed;top:1.5rem;right:1.5rem;background:transparent;border:none;color:var(--foreground);font-size:20px;font-weight:200;cursor:pointer;z-index:10001;padding:.5rem;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;font-family:Inter,sans-serif;pointer-events:none}.video-player-close.visible{opacity:.6;transform:translateY(0);pointer-events:auto}.video-player-close.visible:hover{opacity:1}.video-player-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.video-player-video{width:100%;height:100%;object-fit:contain}.video-player-controls{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.video-player-controls.visible{opacity:1;transform:translateY(0);pointer-events:auto}.video-player-progress-bar{width:100%;height:25px;margin-bottom:1rem;cursor:pointer;position:relative;display:flex;align-items:center}.video-player-progress-bar:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:rgba(255,255,255,.3);transform:translateY(-50%);transition:height .2s ease}.video-player-progress-bar:hover:before{height:4px}.video-player-progress-fill{position:absolute;top:50%;left:0;height:1px;background-color:var(--foreground);transform:translateY(-50%);transition:width .1s linear,height .2s ease;pointer-events:none}.video-player-progress-bar:hover .video-player-progress-fill{height:4px}.video-player-bottom-controls{display:flex;justify-content:space-between;align-items:center}.video-player-timecode{font-family:Inter,sans-serif;font-size:9px;font-weight:400;color:var(--foreground);letter-spacing:.05em}.video-player-right-controls{display:flex;gap:1rem;align-items:center}.video-player-fullscreen-button,.video-player-mute-button{font-family:Inter,sans-serif;font-size:9px;font-weight:400;color:var(--foreground);background:transparent;border:none;cursor:pointer;opacity:.6;transition:opacity .3s ease;padding:0;letter-spacing:.05em}.video-player-fullscreen-button:hover,.video-player-mute-button:hover{opacity:1}@media (max-width:1000px){.video-player-controls{padding:1rem}}