.player-container div{width:fit-content!important;height:500px!important;display:flex;justify-content:center}.thumbnail div{width:130px!important;height:130px!important}.video-container .controls{height:unset!important;display:flex;width:100%!important}.video-container video{width:fit-content!important}.thumbnail:hover{cursor:pointer}.thumbnail video{object-fit:cover}.thumbnail.active video{border:solid #000;border-width:2px 2px 3px;position:relative;z-index:2}.volume-bar{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;width:10px;height:300px;vertical-align:bottom;overflow:hidden;background-color:#e2e2e28c;margin:auto}.volume-bar::-webkit-slider-runnable-track{height:10px;-webkit-appearance:none;color:#13bba4;margin-top:-1px}.volume-bar::-webkit-slider-thumb{width:20px;-webkit-appearance:none;height:2px;cursor:ns-resize;background:#000;box-shadow:0 500px 0 500px #c2c2c2}.progress-bar{overflow:hidden;width:100%;height:10px;-webkit-appearance:none;background-color:#e2e2e28c;margin:auto}.progress-bar::-webkit-slider-runnable-track{height:10px;-webkit-appearance:none;color:#13bba4;margin-top:-1px}.progress-bar::-webkit-slider-thumb{width:2px;-webkit-appearance:none;height:50px;cursor:ew-resize;background:#000;box-shadow:-8000px 0 0 8000px #c2c2c2}@media (max-width:500px){.thumbnail div{width:100px!important;height:100px!important}}