.video-player-container{position:relative;min-width:var(--width);width:var(--width);aspect-ratio:7/4;margin:auto}.video-player-thumbnail-container{cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;position:absolute;top:0;aspect-ratio:7/4}.video-player-loader,.video-player-thumbnail-container svg{position:absolute;z-index:3;transition:transform .3s}.video-player-loader{width:50px;height:50px;transform:scale(1)}.video-player-container .notification-loader{padding:3px;border:1px solid white}.video-player-thumbnail-container:hover svg{transform:scale(1.1)}.video-player-thumbnail{width:100%;height:100%}.video-player,.video-player-thumbnail{border-radius:4px;overflow:hidden}.video-player{width:var(--white);aspect-ratio:7.08/4;overflow:hidden}.subtitles-disabled .video-player-video{display:block}.subtitles-disabled .video-player-subtitled-video,.subtitles-enabled .video-player-video{display:none}.subtitles-enabled .video-player-subtitled-video{display:block}.video-player-front{width:100%;height:calc(100% - 40px);position:absolute;top:0;left:0;border-top-left-radius:15px;border-top-right-radius:15px}.visible-control-panel .video-player-controls-container{opacity:1}.video-player-controls-container>div{height:100%;display:flex;gap:20px;padding:0 20px;align-items:center}.video-player-controls-container{transform-origin:bottom;transition:opacity .3s;opacity:0;position:absolute;bottom:5px;height:40px;background-color:rgba(0,0,0,50%);width:100%;border-bottom-right-radius:15px;border-bottom-left-radius:15px;z-index:3;display:flex;align-items:center;justify-content:space-between;padding-top:5px;gap:20px}.video-player-progress-container{cursor:pointer;height:5px;left:0;top:0;position:absolute;width:100%}.video-player-duration{-webkit-user-select:none;user-select:none;min-width:-webkit-max-content;min-width:max-content;font-size:.9rem;color:var(--white)}.video-player-loading,.video-player-progress{position:absolute;top:0;left:0;height:100%;background-color:var(--grey);width:var(--progress)}.video-player-progress{background-color:var(--blue)}.video-player-controls-container svg{cursor:pointer;transition:transform .3s}.video-player-controls-container svg:active{transform:scale(1.1)}.video-player-sound-level-container{position:relative}.video-player-sound-level-background.visible,.video-player-sound-level-container:hover .video-player-sound-level-background{transform:scaleY(1)}.video-player-sound-level-background{transform:scaleY(0);transform-origin:bottom;transition:transform .3s;width:28px;padding:0 10px;height:60px;position:absolute;bottom:100%;left:-4px}.video-player-sound-level{width:8px;position:relative;height:100%;background-color:var(--grey);border-radius:5px;cursor:pointer}.video-player-sound{border-radius:5px;bottom:0;left:0;width:100%;height:max(var(--sound-level),7px)}.video-player-sound,.video-player-sound:after{position:absolute;background-color:var(--blue)}.video-player-sound:after{content:"";width:14px;height:14px;border-radius:50%;left:-3px;top:-7px}@media (max-width:768px){.video-player-container{position:relative;min-width:0;width:100%}}