.custom-video-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#0000004d,#000000d9);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video-control-btn{cursor:pointer;background-color:#141414d9;border:2px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0006}.video-control-btn:hover{background-color:#1e1e1ef2;border-color:#fc0000;transform:scale(1.05);box-shadow:0 4px 12px #00000080}.video-control-btn:active{transform:scale(.95)}.video-control-btn:focus-visible{outline-offset:2px;outline:2px solid #fc0000}.video-control-btn i{color:#e0e0e0;font-size:1rem;transition:color .3s}.video-control-btn:hover i{color:#fff}.oval-progress-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50px;flex:1;min-width:0;padding:.5rem 1rem;transition:all .3s;position:relative;box-shadow:inset 0 2px 4px #0003,0 4px 12px #00000026}.oval-progress-container:hover{background:#fff3;border-color:#fc000066;box-shadow:inset 0 2px 4px #0003,0 0 16px #fc00004d}.oval-progress-container:focus-visible{outline-offset:2px;outline:2px solid #fc0000}.oval-progress-container.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.progress-track{background:#ffffff40;border-radius:10px;width:100%;height:6px;position:relative;overflow:visible}.progress-fill{background:linear-gradient(90deg,#fc0000 0%,#f33 100%);border-radius:10px;justify-content:flex-end;align-items:center;min-width:0;height:100%;transition:width 50ms linear;display:flex;position:relative;box-shadow:0 0 12px #fc000099}.progress-scrubber{cursor:grab;z-index:2;pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009,0 0 0 2px #fc00004d}.oval-progress-container.dragging .progress-scrubber{cursor:grabbing;width:18px;height:18px;box-shadow:0 3px 12px #000c,0 0 0 3px #fc000080}.oval-progress-container:hover .progress-scrubber{width:16px;height:16px;box-shadow:0 3px 10px #000000b3,0 0 0 3px #fc000066}@media (min-width:641px){.custom-video-controls{gap:1.25rem;padding:1.25rem 1.5rem}.video-control-btn{width:2.75rem;height:2.75rem}.video-control-btn i{font-size:1.1rem}.oval-progress-container{padding:.6rem 1.2rem}.progress-track{height:7px}.progress-scrubber{width:16px;height:16px;right:-8px}.oval-progress-container:hover .progress-scrubber{width:18px;height:18px;right:-9px}.oval-progress-container.dragging .progress-scrubber{width:20px;height:20px;right:-10px}}@media (min-width:768px){.custom-video-controls{gap:1.5rem}.video-control-btn{width:3rem;height:3rem}.video-control-btn i{font-size:1.15rem}.oval-progress-container{padding:.65rem 1.3rem}.progress-track{height:8px}}@media (prefers-reduced-motion:reduce){.video-control-btn,.oval-progress-container,.progress-scrubber,.progress-fill{transition:none}}@media (prefers-contrast:high){.video-control-btn{border-width:3px}.progress-fill{box-shadow:none}.progress-scrubber{border:2px solid #000}}