.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}}
.feature-video-modal{z-index:10000;justify-content:center;align-items:center;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.feature-video-modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;position:absolute;inset:0}.feature-video-modal-content{z-index:1;width:min(92vw,960px);animation:.3s ease-out modalSlideUp;position:relative}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.feature-video-close{z-index:3;color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.3rem;transition:color .2s,transform .2s;display:inline-flex;position:absolute;top:-3rem;right:0}.feature-video-close:hover{color:#fff;transform:scale(1.15)}.feature-video-wrapper{background:#000;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 25px 80px #0009,0 10px 30px #0006}.feature-video-player{aspect-ratio:16/9;background:#000;width:100%;display:block}.feature-video-loading{color:#fffc;z-index:2;background:#00000080;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;inset:0}.feature-video-loading i{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feature-video-modal .custom-video-controls{background:linear-gradient(#0000 0%,#000c 100%);border-radius:0 0 1rem 1rem;padding:1rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.feature-video-actions{z-index:3;gap:.5rem;display:flex;position:absolute;top:.7rem;right:.7rem}.feature-video-action{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0a0a0ab3;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:.85rem;transition:background .2s;display:flex}.feature-video-action:hover{background:#000000d9}.feature-video-action.is-active{background:#fc0000d9;border-color:#ff787899}:-webkit-any(.feature-video-wrapper:fullscreen,.feature-video-wrapper:-webkit-full-screen){border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}:is(.feature-video-wrapper:fullscreen,.feature-video-wrapper:fullscreen){border-radius:0;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}:-webkit-any(.feature-video-wrapper:fullscreen .feature-video-player,.feature-video-wrapper:-webkit-full-screen .feature-video-player){aspect-ratio:auto;object-fit:contain;width:100%;height:100%}:is(.feature-video-wrapper:fullscreen .feature-video-player,.feature-video-wrapper:fullscreen .feature-video-player){aspect-ratio:auto;object-fit:contain;width:100%;height:100%}
