Video Tweaker

adds bunch of settings to a video

/* ==UserStyle==
@name           Video Tweaker
@namespace      https://userstyles.world/user/xyadx
@version        1.7.4
@description    adds bunch of settings to a video
@supportURL     https://userstyles.world/style/2942
@author         YAD
@license        NO-REDISTRIBUTION
@preprocessor   stylus

@var range sat "🌈Saturation" [110,1,300,1,"%"]
@var range bri "💡Brightness" [110,1,300,1,"%"]
@var range con "🕶️ Contrast" [100,1,300,1,"%"]
@var range sep "🦉Sepia" [0,0,100,1,"%"]
@var range blu "👁️ Blur" [0,0,50,0.1,"px"]
@var range trX "↔️Stretch Horzontal" [1,0.1,3,0.1]
@var checkbox lin "⏹️Proportion Scale" 0
@var range trY "↕️Stretch Vertical" [1,0.1,3,0.1]
@var range rot "🔄Rotate Video" [0,0,360,30,"deg"]
@var checkbox fli "🔁Flip Video" 0
@var checkbox inv "🌓Invert Colors" 0
@var checkbox an1m "📳Shake" 0
@var checkbox force "🎛️Force Native Controls(Beta)" 0
@var checkbox ove "⏫Detach from Container(Beta)" 0
==/UserStyle== */
@-moz-document regexp("https?://(?!(.*\\.excludedsite\\.com/)).*"), url-prefix("file:///") {
	// website to exclude from this script ⬆️

	video {
		if an1m { animation: shake 0.8s infinite; transform: }
		transform: rotate(rot) scaleX(trX) scaleY(trY)!important;
		filter: saturate(sat) brightness(bri) contrast(con) blur(blu) sepia(sep)!important;
		transition: 0.5s;
	// filters
		if fli { transform: rotate(rot) scaleX(trX) scaleY(trY) rotateY(180deg)!important; }
		if inv { filter: saturate(sat) brightness(bri) contrast(con) invert(1) blur(blu) sepia(sep)!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; }
		}            
	}
	
	// shaker
	@keyframes shake {
		10%, 90% { transform: translate3d(-1px, 0, 0); }
		20%, 80% { transform: translate3d(2px, 0, 0); }
		30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
		40%, 60% { transform: translate3d(4px, 0, 0); }
	}
	
	// 2022
	// Created by YAD

	
	// detach beta
    if ove {
	#container {
		text-transform: none;
		overflow: visible!important;
        display: hidden!important
        }
	}
    if force {
    
    video::-webkit-media-controls-panel { 
        display: block!important;
        z-index: 9999!important;
        position fixed!important;
        background: none;
        top:75%;
        left: 0%;
        overflow: hidden;        
        }
    }

}