.video-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.video-slider::-webkit-slider-track{width:100%;height:4px;background:#ffffff4d;border-radius:2px}.video-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid rgba(0,0,0,.2);box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.video-slider::-webkit-slider-thumb:hover{transform:scale(1.1);background:#f0f0f0}.video-slider::-moz-range-track{width:100%;height:4px;background:#ffffff4d;border-radius:2px;border:none}.video-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid rgba(0,0,0,.2);box-shadow:0 2px 6px #0000004d;transition:all .2s ease}.video-slider::-moz-range-thumb:hover{transform:scale(1.1);background:#f0f0f0}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.volume-slider::-webkit-slider-track{width:100%;height:3px;background:#ffffff4d;border-radius:1.5px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.2)}.volume-slider::-moz-range-track{width:100%;height:3px;background:#ffffff4d;border-radius:1.5px;border:none}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.2)}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-end;justify-content:flex-end;z-index:9999;padding-right:2rem;padding-bottom:4rem;pointer-events:auto;animation:modalFadeIn .3s ease-out}.video-modal-content{position:relative;width:350px;height:auto;max-height:80vh;min-height:400px;aspect-ratio:9 / 16;background:transparent;border-radius:24px;border:1px solid #000000;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;pointer-events:auto;animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.video-modal-close-btn{position:absolute;top:1rem;right:1rem;z-index:30;width:2.5rem;height:2.5rem;background:#00000080;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal-close-btn:hover{background:#000000b3;transform:scale(1.05)}.video-modal-video{width:100%;height:100%;object-fit:cover;border-radius:24px;background:#000}.video-modal-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;border-radius:24px;cursor:pointer}.play-button-container{width:5rem;height:5rem;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.play-button-container:hover{background:#ffffff4d;transform:scale(1.1)}.play-button-container:active{transform:scale(.95)}.video-modal-controls{position:absolute;bottom:0;left:0;right:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.75rem;transition:all .3s ease;border-bottom-left-radius:24px;border-bottom-right-radius:24px}.video-modal-controls.visible{opacity:1;transform:translateY(0)}.video-modal-controls.hidden{opacity:0;transform:translateY(100%)}@media(max-width:480px){.video-modal-overlay{justify-content:center;align-items:center;padding:1rem}.video-modal-content{width:90vw;max-width:300px;max-height:80vh;animation:modalSlideInFromBottom .3s ease-out}@keyframes modalSlideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.video-modal-close-btn{width:2.75rem;height:2.75rem;top:.75rem;right:.75rem}.play-button-container{width:4rem;height:4rem}}@media(min-width:481px)and (max-width:768px){.video-modal-overlay{padding-right:1.5rem;padding-bottom:3rem}.video-modal-content{width:320px;max-height:75vh}}@media(min-width:769px){.video-modal-overlay{padding-right:2rem;padding-bottom:4rem}.video-modal-content{width:350px;max-height:75vh}}@media(min-width:1200px){.video-modal-overlay{padding-right:3rem;padding-bottom:5rem}.video-modal-content{width:380px;max-height:80vh}}@media(min-width:1440px){.video-modal-overlay{padding-right:4rem;padding-bottom:6rem}.video-modal-content{width:400px}}@media(orientation:landscape)and (max-height:600px)and (min-width:769px){.video-modal-overlay{padding-right:2rem;padding-bottom:2rem}.video-modal-content{width:280px;max-height:85vh;aspect-ratio:9 / 16}}@media(orientation:landscape)and (max-height:600px)and (max-width:768px){.video-modal-overlay{justify-content:center;align-items:center;padding:1rem;padding-top:0}.video-modal-content{width:250px;max-height:90vh}}@media(max-width:768px){.volume-slider{display:none}}@media(max-width:480px){.video-slider{height:6px!important}.video-slider::-webkit-slider-thumb{width:20px!important;height:20px!important}.video-slider::-moz-range-thumb{width:20px!important;height:20px!important}}.video-modal-content:fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh;aspect-ratio:unset;border-radius:0;border:none}.video-modal-content:fullscreen .video-modal-video{border-radius:0}.video-modal-content:fullscreen .video-modal-controls{border-radius:0}.video-slider:focus,.volume-slider:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.control-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}