.paro-video-player{-webkit-user-select:none;user-select:none;background-color:#000;border-radius:16px;display:inline-block;position:relative;overflow:hidden}.paro-video-player__container{width:100%;height:100%;position:relative}.paro-video-player__video{width:100%;height:100%;display:block}.paro-video-player__controls{background:linear-gradient(#0000,#000c);flex-direction:column;gap:8px;padding:20px 16px 16px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.paro-video-player__controls--hidden{opacity:0}.paro-video-player__bottom-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.paro-video-player__left-controls,.paro-video-player__right-controls{align-items:center;gap:16px;display:flex}.paro-video-player__play-pause{width:40px;height:40px;font-size:20px}.paro-video-player__center-play-pause{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;transition:all .2s;display:flex}.paro-video-player__center-play-pause:hover{background-color:#000c;transform:scale(1.05)}.paro-video-player.paused .paro-video-player__controls{opacity:1}.paro-video-player{position:relative;overflow:hidden}.paro-video-player__custom-controls{z-index:9;opacity:1;background:#000c;height:46px;padding:0 16px;transition:bottom .3s;position:absolute;bottom:-46px;left:0;right:0}.paro-video-player:hover .paro-video-player__custom-controls,.paro-video-player__custom-controls:not(.paro-video-player__custom-controls--hidden){bottom:0}.paro-video-player__custom-controls--hidden{opacity:0;transition:bottom .3s,opacity .3s;bottom:-46px!important}.paro-video-player__controls-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:2px;display:flex}.paro-video-player__controls-right,.paro-video-player__controls-left{align-items:center;gap:16px;display:flex}.paro-video-player__button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:16px;transition:background-color .2s;display:flex}.paro-video-player__button:hover{background-color:#ffffff26}.paro-video-player__time-display{color:#dbdbdb;min-width:90px;font-family:Arial,sans-serif;font-size:12px}.paro-video-player__progress-container{cursor:pointer;background:#ffffff4d;border-radius:2px;flex:1;height:4px;margin-top:6px;position:relative;overflow:hidden}.paro-video-player__progress-bar{width:100%;height:100%;position:relative}.paro-video-player__progress-filled{background:#dbdbdb;width:0;height:100%;transition:width .1s}.paro-video-player__progress-input{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.paro-video-player__volume-control{align-items:center;gap:8px;display:flex}.paro-video-player__volume-slider{appearance:none;background:linear-gradient(to right,white var(--fill),#ffffff4d var(--fill));border-radius:2px;outline:none;width:60px;height:4px;transition:all .2s}.paro-video-player__volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:opacity .2s}.paro-video-player__volume-control:hover .paro-video-player__volume-slider::-webkit-slider-thumb{opacity:1}.paro-video-player__volume-slider::-moz-range-track{background:linear-gradient(to right,white var(--fill),#ffffff4d var(--fill));border-radius:2px;outline:none;width:60px;height:4px;transition:all .2s}.paro-video-player__volume-slider::-moz-range-thumb{cursor:pointer;opacity:0;background:#dbdbdb;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .2s}.paro-video-player__volume-control:hover .paro-video-player__volume-slider::-moz-range-thumb{opacity:1}.paro-video-player__play-pause{width:28px;height:28px}.paro-video-player__menu{z-index:100;background-color:#000000e6;border-radius:4px;flex-direction:column;gap:4px;width:142px;padding:8px;display:flex;position:absolute;bottom:30px;right:0;box-shadow:0 2px 10px #0000004d}.paro-video-player__menu-item.active{background-color:#fff3}.paro-video-player__submenu{background-color:#ffffff1a;border-radius:4px;margin-top:4px;margin-left:8px;margin-right:8px;padding:4px 0}.paro-video-player__menu-button{position:relative}.paro-video-player__submenu{background-color:#ffffff1a;border-radius:4px;margin-top:4px;padding:4px 0}.paro-video-player__speed-menu{z-index:1000;background-color:#000;border-radius:4px;width:100%;height:134px;margin-bottom:4px;padding:4px 0;animation:.3s ease-out forwards slideUp;position:absolute;bottom:-4px;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paro-video-player__speed-menu::-webkit-scrollbar{width:4px}.paro-video-player__speed-menu::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.paro-video-player__speed-menu::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.paro-video-player__speed-menu::-webkit-scrollbar-thumb:hover{background:#ffffff80}.paro-video-player__menu-group{flex-direction:column;gap:4px;display:flex}.paro-video-player__menu-item{color:#fff;cursor:pointer;text-align:left;border-radius:4px;align-items:center;gap:8px;padding:8px;font-size:14px;transition:background-color .2s;display:flex}.paro-video-player__menu-item:hover,.paro-video-player__menu-item.active{background-color:#202029}.paro-video-player__download-hint{color:#fff;text-align:center;z-index:1000;background-color:#000c;border-radius:8px;padding:12px 24px;font-size:14px;animation:.3s ease-out forwards fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.paro-video-player__center-controls{z-index:9;pointer-events:none;justify-content:center;align-items:center;gap:30px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paro-video-player:hover .paro-video-player__center-controls,.paro-video-player.paused .paro-video-player__center-controls,.paro-video-player__center-controls:not(.paro-video-player__center-controls--hidden){pointer-events:auto}.paro-video-player__center-controls:not(.paro-video-player__center-controls--hidden){opacity:1}.paro-video-player__pause-overlay{z-index:1;background-color:#0000004d;width:100%;height:100%;position:absolute;inset:0}.paro-video-player__control-button{cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:flex}.paro-video-player:hover .paro-video-player__control-button,.paro-video-player.paused .paro-video-player__control-button,.paro-video-player__center-controls:not(.paro-video-player__center-controls--hidden) .paro-video-player__control-button{opacity:1;pointer-events:auto}.paro-video-player__control-button:hover{transform:scale(1.1)}.paro-video-player__center-controls--hidden{opacity:0;pointer-events:none;transition:opacity .3s;display:none}.paro-video-player__loading{z-index:1000;background-color:#000000b3;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paro-video-player__loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.paro-video-player__play-pause-button{width:80px;border-radius:50%!important;overflow:hidden!important}.paro-video-player__backward-button,.paro-video-player__forward-button{width:40px;height:40px;overflow:hidden}@media (max-width:768px){.paro-video-player__center-controls{gap:20px}.paro-video-player__play-pause-button{border-radius:50%;width:60px;overflow:hidden}.paro-video-player__play-pause-button svg{width:60px}.paro-video-player__backward-button,.paro-video-player__forward-button{width:30px;height:30px}.paro-video-player__backward-button svg,.paro-video-player__forward-button svg{width:24px;height:24px}}.paro-video-player__progress-input{touch-action:none;cursor:pointer}@media (hover:none) and (pointer:coarse){.paro-video-player:hover .paro-video-player__custom-controls{bottom:0}}