/* ==UserStyle==
@name           Global Video Settings
@namespace      https://userstyles.world/user/xyadx
@version        1.6.6
@description    some videos wer squeeze into square, lack of saturation, or like on tiktok some videos want you to turn your screen upside down this might help you on that.
@supportURL     https://userstyles.world/style/2942/global-video-settings
@author         YAD
@license        NO-REDISTRIBUTION
@preprocessor   stylus

@var range sat "🏳️‍🌈Saturation" [100,1,200,1,"%"]
@var range bri "💡Brightness" [100,1,200,1,"%"]
@var range con "◑ Contrast" [100,1,200,1,"%"]
@var range trX "↔️Stretch Horzontal" [1,0.1,3,0.1]
@var checkbox lin "🔗Link (Scale)" 0
@var range trY "↕️Stretch Vertical" [1,0.1,3,0.1]
@var range rot "🔄Video Rotation" [0,0,360,30,"deg"]
@var checkbox fli "🔁Flip Video" 0
@var checkbox inv "🌓Invert Colors" 0
@var checkbox ove "⏫Detach from Container(Beta)" 0
@downloadURL none
==/UserStyle== */
@-moz-document regexp("https?://(?!(.*\\.excludedsite\\.com/)).*"), url-prefix("file:///") {
	// website to exclude from this script ⬆️

	video {
		transform: rotate(rot) scaleX(trX) scaleY(trY)!important;
		filter: saturate(sat) brightness(bri) contrast(con)!important;
		transition: 0.5s;
	// confusing stuff
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) rotateY(180deg)!important; }
		if inv { filter: saturate(sat) brightness(bri) contrast(con) invert(1)!important; }
		if lin { transform: rotate(rot) scaleX(trX) scaleY(trY) scaleX(trY) scaleY(trX)!important;
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) scaleX(trY) scaleY(trX)  rotateY(180deg)!important; }
		}
	}
	
	// 2022
	// Created by YAD for fun
	
	[class*="html5-video-player"] {
		overflow: hidden!important;
		if ove { overflow: visible!important }
	}
	[class*="ended-mode"] [class="html5-video-container"] {
		display: none
	}
	// detach beta
	div {
		text-transform: none;
		if ove { overflow: visible!important }
	}
}