.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.25rem;right:1.25rem;display:inline-flex;align-items:center;gap:.5rem;height:40px;padding:0 1rem;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;line-height:1;cursor:pointer;z-index:2147483647;opacity:.85;transition:opacity .2s ease,background .2s ease,border-color .2s ease;font-family:Inter,sans-serif;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-player-close:hover{opacity:1;background:rgba(0,0,0,.75);border-color:rgba(255,255,255,.5)}.video-player-close svg{display:block}.video-player-close-label{font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.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}}