#vnetwork-player{width:100%;aspect-ratio:16/9;background-color:#222}#vnetwork-player *{padding:0;margin:0;box-sizing:border-box}#vnetwork-player .video{width:100%;height:100%}#vnetwork-player .video-container{width:100%;height:100%;position:relative;color:#fff;background-color:#111}#vnetwork-player .center-item-absolute{position:absolute;z-index:100;top:50%;transform:translate(-50%,-50%);left:50%}#vnetwork-player .control-container{position:absolute;inset:0;background-color:rgba(0,0,0,.6);align-items:flex-end;padding:8px 0;transition:all .4s linear}#vnetwork-player .settings-container{position:fixed;display:flex;align-items:flex-end;bottom:0;right:0;background-color:rgba(0,0,0,.6);left:0;top:0;z-index:10}#vnetwork-player .settings-content{background-color:#222;padding:4px;width:100%;border-radius:4px}#vnetwork-player .progress-vnet{padding:8px 0;width:100%;position:relative;cursor:pointer}#vnetwork-player .progress-dot{width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%}#vnetwork-player .progress-gray{width:100%;height:3px;background-color:#9ca3af;position:relative;transition:height .2s ease-in-out}#vnetwork-player .progress-seek{height:4px}#vnetwork-player .progress-main{position:absolute;top:0;bottom:0;background-color:#ef4444}#vnetwork-player .opacity-animation{animation:fadeIn .6s ease-in-out}#vnetwork-player .width-animation{animation:width .4s ease-in-out}#vnetwork-player .main-control-container{display:flex;align-items:center;justify-content:space-between;padding:0 8px}#vnetwork-player .main-settings-content{display:flex;align-items:center}#vnetwork-player .cursor-pointer{cursor:pointer}#vnetwork-player .volume{width:100px;display:none}#vnetwork-player .time{font-size:14px;font-weight:600;text-align:justify}#vnetwork-player .main-settings{display:flex;align-items:center;justify-content:space-between;padding:8px}#vnetwork-player .justify-between{justify-content:space-between}#vnetwork-player .p-2{padding:8px}#vnetwork-player .text-sm{font-size:14px}#vnetwork-player .font-semibold{font-weight:600}#vnetwork-player .line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#vnetwork-player .icon-20px{width:20px;height:20px;display:flex}#vnetwork-player .overflow-y-auto{overflow-y:auto}#vnetwork-player .w-full{width:100%}#vnetwork-player .mr-3{margin-right:12px}#vnetwork-player .tooltip-container{position:relative}#vnetwork-player .tooltip{position:absolute;padding:5px 8px;border-radius:4px;background-color:#222;top:-35px;font-size:14px;font-weight:600;text-align:center;display:none;left:50%;transform:translateX(-50%);z-index:100}#vnetwork-player .show .tooltip{display:block}#vnetwork-player .loading{width:3.75em;transform-origin:center;animation:rotate 2s linear infinite}#vnetwork-player circle{fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}#vnetwork-player .error-container{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 8px}#vnetwork-player .error-image{width:100px;margin-bottom:20px}#vnetwork-player .error-message{text-align:center;color:#e74c3c}#vnetwork-player .live-button{transition:all .4s ease-in-out}#vnetwork-player .live-button:hover{color:#e74c3c}#vnetwork-player .scale-in-bl{-webkit-animation:scale-in-bl .2s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-bl .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes width{to{width:100px}0%{width:0}}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}@keyframes fadeIn{to{opacity:1}0%{opacity:0}}@-webkit-keyframes scale-in-bl{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:1}}@keyframes scale-in-bl{0%{-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:1}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:1}}@media only screen and (min-width:768px){#vnetwork-player .settings-container{position:absolute;background-color:rgba(0,0,0,0);left:auto;top:auto;bottom:40px;width:300px}#vnetwork-player .show .tooltip,#vnetwork-player .tooltip-container:hover .tooltip{display:block}#vnetwork-player .error-image{width:200px}#vnetwork-player .volume{display:block}}