body{margin:0;background-color:#000;color:#fff;font-family:'Proxima Nova',Arial,sans-serif;display:flex;justify-content:center;flex-direction:column;align-items:center;overflow-x:hidden}#video-wrapper{width:100%;max-width:1920px;margin:auto;position:relative;display:flex;flex-direction:column}#video-container{width:100%;background-color:#000;position:relative;overflow:hidden;aspect-ratio:16/9;height:calc(100vh - 100px)}video{width:100%;height:100%;object-fit:cover}#gridOverlay{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}.gridBlock{position:relative;pointer-events:auto;cursor:pointer;border:.1px solid rgba(255,255,255,.2);transition:all .3s ease-in-out}.gridBlock:hover{border-top:1px solid #ff6ce2;background-color:rgba(0,0,0,.3)}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);border:none;outline:0;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:10}.return-button{position:absolute;top:85%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);border:none;outline:0;cursor:pointer;width:50px;height:50px;display:flex;align-items:center;justify-content:center;z-index:10}#prevCamButton{left:100px}#nextCamButton{right:100px}#controls{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;z-index:10;visibility:visible;opacity:1;transition:opacity .3s ease}#controls.fullscreen{position:fixed;bottom:0;left:0;width:100%;z-index:1000;visibility:hidden;opacity:1}#controls.hidden{opacity:0;pointer-events:none}#controls.fullscreen .custom-button{width:60px;height:60px}#controls.fullscreen #progress-bar{height:8px}#seek-bar-container{width:calc(100% - 20px);margin:0 auto;padding:5px 0;bottom:8%}#progress-bar{width:100%;-webkit-appearance:none;appearance:none;height:5px;background:#999;transition:background .2s ease;border-radius:4px;outline:0}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:#ff6ce2;border-radius:50%;cursor:pointer}#fullscreen-volume-container,#volume-container{display:flex;align-items:center;gap:8px}#fullscreen-volumeIcon,#volumeIcon{cursor:pointer}#fullscreen-volume-slider,#volume-slider{width:100px;-webkit-appearance:none;appearance:none;height:5px;border-radius:4px;outline:0;background:#000}#fullscreen-volume-slider::-webkit-slider-thumb,#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#ff6ce2;border-radius:50%;cursor:pointer}.custom-button{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:50px;height:50px;padding:0;background:0 0;border:none;outline:0}.button-icon{width:100%;height:auto;pointer-events:none}.custom-button:focus{outline:2px solid #000}#progress-bar::-webkit-slider-runnable-track,#volume-slider::-webkit-slider-runnable-track{border-radius:4px}.control-buttons-left{display:flex;flex-direction:row;align-items:center;gap:20px}.control-buttons-right{display:flex;flex-direction:row;align-items:center;gap:20px}#fullscreen-quality-controls,#quality-controls{bottom:2px;background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:5px;font-size:14px}#fullscreen-quality-controls select,#quality-controls select{display:none;background-color:#000;color:#fff;border:1px solid #aaa;border-radius:3px;padding:3px;margin-right:5px;position:absolute;bottom:3.2rem}.quality{position:relative;bottom:10px;background:rgba(0,0,0,.5);color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;bottom:40px}#fullscreenButton{margin-right:15px}#time-info{padding-left:15px;color:#999}.custom-dropdown{position:relative;display:inline-block}.button-icon{width:20px;height:20px;margin-left:5px}.dropdown-icon{fill:#999999;height:30px}.dropdown-options,.fullscreen-dropdown-options{display:none;position:absolute;background-color:#3e3e3e;z-index:10;bottom:4rem;right:0;text-align:center;opacity:75%}.dropdown-options .dropdown-option,.fullscreen-dropdown-options .fullscreen-dropdown-option{display:flex;align-items:center;padding:10px;cursor:pointer;width:150px;justify-content:flex-end}.dropdown-options .dropdown-option:hover{color:#ff6ce2}.dropdown-icon-option{width:50px;height:30px;margin-right:8px}.dropdown-text{margin-right:10px}#play #main{transition:fill .3s ease}#play:hover #main{cursor:pointer;fill:red}#fullscreenControls{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:10px 20px;z-index:10;opacity:1;transition:opacity .3s ease}.fullscreen-controls.visible{visibility:visible}#fullscreen-seek-bar{width:calc(100% - 20px);margin:0 auto;padding:10px 0}#fullscreen-progress-bar{width:100%;-webkit-appearance:none;appearance:none;height:5px;background:#999;transition:background .2s ease;border-radius:4px;outline:0}#fullscreen-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;background:#ff6ce2;border-radius:50%;cursor:pointer}#fullscreen-seek-bar::-webkit-slider-thumb{width:15px;height:15px;background:#ff6ce2;border-radius:50%;cursor:pointer}#fullscreen-seek-bar::-moz-range-thumb{width:15px;height:15px;background:#ff6ce2;border-radius:50%;cursor:pointer}.fullscreen-control-buttons-left{display:flex;flex-direction:row;align-items:center;gap:20px}.control-buttons-right{display:flex;flex-direction:row;align-items:center;gap:20px}#fullscreen-controls-buttons{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#postImage,#preImage{display:none;width:100%;height:100%}#fullscreenExit{margin-right:35px}@media (max-width:768px) and (orientation:portrait),(max-width:768px) and (orientation:landscape){#nextCamButton,#prevCamButton,.return-button{display:none!important;border:red solid 1px}}