.custom-video-player{position:relative;width:100%;aspect-ratio:16/9;background:#18181b;border-radius:.5rem;overflow:hidden}.custom-video-player video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.custom-video-player .video-controls{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,254,.5);padding:.5rem .75rem;opacity:0;transition:opacity .3s ease}.custom-video-player .video-controls.show,.custom-video-player:hover .video-controls{opacity:1}.video-progress{flex:1;height:4px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;position:relative;margin:0 .75rem}.video-progress-filled{height:100%;background:#0000fe;border-radius:2px;transition:width .1s linear;position:relative}.video-progress-filled:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#0000fe;border-radius:50%;box-shadow:0 0 8px rgba(0,0,254,.6)}.video-progress:hover .video-progress-filled:after{width:14px;height:14px;right:-7px}.video-controls-buttons{display:flex;align-items:center;gap:.5rem}.video-control-btn{background:transparent;border:none;color:white;cursor:pointer;padding:.35rem;border-radius:.25rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.video-control-btn:hover{background:rgba(0,0,254,.3);transform:scale(1.1)}.video-control-btn:active{transform:scale(.95)}.video-time{color:white;font-size:.875rem;font-weight:500;margin-left:auto;text-shadow:0 1px 2px rgba(0,0,0,.5)}.volume-control{display:flex;align-items:center;gap:.5rem;position:relative}.volume-slider{width:0;height:4px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer;position:relative;overflow:hidden;transition:width .3s ease;opacity:0}.volume-control:hover .volume-slider{width:80px;opacity:1}.volume-slider-filled{height:100%;background:#0000fe;border-radius:2px;transition:width .1s linear}.fullscreen-btn{margin-left:.5rem}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:4px solid rgba(0,0,254,.2);border-top-color:#0000fe;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(0,0,254,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;opacity:0}.custom-video-player:hover .video-play-overlay{opacity:1}.video-play-overlay:hover{background:rgba(0,0,254,1);transform:translate(-50%,-50%) scale(1.1)}.video-play-overlay svg{width:32px;height:32px;color:white}