#svVideoWidgetDiv {position: fixed !important;z-index: 999999 !important;outline: none !important;border-radius: 15px !important;padding: 0 !important;opacity: 0;transition: 0.5s !important;bottom: var(--widgetBottom);}
#svVideoWidgetDiv:hover{transform: scale(1.02);}
#svVideoWidgetDiv.Right.animateSVWidget.Side{right:-250px;}
#svVideoWidgetDiv.Left.animateSVWidget.Side{left:-250px;}
#svVideoWidgetDiv.animateSVWidget.Bottom{bottom: -250px;}
#svVideoWidgetDiv.animateSVWidget.Left{left: var(--widgetSide);}
#svVideoWidgetDiv.animateSVWidget.Right{right: var(--widgetSide);}
#svVideoWidgetDiv.noAnimateSVWidget.Left{left: var(--widgetSide);}
#svVideoWidgetDiv.noAnimateSVWidget.Right{right: var(--widgetSide);}
#muqalaVideoWidgetDiv.animateSVWidget:not(.Bottom),
#svVideoWidgetDiv.noAnimateSVWidget{bottom: var(--widgetBottom)}
#svVideoWidgetInnerWrap {display: flex;align-items: flex-end;justify-content: flex-end;position: relative;}
#svVideoTagWidgetWrap {position: relative;box-sizing: border-box !important;border-radius: 100%;transition: 0.3s;cursor: pointer !important;width: 242px;height: 152px;}
#svVideoTagWidgetWrap.Rectangle.Vertical{
	width: 150px;
	height: 200px;
}
#svVideoTagWidgetWrap.Circle{
	width: 150px;
	height: 150px;
	border-radius: 50%;
}
#svVideoTagWidgetWrap.Circle.L{
	width: 200px;
	height: 200px;
}
#svVideoTagWidgetWrap.Circle.S{
	width: 100px;
	height: 100px;
}
#svVideoWidgetInnerWrap.svBorderEnabled{
	border: var(--borderWidth) solid var(--borderColor);
	border-radius: 14px;
}
#svVideoWidgetInnerWrap.svBorderEnabled.Circle{
	border-radius: 50%;
}
#svVideoTagWidgetWrap.Circle video#svWidgetVideoTag{
	border-radius: 50% !important;
}
@media only screen and (max-width: 480px), (max-height: 450px){
	#svVideoTagWidgetWrap.overWriteDesign{
		width: 150px !important;
		height: 150px !important;
		border-radius: 50% !important;
	}
	#svVideoTagWidgetWrap.overWriteDesign video#svWidgetVideoTag{
		border-radius: 50% !important;
	}
	#svVideoWidgetInnerWrap.svBorderEnabled.overWriteDesign{
		border-radius: 50%;
	}
	#svVideoTagWidgetWrap.overWriteDesign .videoWidgetCaptionWrapper{
		border-radius: 50% !important;
	}
}
.videoWidgetCaptionWrapper{display: grid;z-index: 1;background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.3) 100%);justify-content: center;align-self: center;align-items: center;text-align: center;height: 100%;width: 100%;position: absolute;}
.videoWidgetCationText {z-index: 2147483647;font-family: "Open Sans", sans-serif;font-weight: bold;color: white;overflow-wrap: anywhere;font-size: 21px;}
.videoWidgetCaptionWrapper.Top{align-items: start;}
.videoWidgetCaptionWrapper.Bottom{align-items: end;}
.svVideoWidgetCloseWrap {display: flex;flex-direction: column;align-items: flex-end;position: absolute;top: -8px !important;right: -8px !important;}
.svVideoWidgetCloseButton {z-index: 2147483649 !important;display: flex !important;justify-content: center !important;align-items: center !important;font-size: 13px;width: 22px !important;height: 22px !important;border-radius: 20px !important;color: #353535 !important;cursor: pointer !important;background: #2f3137 !important;box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);transition: 0.7s;transform-origin: center !important;}
#svVideoPlaybackCloseDiv:hover, .svVideoWidgetCloseButton:hover{transform: rotate(180deg);}
video#svWidgetVideoTag {pointer-events: none !important;position: absolute !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;object-position: 50% 50%;width: 100% !important;height: 100% !important;min-width: 100% !important;min-height: 100% !important;cursor: pointer !important;object-fit: cover !important;margin-top: 0 !important;visibility: visible !important;border-radius: 10px !important;box-shadow: 0px 4px 20px rgb(0 0 0 / 15%) !important;}
#svVideoPlaybackDiv{position: fixed !important;top: auto !important;box-sizing: border-box !important;box-shadow: 0px 0px 60px rgb(0 0 0 / 15%) !important;z-index: 2147483649 !important;border-radius: 10px !important;transition: 0.3s !important;line-height: 0 !important;bottom: var(--playbackDivBottom)}
#svVideoPlaybackDiv.Horizontal{
	width: 640px !important;
	height: 360px !important;
	min-width: 640px !important;
	min-height: 360px !important;
	max-width: 960px !important;
	max-height: 540px !important;
}
#svVideoPlaybackDiv.Vertical{
	width: 313px!important;
	height: 557px!important;
	min-width: 269px!important;
	min-height: 479px!important;
	max-width: 540px!important;
	max-height: 960px!important;
}
#svVideoPlaybackDiv.Left{left: var(--playbackDivRight); }
#svVideoPlaybackDiv.Right{right: var(--playbackDivRight) }
#svVideoPlaybackCloseDiv{z-index: 2147483649 !important;display: flex !important;justify-content: center !important;align-items: center !important;position: absolute !important;width: 26px !important;height: 26px !important;border-radius: 20px !important;top: -8px !important;right: -8px !important;color: #353535 !important;cursor: pointer !important;background: #2f3137 !important;box-shadow: 0px 2px 4px rgb(0 0 0 / 20%);transition: 0.7s;transform-origin: center !important;}
#svVideoPlaybackCloseDiv svg{margin-left: 0.5px;width: 11px !important;height: 10px !important;}
#svVideoPlaybackOuterDiv{position: static !important;line-height: 0 !important;overflow: hidden !important;}
#svecVideoPlaybackFrame{position: absolute !important;bottom: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;background-color: white !important;border: none !important;box-sizing: border-box !important;border-radius: 10px !important;overflow: hidden !important;margin: 0 !important;padding: 0 !important;}
@media only screen and (max-width: 450px) {
	#svVideoPlaybackDiv{box-shadow: none !important;bottom: 0;}
	#svVideoPlaybackDiv.Vertical{
		width: 100%!important;
		min-width: 100%!important;
		height: 100%!important;
		min-height: 100%!important;
	}
	#svVideoPlaybackDiv.Horizontal{width: 100% !important;min-width: 100% !important;height: 540px !important;}
	#svVideoPlaybackDiv.Right{right: 0}
	#svVideoPlaybackDiv.Left{left: 0}
	#svVideoPlaybackCloseDiv{right:1px !important;top:-8px important;}				
}

@media only screen and (max-device-width: 380px){
	#SVWidgetFrame{width:100%;}
}
@media only screen and (max-height: 450px) and (min-aspect-ratio: 13/9) {
	#svVideoPlaybackDiv.Horizontal{height: 66vh !important;min-height: 66vh !important;width: 66vw !important;min-width: 66vw !important;}
	#svVideoPlaybackDiv.Vertical{height: 70vh!important;min-height: 70vh!important;width: 33vw!important;min-width: 33vw!important;}
}

@media only screen and (max-height: 700px){
	#svVideoPlaybackDiv.Vertical{
		height: calc(100% - var(--playbackDivRight) - 10px )!important;
    	min-height: unset!important;
	}
}