.video-player{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;max-width:100%;position:relative;overflow:hidden}.video-player__video{cursor:pointer;width:100%;height:100%;display:block}.video-player__title{color:#fff;pointer-events:none;z-index:2;background:linear-gradient(#000000b3,#0000);padding:20px;font-size:18px;font-weight:600;position:absolute;top:0;left:0;right:0}.video-player__controls{opacity:0;z-index:3;background:linear-gradient(#0000,#000c);padding:40px 16px 16px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-player__controls.visible,.video-player:hover .video-player__controls{opacity:1}.video-player__progress{cursor:pointer;background:#ffffff4d;border-radius:3px;width:100%;height:6px;margin-bottom:12px;transition:height .2s;position:relative}.video-player__progress:hover{height:8px}.video-player__progress-buffered{background:#ffffff80;border-radius:3px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.video-player__progress-bar{background:#4caf50;border-radius:3px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.video-player__progress-bar:after{content:"";opacity:0;background:#4caf50;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.video-player__progress:hover .video-player__progress-bar:after{opacity:1}.video-player__controls-row{color:#fff;align-items:center;gap:8px;display:flex}.video-player__button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.video-player__button:hover{background:#ffffff1a}.video-player__button svg{width:24px;height:24px}.video-player__time{white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:14px;font-weight:500}.video-player__spacer{flex:1}.video-player__volume-slider{cursor:pointer;-webkit-appearance:none;background:#ffffff4d;border-radius:2px;outline:none;width:80px;height:4px}.video-player__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4caf50;border-radius:50%;width:12px;height:12px;transition:transform .2s}.video-player__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.video-player__volume-slider::-moz-range-thumb{cursor:pointer;background:#4caf50;border:none;border-radius:50%;width:12px;height:12px;transition:transform .2s}.video-player__volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.video-player__menu-container{position:relative}.video-player__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#1c1c1cf2;border-radius:8px;min-width:120px;margin-bottom:8px;padding:8px;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #0000004d}.video-player__menu-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:10px 16px;font-size:14px;transition:background .2s;display:block}.video-player__menu-item:hover{background:#ffffff1a}.video-player__menu-item.active{color:#4caf50;background:#4caf504d;font-weight:600}@media (max-width:768px){.video-player__volume-slider{display:none}.video-player__time{font-size:12px}.video-player__button svg{width:20px;height:20px}.video-player__controls{padding:30px 12px 12px}}