@font-face{font-family:Roboto;src:url(Roboto-Regular.ca197847.ca197847.ttf)format("truetype")}@font-face{font-family:skaraFontIcon;src:url(fontello.605d2e61.605d2e61.ttf)format("truetype")}:root{--skaraVideoPrimaryColor:#fcfcfc;--skaraVideoSecondaryColor:#effab0;--skaraVideoPopup:#1655b2;--skaraVideoPopupBg:#02122a;--skaraVideoOsdBg:linear-gradient(180deg,#0000 0%,#000c 100%);--skaraVideoToolbarBg:linear-gradient(180deg,#000c 0%,#0000 100%);--bottomBarSpacing:8px;--playerControlMargin:20px;--playerCornerRadius:0px;--centerIconButtonCornerRadius:50%;--centerIconButtonPadding:10px;--centerIconButtonSize:80px;--iconButtonCornerRadius:50%;--iconButtonPadding:10px;--iconButtonSize:36px;--progressBarHeight:4px;--volumeBarHeight:4px;--progressBarHoverScale:1.8;--tooltipCornerRadius:4px;--textColor:black;--centerIconButtonColor:red;--centerIconButtonHoverColor:brown;--iconButtonColor:red;--iconButtonHoverColor:brown;--brandColor:yellow;--progressBGColor:green;--progressLoadedColor:blue;--progressForegroundColor:green;--progressCircleColor:blue;--volumeBarBGColor:red;--volumeBarForegroundColor:green;--settingsBGColor:violet;--settingsTextColor:red;--settingsHoverColor:green;--tooltipTextColor:blue;--tooltipBGColor:pink;--textOpacity:100%;--centerIconButtonOpacity:100%;--iconButtonOpacity:100%;--progressOpacity:100%;--volumeOpacity:100%;--settingsOpacity:100%}*{margin:0;padding:0}.VC4pIW_toolBar{padding:var(--playerControlMargin);box-sizing:border-box;opacity:0;z-index:12;align-items:center;width:100%;transition:all .4s ease-out;display:flex;position:absolute;top:0;left:0}.VC4pIW_title{color:var(--textColor);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px}.VC4pIW_backArrowMainDiv{justify-content:flex-start;align-items:center;width:33.33%;display:flex}.VC4pIW_titleMainDiv{text-align:center;justify-content:center;align-items:center;width:33.33%;display:flex}.VC4pIW_fullScrMainDiv{justify-content:flex-end;align-items:center;width:33.33%;display:flex}.VC4pIW_osdBar{box-sizing:border-box;width:100%;padding:var(--playerControlMargin);opacity:0;z-index:12;flex-direction:column;gap:8px;transition:all .4s ease-out;display:flex;position:absolute;bottom:0;left:0}.VC4pIW_innerOsd{gap:var(--bottomBarSpacing);box-sizing:border-box;background:0 0;flex-direction:column;width:100%;display:flex;position:relative}.VC4pIW_osdActive{z-index:14;opacity:1}.VC4pIW_scrubber{z-index:21;height:calc(var(--progressBarHeight)*2);width:calc(var(--progressBarHeight)*2);background-color:var(--progressCircleColor);opacity:1;cursor:pointer;pointer-events:none;border-radius:50%;transition:opacity .3s ease-out;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.VC4pIW_root{border-radius:var(--playerCornerRadius);background-color:#000;align-items:center;height:440px;display:flex;position:relative;overflow:hidden}.VC4pIW_video{z-index:11;width:100%;height:100%;position:absolute}.VC4pIW_videoThumbnailDiv{z-index:13;width:100%;height:100%;display:block}.VC4pIW_ctrlContainer{z-index:10;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;bottom:0;left:0}.VC4pIW_ctrlLeft,.VC4pIW_ctrlRight{justify-content:space-between;align-items:center;gap:12px;display:flex}.VC4pIW_prgsContainerWrapper{justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.VC4pIW_prgsContainer{flex:1;position:relative}.VC4pIW_prgsWrapper{height:var(--progressBarHeight);background-color:var(--progressBGColor);cursor:pointer;width:100%;opacity:var(--progressOpacity);border-radius:1px;transition:transform .3s ease-out;position:relative;overflow:hidden}.VC4pIW_prgsBar{height:var(--progressBarHeight);background-color:var(--progressForegroundColor);cursor:pointer;z-index:20;width:0;transition:transform .3s ease-out;position:absolute}.VC4pIW_prgsHover{height:var(--progressBarHeight);background-color:var(--progressLoadedColor);opacity:.5;cursor:pointer;z-index:10;width:0;transition:transform .3s ease-out;position:absolute}.VC4pIW_prgsContainer:hover .VC4pIW_prgsWrapper,.VC4pIW_prgsContainer:hover .VC4pIW_prgsBar,.VC4pIW_prgsContainer:hover .VC4pIW_prgsHover{transform:scale3d(1,var(--progressBarHoverScale),1)}.VC4pIW_prgsContainer:hover .VC4pIW_scrubber{width:calc((var(--progressBarHeight)*2)*var(--progressBarHoverScale));height:calc((var(--progressBarHeight)*2)*var(--progressBarHoverScale));opacity:1}.VC4pIW_prgsContainer:active .VC4pIW_prgsWrapper,.VC4pIW_prgsContainer:active .VC4pIW_prgsBar,.VC4pIW_prgsContainer:active .VC4pIW_prgsHover{transform:scale3d(1,var(--progressBarHoverScale),1)}.VC4pIW_prgsContainer:active .VC4pIW_scrubber{opacity:1}.VC4pIW_seekTimeTooltip{color:var(--tooltipTextColor);background-color:var(--tooltipBGColor);opacity:0;text-align:center;border-radius:var(--tooltipCornerRadius);padding:6px 12px;transition:opacity .1s ease-out;position:absolute;top:-48px;left:0;transform:translate(-50%)}.VC4pIW_iconmd{position:absolute;top:10px;scale:1.5}.VC4pIW_iconSmall{position:absolute;top:7px;scale:1}.VC4pIW_button{cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:26px;display:flex;position:relative}.VC4pIW_sliderWrapper{align-items:center;width:0;height:14px;transition:all .3s ease-out;display:flex;overflow:hidden}.VC4pIW_volSlider{opacity:0;appearance:none;cursor:pointer;background:0 0;width:0;transition:all .3s ease-out}.VC4pIW_volSlider.VC4pIW_sliderProgress{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min))/var(--range));--sx:calc(.5*14px + var(--ratio)*(100% - 14px))}.VC4pIW_volSlider:focus{outline:none}.VC4pIW_volSlider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(10px + var(--volumeBarHeight));height:calc(10px + var(--volumeBarHeight));background:var(--volumeBarForegroundColor);box-shadow:none;border:none;border-radius:50%;margin-top:-5px}.VC4pIW_volSlider::-webkit-slider-runnable-track{height:var(--volumeBarHeight);background:var(--volumeBarBGColor);box-shadow:none;border:none;border-radius:2px}.VC4pIW_volSlider::-webkit-slider-thumb:hover{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:hover::-webkit-slider-runnable-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider::-webkit-slider-thumb:active{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:active::-webkit-slider-runnable-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress::-webkit-slider-runnable-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress:hover::-webkit-slider-runnable-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress:active::-webkit-slider-runnable-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider::-moz-range-thumb{width:calc(10px + var(--volumeBarHeight));height:calc(10px + var(--volumeBarHeight));background:var(--volumeBarForegroundColor);box-shadow:none;border:none;border-radius:50%}.VC4pIW_volSlider::-moz-range-track{height:var(--volumeBarHeight);background:var(--volumeBarBGColor);box-shadow:none;border:none;border-radius:2px}.VC4pIW_volSlider::-moz-range-thumb:hover{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:hover::-moz-range-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider::-moz-range-thumb:active{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:active::-moz-range-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress::-moz-range-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress:hover::-moz-range-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress:active::-moz-range-track{background:linear-gradient(var(--volumeBarForegroundColor),var(--volumeBarForegroundColor))0/var(--sx)100% no-repeat,var(--volumeBarBGColor)}.VC4pIW_volSlider::-ms-fill-upper{background:0 0;border-color:#0000}.VC4pIW_volSlider::-ms-fill-lower{background:0 0;border-color:#0000}.VC4pIW_volSlider::-ms-thumb{width:calc(10px + var(--volumeBarHeight));height:calc(10px + var(--volumeBarHeight));background:var(--volumeBarForegroundColor);box-shadow:none;box-sizing:border-box;border:none;border-radius:50%;margin-top:0}.VC4pIW_volSlider::-ms-track{height:var(--volumeBarHeight);background:var(--volumeBarBGColor);box-shadow:none;box-sizing:border-box;border:none;border-radius:2px}.VC4pIW_volSlider::-ms-thumb:hover{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:hover::-ms-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider::-ms-thumb:active{background:var(--volumeBarForegroundColor)}.VC4pIW_volSlider:active::-ms-track{background:var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress::-ms-fill-lower{height:var(--volumeBarHeight);margin:-undefined 0 -undefined -undefined;background:var(--volumeBarBGColor);border:none;border-right-width:0;border-radius:0}.VC4pIW_volSlider.VC4pIW_sliderProgress:hover::-ms-fill-lower{background:var(--volumeBarBGColor)}.VC4pIW_volSlider.VC4pIW_sliderProgress:active::-ms-fill-lower{background:var(--volumeBarBGColor)}.VC4pIW_volCtrlWrapper{opacity:var(--volumeOpacity);align-items:center;gap:8px;display:flex}.VC4pIW_volCtrlWrapper:hover .VC4pIW_volSlider{opacity:1;width:100%}.VC4pIW_volCtrlWrapper:hover .VC4pIW_sliderWrapper{width:80px}.VC4pIW_ctrlContainer:hover .VC4pIW_volSlider{opacity:1;width:100%}.VC4pIW_icon{box-sizing:border-box;border-radius:var(--iconButtonCornerRadius);width:24px;height:24px;opacity:var(--iconButtonOpacity)}.VC4pIW_settingWrapper{z-index:-16;background-color:var(--settingsBGColor);width:280px;max-height:260px;opacity:var(--settingsOpacity);border-radius:4px;display:none;position:absolute;bottom:140px;right:60px;overflow:hidden;box-shadow:0 0 20px #02122a80}.VC4pIW_settingItem{color:var(--settingsTextColor);cursor:pointer;border-radius:2px;justify-content:space-between;align-items:center;padding:12px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;transition:all .3s ease-out;display:flex;position:relative}.VC4pIW_settingItem:hover{background-color:var(--settingsHoverColor)}.VC4pIW_settingPopup{width:295px;min-height:130px;max-height:250px;transition:all .3s ease-out;overflow-y:scroll}.VC4pIW_settingPopup::-webkit-scrollbar{width:5px}.VC4pIW_settingPopup::-webkit-scrollbar-thumb{background:var(--skaraVideoProgressWrapper);border-radius:2px}.VC4pIW_listItem{color:var(--settingsTextColor);cursor:pointer;align-items:center;gap:8px;padding:12px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:400;transition:all .3s ease-out;display:flex;position:relative}.VC4pIW_listItem:hover,.VC4pIW_active{background-color:var(--settingsHoverColor)}.VC4pIW_activeIconWrapper{justify-content:center;align-items:center;width:10px;height:10px;display:flex}.VC4pIW_indicatorIcon{background-color:var(--settingsTextColor);border-radius:50%;width:8px;height:8px}.VC4pIW_controls{box-sizing:border-box;padding:var(--iconButtonPadding);border-radius:var(--iconButtonCornerRadius);background-color:var(--iconButtonColor);height:var(--iconButtonSize);width:var(--iconButtonSize);cursor:pointer;opacity:var(--iconButtonOpacity);justify-content:center;align-items:center;display:flex}.VC4pIW_controls:hover{background-color:var(--iconButtonHoverColor)}.VC4pIW_hide{display:none}.VC4pIW_spinner{z-index:100;animation:1.5s linear infinite VC4pIW_spinn;animation-play-state:inherit;border:solid 5px var(--progressBGColor);border-bottom-color:var(--progressForegroundColor);content:"";will-change:transform;border-radius:50%;width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes VC4pIW_spinn{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.VC4pIW_centerButton{box-sizing:border-box;cursor:pointer;height:var(--centerIconButtonSize);width:var(--centerIconButtonSize);background-color:var(--centerIconButtonColor);border-radius:var(--centerIconButtonCornerRadius);padding:var(--centerIconButtonPadding);opacity:var(--centerIconButtonOpacity);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.VC4pIW_centerButton:hover{background-color:var(--centerIconButtonHoverColor)}.VC4pIW_centerButtonImage{font-family:skaraFontIcon;font-size:var(--centerIconButtonSize);color:#fff;display:block}.VC4pIW_iconButtonImage{font-family:skaraFontIcon;font-size:var(--iconButtonSize);color:#fff;display:block}.VC4pIW_settingIcon{color:#fff;font-family:skaraFontIcon;font-size:24px;display:block}.VC4pIW_watchTimer{color:var(--textColor);display:flex}.VC4pIW_rotate{transition:transform .25s linear;transform:rotate(90deg)}.VC4pIW_brandImage{justify-content:center;align-items:center;width:auto;height:100%;display:flex}@media only screen and (device-width<=767px){.VC4pIW_toolBar{padding:20px 30px 48px}.VC4pIW_osdBar{padding:36px 30px 56px}.VC4pIW_innerOsd{flex-direction:column-reverse;gap:16px}.VC4pIW_ctrlLeft{display:none}.VC4pIW_ctrlContainer{justify-content:flex-end}.VC4pIW_watchTimer{position:absolute;top:20%;left:0}.VC4pIW_controls{width:28px;height:28px}.VC4pIW_centerButton{width:96px;height:96px}.VC4pIW_settingWrapper{max-width:80%;height:fit-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@media only screen and (device-width>=768px) and (device-width<=1280px) and (orientation:landscape){.VC4pIW_toolBar{padding:20px 30px 48px}.VC4pIW_osdBar{padding:36px 30px 64px}.VC4pIW_innerOsd{gap:24px}.VC4pIW_ctrlContainer{justify-content:flex-end}.VC4pIW_watchTimer{position:absolute;top:20%;left:0}.VC4pIW_controls{width:32px;height:32px}.VC4pIW_centerButton{width:104px;height:104px}.VC4pIW_settingWrapper{max-width:80%;height:fit-content;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.VC4pIW_centerBtnShow{z-index:16;display:flex}.VC4pIW_centerBtnHide{z-index:-16;display:none}